What You Will Need
Before you begin, make sure you have:
An Echo already created and published
Access to the Embed Widget section in your Echo dashboard
A Wix account with an active website
Step 1: Open Your Echo's Embed Widget Settings
Log into your Echo dashboard. Locate the Echo you want to embed. Click the three-dot menu on the Echo card and select Embed Widget from the dropdown. You can also access it from inside the Editor.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Step 2: Customize Your Widget Appearance
Before generating the code, configure how your Echo will look on your website. The left panel shows all customization options:
Position: Choose where the chat button appears (Bottom Right, Bottom Left, Top Right, or Top Left)
Button Roundness: Adjust the shape from square to fully circular
Chatbox Roundness: Control the corner style of the chat window
Chatbox Size: Select the size of the expanded chat interface
Button Size: Control the size of the floating trigger button
Remove "Powered by Echo AI": Toggle off the branding if your plan allows it
Widget Logo: Choose between the default Echo logo, your Echo avatar, or upload a custom logo (with separate light and dark theme versions)
These settings directly affect how the widget renders on your website.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Step 3: Generate and Copy Your Embed Code
On the right side of the page under Preview & Code, you can toggle the preview to see how the widget will look on both light and dark backgrounds.
When you are happy with the appearance:
Click Generate
Your HTML embed code will appear in the Embed Code section
Click Copy to copy it to your clipboard
Alternatively, click Download to save the code as a file
This code contains the iframe and positioning logic that loads your Echo on any website.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Step 4: Open Your Wix Dashboard
Log into your Wix account and go to your site's dashboard. You do not need to open the Wix Editor for this method.
Step 5: Go to Settings, then Custom Code
In your Wix dashboard:
Go to Settings
Scroll down to the Development & Integrations section
Click Custom Code
This opens the Custom Code page where you can add third-party scripts to your site.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Step 6: Add Your Echo Code
Click + Add Custom Code (top right)
Paste the embed code you copied from Echo
Give it a name, for example "Echo AI Chat Widget"
Under Place Code in, select Body - End
Under Apply to, select All pages if you want your Echo on every page, or choose specific pages
Set the code type to Essential
Click Apply
Your Echo widget code is now installed on your Wix site.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Step 7: Publish and Test
If prompted, publish your site for the changes to go live
Open your live website
Refresh the page
You should see the Echo chat button in the position you configured (for example, bottom right)
Click it and send a test message
Your Echo is now live and interactive on your Wix website.
<img class="max-w-full h-auto rounded-xl my-4" alt="">Best Practices
Give your widget breathing room. Avoid cluttering the corner where it appears with other floating elements.
If you use a cookie banner, make sure it does not block the chat button.
Test on both desktop and mobile. Wix sometimes renders spacing differently depending on screen size.
If the widget does not appear immediately, clear your cache or test in an incognito window.
Why Embed Instead of Sharing Your Echo Link?
Your Echo already has its own hosted page at echoai.so/e/echotag. However, embedding allows you to keep users on your domain, answer questions instantly on product pages, automate lead capture, reduce manual replies, and turn a static Wix site into an interactive experience.