Before you start
You need an active Fix8 AI Chat account and your account's public embed key.
You need a paid plan and a connected domain for Custom Code.
Install the floating chat
- In the site dashboard, open Settings > Development & integrations > Custom Code.
- Choose + Add Custom Code and paste your floating snippet.
- Choose All pages and Body - end, then Apply.
- Check the published site on your connected domain.
Add the inline chat to one page
- Add an Embed HTML element to the contact page.
- Paste BOTH the script and the inline container into the same Embed HTML element.
- Give the element enough fixed height for the chat, then publish and test.
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
The floating bubble must use Custom Code, not an Embed HTML element.
Embed HTML runs in a sandboxed frame. Inline chat is contained in that frame and cannot resize the surrounding page automatically.
If messages fail in an embedded frame, contact support to check its origin and allowed domains.