Hostinger is a web hosting platform known for its affordable prices and user-friendly services, offering website hosting, domain registration, and other tools for creating and managing websites.
This article will guide you step by step on how to add Common Ninja widgets to your Hostinger site:
- Copy your widget code from the Common Ninja website.
- In your Hostinger editor, on the left management sidebar controls, click on the "Add Element" button, select the "Embed code" and drag the element to where you want the widget to display on your website
- Once you've placed the "Embed Code" element on your website, a new element will appear. Click on this element to open an options tooltip. From there, choose the "Enter code" option.
- A popup will appear. In the "Add your code here" section, paste the code you copied from Step 1. After pasting the code, click on the "Embed code" button.
- Return to the left management sidebar controls and click on the "Settings" button. Then, select the "Integrations" option.
- A new window will open. Locate the "Custom Code" section and paste the following code into this section:
<script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
After pasting the code, click the "SAVE CHANGES" button to save your settings.
And that’s it!
Save your changes in the editor, and you should see your widget appearing on your website.