Add Olotalk to Bubble
Bubble injects site-wide scripts from its SEO / metatags settings.
You’ll need your Assistant ID (ast_oltk_…) from your assistant’s Install step, and a paid Bubble plan — the site-wide header/body script fields are a paid feature. New here? Start with the Quick start.
Install via the page header
In the Bubble editor, go to Settings → SEO / metatags and paste the snippet into the Script/meta tags in header field:
<script
src="https://cdn.jsdelivr.net/npm/@olotalk/assistant-loader@0/dist/loader.iife.js"
data-olotalk-assistant-id="YOUR_ASSISTANT_ID"
async
></script>
This applies to every page of your app. The loader is async, so loading it from the header doesn’t block rendering.
Allow your domain
Add your live domain under your assistant’s Install domains. Bubble apps are served at *.bubbleapps.io (with a /version-test path for the development version) until you connect a custom domain — add whichever you use.
Verify
Open your published app 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.