Add Olotalk to Framer

Framer has a dedicated Custom Code area for injecting scripts site-wide.

You’ll need your Assistant ID (ast_oltk_…) from your assistant’s Install step, and a paid Framer site plan — Custom Code isn’t available on free sites. New here? Start with the Quick start.

Install via Custom Code

In Framer, open Project Settings and select the Custom Code tab in the left sidebar. Add a new snippet, paste the loader, and choose the end of </body> placement:

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

<html>

<body>

… your page …

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

</body>

</html>

Paste the snippet into Custom Code → end of </body>. Wherever a platform puts it, the goal is the same: it loads just before the closing body tag.

Publish your site to apply it.

Custom code runs only on the published site, not in the Framer editor. If you don’t see the launcher, make sure you’ve published.

Allow your domain

Add your live domain under your assistant’s Install domains. Framer’s default free domain is *.framer.app (e.g. yoursite.framer.app) — add that if you publish there.

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.