Skip to content
Platforms

Webnode

Where to add the Otto chat code on a Webnode website, how to check that it runs and what to do when it does not show.

On this page

Webnode is a builder for websites and online stores with an editor in the browser. You add the chat code to the website footer in the editor settings and publish the site. It takes about 5 minutes.

What you need

  • An Otto account. You find the chat code in the panel under Overview, on the Installation & integrations card, on the Webnode tile.
  • A project with the Standard, Profi or Business premium package. With Limited, Mini or no package, Webnode does not allow code on all pages.
  • Access to the website editor on Webnode.

Chat code

On the Webnode tile, click Copy code. You get one line with your company’s public key:

<script async src="https://ottoai.sk/widget.js" data-otto-key="pk_vas_kluc"></script>
The sample shows pk_vas_kluc instead of a key, the tile gives you the code with your own key. The key is not a password, you do not need to hide it. Add the code once, it covers the whole site.

Adding the code

  1. In the website editor, click Settings in the top bar.
  2. On the left, choose Website Settings and on the right expand Website header and footer.
  3. Paste the chat code into Website footer HTML code. If the field already contains code, add the chat below it.
  4. Click Save.
  5. Publish the site with the Publish button in the top bar. The code does not reach your site until you publish.

If you already have the chat code in Website header HTML code, you can leave it there. The chat loads asynchronously from the header too, but do not put it in both fields at once.

Webnode allows code on all pages only with the Standard, Profi or Business package.

You can also follow the official Webnode help.

Checking it works

  1. Open your website in a new browser window and reload. A chat bubble should pop up in the bottom right.
  2. Send the chat a test question. Otto answers within a few seconds.
  3. In the panel, under Settings, Connections, the Your website row shows the domain the chat runs on.
The chat shows on the published site, not in the editor.

Product catalogue

If you sell through a Webnode online store, open Store settings, Product feed in the project administration. Next to Google Merchant Center click Settings, then Edit, choose Active and save, and the feed URL appears there. Webnode includes the product export in the Profi and Business packages.

Paste the feed address in the panel under Settings, Catalogue, and click Check feed. The panel tells you how many products it found, and Otto keeps the feed up to date on its own. More in Product catalogue.

Troubleshooting

I cannot add the code or it does not show on the site

Webnode allows code on all pages only with the Standard, Profi or Business package. Check the package of your project and upgrade if needed.

The chat shows only after cookie consent

Code wrapped in Webnode cookie tags, for example {IF_ACCEPTED_FUNCTIONAL_COOKIES}, runs only after the visitor allows that type of cookies. To show the chat right away, add the code without these tags.

The chat shows on the .webnode address but not on my domain

Otto moves from the Webnode address to your own domain by itself when the chat first shows there. Open the site on your own domain and reload the page.

Also check

  • Reload the page without cache with Ctrl+F5, or open it in a private window.
  • The code should be on the page only once, a second copy is ignored.
  • A cookie consent bar can block scripts until the visitor agrees. If the chat only shows up after consent, see Cookie consent.
  • If your site sends a Content-Security-Policy header, allow https://ottoai.sk in it, as shown in Content-Security-Policy.
  • In the browser console (F12), look for messages starting with [Otto]. They tell you what the chat is missing.
  • Still nothing? Write to us at podpora@ottoai.sk and include your website address.

Removing the chat

In Settings, Website Settings, Website header and footer, delete the chat code from the field, click Save and publish the site again.