Integrating Common Ninja widgets into a Kopage website is straightforward and requires no special coding knowledge. Here's a step-by-step guide:
Step 1: Copy the Widget Embed Code
After creating your Common Ninja widget, you need to copy the widget’s Embed Code. There are two methods to do this on the Common Ninja platform.
Method 1: Copy the code from the Widget editor
- Save Your Widget: Ensure your widget is saved in the editor.
- Locate the "Add to Website" Button: At the top right corner, next to the “preview” button, you will see the “Add to Website” button, represented by the “</>” symbol. Click on it.
- Copy the Embed Code: In the window that opens, click the copy button next to the Embed Code
Method 2: Copy the code from the User's Dashboard
- Go to Your Dashboard: From your user dashboard, find the widget you want to add to your website.
- Locate the Embed Button: Next to the widget in the list, you will see a purple button represented by the “</>” symbol. Click on it.
- Copy the Embed Code: A window will pop up. Click the copy button next to the code to copy it.
Step 2: Embed the Code into Your Kopage Website
Now, let's embed your widget into your Kopage website using the website's editor. Follow these steps:
-
Open the Kopage Editor: Log in to your Kopage account and open the website editor.
-
Enter the Content Menu: On the left panel, click on the Content menu.
- Access the Apps Menu: Scroll down within the Content menu and click on the Apps option.
-
Select Custom HTML Code: In the Apps menu, find and select the Custom HTML Code element.
- Add Your Widget's Embed Code: In the HTML Content window that appears, paste the embed code you copied from Common Ninja.
-
Apply the Code to Your Website: Click the Continue button at the bottom of the HTML Content window to apply your changes.
And that's it! Your Common Ninja widget should now be embedded into your Kopage website. Save your changes and preview your site to ensure the widget is displayed correctly.