Adding to a Standard HTML Website
To add your NatterNinja AI assistant to a standard HTML website:
- Copy the following code snippet:
- Paste this code just before the closing
</body> tag in your HTML file.
- Save your file and upload it to your web server.
- That's it! Your AI assistant will now appear on your website.
The assistant will automatically use the configuration you've set up in this dashboard.
Adding to an Elementor Website
To add your NatterNinja AI assistant to a WordPress site using Elementor:
- In your WordPress dashboard, go to Elementor → Custom Code.
- Click Add New to create a new custom code snippet.
- Give your snippet a title (e.g., "NatterNinja AI Assistant").
- Paste the following code:
- Under Location, select On All Pages (or choose specific pages where you want the assistant to appear).
- Set Position to Before </body> tag
- Click Publish.
Adding to a Divi Website
To add your NatterNinja AI assistant to a WordPress site using Divi:
- In your WordPress dashboard, go to Divi → Theme Options.
- Click on the Integration tab.
- Scroll down to Add code to the < body > section.
- Paste the following code:
- Click Save Changes at the bottom of the page.
Adding to a Wix Website
To add your NatterNinja AI assistant to a Wix website:
- Log in to your Wix account and open your site in the Editor.
- Click on the Settings button (gear icon) in the left sidebar.
- Select Custom Code from the menu.
- Click + Add Custom Code.
- Enter a name for your code (e.g., "NatterNinja AI Assistant").
- Paste the following code in the code box:
- Under Place Code in, select Body - end.
- Set Add Code to Pages to All Pages (or select specific pages).
- Click Apply.
- Click Publish to update your live site.
Note: Wix may take a few minutes to apply your custom code changes.
Adding to a Squarespace Website
To add your NatterNinja AI assistant to a Squarespace website:
- Log in to your Squarespace account and select the website you want to edit.
- Click Settings in the left sidebar menu.
- Scroll down and click on Advanced.
- Select Code Injection.
- Scroll down to the Footer section.
- Paste the following code:
- Click Save.
- Your AI assistant will now appear on all pages of your Squarespace website.
For Squarespace 7.1, you can also add code to specific pages by editing the page and using the "Page Header Code Injection" option.
Adding to a Shopify Store
To add your NatterNinja AI assistant to a Shopify store:
- Log in to your Shopify admin panel.
- Click on Online Store in the left sidebar.
- Click on Themes.
- Find your current theme and click Actions, then select Edit code.
- In the Layout folder, click on theme.liquid.
- Find the closing
</body> tag (usually at the bottom of the file).
- Paste the following code just before the
</body> tag:
- Click Save.
Your changes will be applied immediately to your live Shopify store.
Using Another Website Builder?
Contact Our Support Team
We'll provide custom installation instructions for your platform
If you're using another website builder such as:
- Wix
- Squarespace
- Shopify
- Webflow
- Or any other platform
Please contact us at info@natterninja.com with the following information:
- Your website platform/builder
- Your website URL
- Your NatterNinja account email
Our team will get back to you as soon as possible with specific installation instructions for your platform.
For reference, here's your widget code:
