Skip to content
Platforms

Weebly

Where to add the Otto chat code in Weebly, how to publish the site and what to do when the chat does not show.

On this page

Weebly is a builder for websites and stores by Square. You add the chat code to the footer code field in the site 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 Weebly tile. It is under the More platforms tile, and you can also search for it.
  • Access to the website editor in Weebly. Weebly allows custom code on all plans, including the free one.

Chat code

On the Weebly 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 Weebly editor, click Settings in the top bar.
  2. On the left, choose SEO.
  3. Paste the chat code into Footer 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 right.

You can also follow the official Weebly 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.
Check the chat on the published site after you click Publish.

Product catalogue

If you sell through a Weebly store and have no XML feed URL, turn on I have no XML feed, let Otto read my site in the panel.

Troubleshooting

I edit my site in Square Online, not in the classic Weebly editor

Square Online keeps code elsewhere. In Square Dashboard, open Channels, Square Online, then Settings, Tracking Tools and click Add new code. Choose End of body as the placement, click Save and publish the site.

The chat did not show after saving

Publish the site once more with Publish and reload the page. Also check that the code in Footer Code is complete, from <script to </script>.

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, SEO, delete the chat code from Footer Code, click Save and publish the site again with Publish.