How to Embed a Widget on Wix

Prerequisites

Before you start, make sure you have the following ready:

• An Embeddy widget: Create one for free at embeddy.ai/dashboard. Your widget must be published so it is publicly accessible.
• Your iframe embed code: In the Embeddy dashboard, open your widget, go to the Share / Embed panel, and copy the iframe embed code. It looks like this:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

• Access to the Wix Editor: Log in to Wix and open the Editor for the site where you want to add the widget. Note that Wix requires a paid plan to connect a custom domain and fully publish your site.

Important: Wix Has Two "Embed" Methods

Wix offers two ways to add external code to your site, and they serve very different purposes. Choosing the wrong one is the most common reason Embeddy widgets do not appear on Wix sites.

Method 1: iFrame Embed Element

Recommended — for visible, interactive widget content

This is the correct way to embed a visible Embeddy widget on a Wix page. You will add an Embed Code element directly in the Wix Editor, paste your iframe code, and position it on the page.

1. 1

   Open the Wix Editor

   From your Wix dashboard, click Edit Site next to the site you want to update. The Wix Editor will open with a live preview of your site.

2. 2

   Navigate to the page where you want the widget

   Use the Pages menu in the Editor to switch to the correct page if needed.

3. 3

   Click Add (+) in the left sidebar

   The Add panel opens. Scroll down or search for Embed Code. Click on it to expand the options.

   You will see two relevant options: Embed a Widget and HTML iFrame. Both work — Embed a Widget is the standard choice; HTML iFramegives you more explicit control over the sizing settings panel. Either one works for Embeddy.

4. 4

   Select "Embed a Widget"

   A placeholder embed block is added to your page canvas. It will display a grey placeholder box — this is where your widget will appear.

5. 5

   Click "Enter Code" and paste your iframe

   Click on the placeholder block on the canvas. A panel appears — choose Enter Code. Paste your Embeddy iframe embed code into the code editor:

   <iframe
     src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
     width="100%"
     height="500"
     frameborder="0"
   ></iframe>

   Replace WIDGET_ID and PROPS_ID with the values from your Embeddy dashboard. The URL must use HTTPS (not HTTP).

6. 6

   Click "Apply"

   Wix will render a preview of your widget inside the Editor canvas. The widget may show a simplified preview — it will be fully interactive once published.

7. 7

   Position and resize the element

   Drag the embed block to where you want it on the page. Use the blue resize handles to adjust its width and height. See Positioning & Resizing below for details.

8. 8

   Click "Publish"

   Click the Publish button in the top-right corner of the Editor. Your widget will now be live on your site.

Method 2: Custom Code in Dashboard Settings

For global scripts only — not for visible widget content

If you have a legitimate need to inject a global script (for example, a custom analytics script or an Embeddy script that initializes programmatically), here is how to use Wix Custom Code:

1. 1

   Go to your Wix Dashboard

   Navigate to Settings > Custom Code in the Wix dashboard (not the Editor).

2. 2

   Click "Add Custom Code"

   Choose where to inject the code: Head, Body - start, or Body - end. For most scripts, Body - end is recommended.

3. 3

   Paste your script and save

   Name the snippet, paste your code, choose which pages it applies to, and click Apply. Note: your site must be published with a connected domain for Custom Code to take effect. Domain changes will delete existing snippets — re-add them after any domain change.

Positioning & Resizing

Once your Embed element is on the Wix canvas, you have full control over its size and position using the Editor's visual tools — no code changes needed.

Troubleshooting

FAQ