How To Add Common Ninja’s Widgets To an HTML Page

HTML is the markup language that is the building blocks of any website. If you want to add your plugin to an HTML page, follow this tutorial. We will be using the W3Schools Editor, found on the link below: 

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_document

Use the above link to implement all these steps found in this guide. Then, use the same process to edit any HTML page of your website and add our code! 

1. First, you need to copy the widget’s HTML code. There are several methods to do so. 

Method 1: From the Widget’s Editor

Once you’ve saved your widget, at the top right corner, to the left of the “preview” button, you will see the “Add to Website” button, represented by the “</>” symbol. Click on it. 

Then, in the window that opens up, you will see the code. Simply click on the copy button next to it. 

Method 2: From the Dashboard

From your user dashboard, find the widget you want to add to your website from within the “Widgets” tab. Next to it, and under the “Actions” heading (on the right side), you will see a purple button with “Add to Site” on it. Click on it. 

A window will pop up, and here, simply click on the copy button next to the code to copy it. 

2. Head over to https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_document. What you see here is an HTML editor on the left, and the preview panel on the right. Any changes you make to the HTML code will be reflected in the preview panel.

3. Go ahead and paste the code. Then click Run.

4. You will now see the plugin, visible on the right side. And that’s how easy it is to add your plugin to any HTML page.

In case you have any queries, Ninja support is just an email away!