Add Olotalk to Webflow

Webflow has a site-wide custom code area — paste the snippet into Footer Code.

You’ll need your Assistant ID (ast_oltk_…) from your assistant’s Install step. Publishing custom code requires a paid Site plan. New here? Start with the Quick start.

Install via Custom Code

In Webflow, open Site settings → Custom code (older projects label this Project Settings → Custom Code). Paste the snippet into the Footer Code box — the field labelled Before </body> tag:

<script
  src="https://cdn.jsdelivr.net/npm/@olotalk/assistant-loader@0/dist/loader.iife.js"
  data-olotalk-assistant-id="YOUR_ASSISTANT_ID"
  async
></script>

Save changes, then Publish your site.

<html>

<body>

… your page …

target<script src="…/loader.iife.js" data-olotalk-assistant-id="…" async></script>

</body>

</html>

Paste the snippet into the Footer Code field. Wherever a platform puts it, the goal is the same: it loads just before the closing body tag.

Use Footer Code, not Head Code — Footer Code runs after Webflow’s own scripts, which is the correct, non-blocking placement. Custom code only runs on the published site, not in the Designer or preview.

Allow your domain

Add your live domain under your assistant’s Install domains. If you publish to a *.webflow.io staging subdomain, add that too.

Verify

Publish first, then open your live site and look for the chat launcher in the bottom-right. Then check your dashboard: the Install step’s Install status card shows Seen on yourdomain.com once the snippet loads — with a one-click fix if the domain isn’t allowed yet. Nothing there? See Troubleshooting.