All Collections
Webydo Plugins
How to add a Compare Ninja table plugin to your website
How to add a Compare Ninja table plugin to your website
Webydo Support avatar
Written by Webydo Support
Updated over a week ago

Compare Ninja is a third party plugin that lets you create custom comparison tables, graphs and charts.

Note that the basic functions are free. For more advanced options purchase a Compare Ninja plan.

Step 1: Drag and drop the Compare Ninja icon to your canvas.
Step 2: Set your ID.
Step 3: Paste your ID in the dashboard.
Step 4: General Settings
Step 5: Publish.

Step 1: Drag and drop the Compare Ninja icon to your canvas.

In the Elements Panel, under the Plugins dropdown, you can find the Compare Ninja icon. 

Drag it to the canvas and place it where you want it to be.

When dropped on the canvas, the default setting looks like this:

Step 2: Set your ID.

If you already have an account and a table ready, you’ll need to insert the email address or ID associated with your Compare Ninja account.

Once your Table is ready, copy it’s ID number, located at the top of the window.

You can always find it from the Compare Ninja Dashboard, under your desired table, under the edit, and “Table Publish”.

Step 3: Paste your ID in the dashboard.

Now you’ll need to insert the ID associated with your Compare Ninja Account into the ID box in the Properties Panel.

Step 4: General Settings

Now, to set the appearance and content we wish, we need to open the manage window by clicking the icon in the Properties Panel.

Next, sign into your Compare Ninja account, or create one. The basic features are totally free.

To start creating your chart, navigate to the wizard sections through the “Generator” tab in the menu or one of the other shortcuts.

Proceed to create your table starting with choosing a skin and editing your table.

Note that some of the options require a paid plan in Compare Ninja.

When done, click “Generate Table”, and give it a name.

Connect your form as explained in step 2&3 if you haven't done so.

Step 5: Publish.

To finish, Publish your site.

Did this answer your question?