Add Olotalk to Carrd

Carrd installs Olotalk through an Embed element set to inject raw code into the page body.

You’ll need your Assistant ID (ast_oltk_…) from your assistant’s Install step, and a Carrd Pro Standard plan or higher — the Embed element isn’t available on the free or Pro Lite tiers. New here? Start with the Quick start.


Install via an Embed element

In the Carrd editor, add an Embed element. Set its Type to Code (not IFRAME, which sandboxes the script in an iframe), set Style to Hidden with location Body End, and paste the snippet:

<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>
<head> … </head>
<body>
… your page …
target<script src="…/loader.iife.js" data-olotalk-assistant-id="…" async></script>
</body>
</html>
Paste the snippet into the Embed element (Body End). Wherever a platform puts it, the goal is the same: it loads just before the closing body tag.

Publish your site.

The Code type injects your <script> directly into the page with attributes intact; the IFRAME type wraps it in an iframe, where a floating launcher can’t appear. Embeds render only on the published site, not in the editor.


Allow your domain

Add your live domain under your assistant’s Install domains. Carrd’s free subdomain is *.carrd.co (e.g. yoursite.carrd.co) — 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.