Overview
Adding your Chatbase agent to a Wix website takes two things: the embed code from your Chatbase dashboard, and Wix’s Custom Code embed element. Once pasted, a floating chat bubble appears on your site.What you can do:
Put your AI agent in front of every visitor to your Wix site, answering questions without them leaving the page.
Before you start
- A Chatbase account with an agent. If you haven’t built one yet, sign up for a free account and follow Your first agent.
- A Wix website you can edit.
How to embed your agent
1
Copy your embed code
- Navigate to your dashboard and select the agent you wish to embed.
- Click Channels in the left sidebar, then click Manage on the Chat bubble card (or Setup, if you haven’t configured it yet).
- Click Deploy and select the Website widget embed type. Scroll down and click Copy to copy the provided script.
2
Open your Wix site editor
Sign in to Wix and head to your dashboard. Click Design Site in the top-right corner of the page to load your site in the Wix editor.
3
Add the Custom Code element
Scroll to the section of the website where you want the agent, then click the big plus (Add Elements) button on the left sidebar.
4
Paste the embed code
When the custom code widget pops up, click + Add Custom Code in the top right, then:
- Paste the code snippet into the custom code editor.
- Provide a name for your code.
- Choose an option under Add Code to Pages.
- Choose where to place your code under Place Code in.
- Click Apply.
Preview your website and confirm the floating Chatbase chat icon appears.
You can customize the appearance and colors of your agent on your Chatbase dashboard. Go to your dashboard, choose an agent, click Channels in the left sidebar, click Manage on the Chat bubble card, then open the Display tab to edit Content, Capabilities, Colors, Floating bubble, and Localization.
Next steps
Customize the chat bubble
Match the widget to your brand colors, position, and copy.