Dashboard

Documentation

Wix Integration Guide

Learn how to integrate Demeterics into your workflows with step-by-step guides and API examples.

Wix Integration Guide

Add the Demeterics AI Chat widget to your Wix website in minutes.

Requirements

  • A Wix website (any plan)
  • A Demeterics AI Chat widget (get your widget key from the AI Chat dashboard)
  • Wix Premium Plan (required for Custom Code feature - most reliable method)

This method works site-wide and is the most reliable option.

Step 1: Get Your Widget Code

  1. Log into your Demeterics dashboard
  2. Go to AI Chat
  3. Click on your widget
  4. Copy your Agent Key (e.g., DEM-A4E4OWSVGHBN)

Step 2: Add Custom Code in Wix

  1. Log into your Wix account
  2. Go to your site's dashboard
  3. Click Settings in the left sidebar
  4. Scroll down and click Custom Code under Advanced
  5. Click + Add Custom Code at the top right

Step 3: Configure the Widget

  1. Name your code: Enter "Demeterics AI Chat Widget"
  2. Paste the code in the code snippet box:
<!-- Demeterics AI Chat Widget -->
<script src="https://demeterics.com/widget/embed.js?k=DEM-YOUR-KEY-HERE" async></script>
<dem-agent name="default" title="Need help?" state="minimized"></dem-agent>
  1. Replace DEM-YOUR-KEY-HERE with your actual Agent Key
  2. Select placement: Choose Body - end (recommended for best performance)
  3. Add code to pages: Choose All pages (or select specific pages)
  4. Click Apply

Step 4: Publish Your Site

  1. Click Publish in the top right corner of the Wix Editor
  2. Visit your live site to see the widget appear in the bottom right corner

Method 2: HTML Embed (Free Alternative)

If you don't have a premium plan, you can use an HTML iframe on specific pages.

Limitations: This only works on individual pages, not site-wide.

Steps:

  1. Open the Wix Editor
  2. Click the Add (+) button on the left sidebar
  3. Select Embed Code → HTML iframe
  4. Click Enter Code
  5. Paste your widget embed code:
<script src="https://demeterics.com/widget/embed.js?k=DEM-YOUR-KEY-HERE" async></script>
<dem-agent name="default" title="Need help?" state="minimized"></dem-agent>
  1. Replace DEM-YOUR-KEY-HERE with your actual key
  2. Click Update
  3. Drag the widget element to the desired location on your page
  4. Repeat for each page where you want the widget

Note: The HTML iframe method may have positioning limitations. The Custom Code method is recommended for better user experience.

Customization Options

Change the Widget Title

<dem-agent name="default" title="Chat with us!"></dem-agent>

Use Different Prompts on Different Pages

If you've created multiple prompts in your Demeterics dashboard:

<!-- For product pages -->
<dem-agent name="sales" title="Product Questions?"></dem-agent>

<!-- For support pages -->
<dem-agent name="support" title="How can we help?"></dem-agent>

Start the Widget Open

<dem-agent name="default" title="Need help?" state="open"></dem-agent>

Troubleshooting

Widget doesn't appear

Check these:

  1. Did you publish your site after adding the code?
  2. Is your widget key correct?
  3. Is your Wix site domain added to Allowed Domains in your Demeterics widget settings?
  4. Are you using a Premium Wix plan with the Custom Code method?

Test in Preview mode first: Use Wix's Preview mode to check if the widget loads before publishing.

"Domain not allowed for this agent"

  1. Go to your Demeterics dashboard → AI Chat → Your Widget
  2. Add your Wix domain to Allowed Domains (e.g., yoursite.wixsite.com or your custom domain)
  3. Save and refresh your website

Widget appears multiple times

If using Method 2 (HTML iframe) and the widget appears multiple times, make sure you've only added the embed code once per page.

Widget looks cut off or mispositioned

With Method 2 (HTML iframe), the widget may have positioning issues. We recommend upgrading to a Wix Premium plan and using Method 1 (Custom Code) for the best experience.

Need Help?

Email us: support@demeterics.com

We can help with:

  • Setting up Custom Code in Wix
  • Troubleshooting domain issues
  • Writing custom prompts for your business
  • Optimizing widget placement

Additional Resources