Add Olotalk to Shopify
Add the loader to your theme’s layout file so the assistant appears on every storefront page.
You’ll need your Assistant ID (ast_oltk_…) from your assistant’s Install step. New here? Start with the Quick start.
Install via theme code
In your Shopify admin, go to Online Store → Themes. On your current theme, click ⋯ → Edit code, open layout/theme.liquid, and paste the snippet just before the closing </body> tag:
<!-- layout/theme.liquid -->
<script
src="https://cdn.jsdelivr.net/npm/@olotalk/assistant-loader@0/dist/loader.iife.js"
data-olotalk-assistant-id="YOUR_ASSISTANT_ID"
async
></script>
</body>
Save the file.
Prefer not to edit theme code? Add a Custom Liquid section in the theme editor and paste the same <script> tag there. It only appears where you place the section, so the layout-file method above is better for a persistent, site-wide launcher.
Allow your domain
Under your assistant’s Install domains, add both:
- your
myshopify.comdomain (e.g.your-store.myshopify.com), and - your custom domain if you have one (e.g.
yourbrand.com).
The myshopify.com host is what the theme preview and many app contexts use, so include it even after connecting a custom domain.
A note on checkout
On non-Plus plans, Shopify locks the checkout pages, so the assistant shows on all storefront pages but not during checkout. That’s expected — keep the assistant on product, collection, and content pages, where buyers ask questions.
Verify
Open your published storefront 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.