Wix Installation

Add the Grounded widget to your Wix site using the Wix Custom Code feature.

Prerequisites

Custom code requires a Wix Premium plan (any paid plan works).

Installation Steps

1. Access Custom Code Settings

1. Go to your Wix Dashboard
2. Click Settings in the left menu
3. Select Custom Code under Advanced

2. Add the Widget Code

1. Click + Add Custom Code
2. Paste the widget code:

<script
  src="https://grounded.sh/widget/grounded-widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  async
></script>

3. Configure the settings:
   • Name: Grounded Chat Widget
   • Add Code to Pages: All pages (or select specific pages)
   • Place Code in: Body - end
4. Click Apply

3. Publish Your Site

1. Go to your Wix Editor
2. Click Publish in the top right
3. Visit your live site to verify the widget appears

Using Wix Velo (Advanced)

If you're using Wix Velo for custom development:

// In your site's masterPage.js
$w.onReady(function () {
  // Load Grounded widget
  const script = document.createElement('script');
  script.src = 'https://grounded.sh/widget/grounded-widget.js';
  script.setAttribute('data-chatbot-id', 'YOUR_CHATBOT_ID');
  script.async = true;
  document.body.appendChild(script);
});

Troubleshooting

Widget Not Appearing

1. Ensure you have a Premium plan
2. Check that custom code is enabled for your plan
3. Verify the code is set to load at Body - end
4. Clear your browser cache and refresh

Conflicts with Wix Chat

If you're using Wix's built-in chat:

1. Go to Add Apps > My Apps
2. Remove or disable Wix Chat to avoid confusion
3. Use Grounded as your primary chat solution

Mobile Display

The widget is mobile-responsive. If issues occur:

1. Test on actual mobile devices, not just browser preview
2. Check Wix mobile editor for conflicting elements
3. Ensure no mobile-hidden classes affect the widget area