Prerequisites

Before you begin, make sure you have:

A Glowstudio account with a configured AI agent

Admin access to your Wix website

​
Integration Steps

1

Access Your Glowstudio Dashboard

Log in to your Glowstudio account and navigate to your agent’s settings. Note down your unique agent ID.
You’ll find an agent’s unique ID on its dedicated card in the Agents tab or in the URL from the agent designer ex. https://glowstudio.ai/app/eu/agents/gib2no07kqdy1f2m/overview
2

Log in to Wix

Access your Wix Admin Panel and choose your site.
3

Navigate to Settings

In the left-hand menu near the bottom, click on Settings.
4

Access Custom Code

Scroll down to Advanced Settings and choose Custom Code.
5

Add Custom Code

Click on Add Custom Code.
6

Insert Integration Code

At the top input field, paste the following code (or the code of your choosing):
<div id="VG_OVERLAY_CONTAINER"></div>
<script defer>
    (function() {
        window.VG_CONFIG = {
            ID: "YOUR_AGENT_ID", // Replace with your actual agent ID
            region: 'eu', // or 'na' for North America
            render: 'bottom-right', // or 'bottom-left'
            stylesheets: [
                "https://vg-bunny-cdn.b-cdn.net/vg_live_build/styles.css",
            ],
        }
        var VG_SCRIPT = document.createElement("script");
        VG_SCRIPT.src = "https://vg-bunny-cdn.b-cdn.net/vg_live_build/vg_bundle.js";
        VG_SCRIPT.defer = true;
        document.body.appendChild(VG_SCRIPT);
    })()
</script>
Remember to replace YOUR_AGENT_ID with your actual Glowstudio agent ID.
7

Configure Code Settings

  1. Select the domain it will be connected to.
  2. Set a name for your custom code (e.g., “Glowstudio widget”).
  3. Choose between add code to all pages or specify which pages you want the widget to appear on.
  4. Tick the Head box to place the code in the header.
If the widget doesn’t appear after publishing, try ticking the Body - end option instead.
8

Save and Publish

Click apply to save your changes, then publish your site to make the changes live.
9

Test Your Integration

Visit your Wix website’s frontend and verify that the widget appears and functions correctly.

​
Troubleshooting

If you encounter issues with your Glowstudio widget integration:
  1. Verify that you’ve copied the entire code snippet correctly into the HTML iframe.
  2. Double-check that you’ve replaced YOUR_AGENT_ID with your actual Glowstudio agent ID.
  3. Ensure you’ve applied the custom code to all pages (or the specific pages where you want the widget to appear).
  4. Clear your browser cache and refresh your Wix website to see changes.
  5. If the widget doesn’t appear, try adding it as a custom code element from the Wix editor instead.
Wix may sometimes cache your site, which can delay the appearance of new elements. If you don’t see the widget immediately after publishing, wait a few minutes and try again.