Before you start
You need an active Fix8 AI Chat account and your account's public embed key.
You need access to edit your online store theme. Duplicate the theme before changing its code.
Install the floating chat
- Open Online Store > Themes and duplicate your current theme as a backup.
- Open the three-dot menu > Edit code.
- Open layout/theme.liquid and paste the floating snippet just before the closing </body> tag.
- Save and test the published store.
Add the inline chat to one page
- Open the theme editor and choose your contact page template.
- Choose Add section > Custom Liquid and paste the complete inline snippet.
- Save and verify the contact page. If the template is shared, check the other pages using it.
Copy your code
Your working snippet comes from your dashboard: Settings > Embed. Some console views show Embed on the dashboard overview. Choose Floating button or Inline on a page and copy the complete code.
These are placeholder examples. Replace YOUR_PUBLIC_KEY with your account's public key, or copy your actual snippet from the dashboard. Keep the existing container id and data-target together.
<script src="https://chat.fix8media.com/api/public/widget.js" data-key="YOUR_PUBLIC_KEY" async></script>Inline code example
<div id="fix8-chat"></div>
<script src="https://chat.fix8media.com/api/public/widget.js" data-key="YOUR_PUBLIC_KEY" data-mode="inline" data-target="#fix8-chat" async></script>Common problems
Theme updates can remove custom code. Check the widget after updating and re-add it if needed.
Do not paste the snippet inside another script tag.
If Custom Liquid is unavailable in your theme, ask support or your theme developer about a suitable section.