# Embed a widget on Wix

Add your widget to a Wix page with an Embed HTML element, size the element to fit it, then publish your site so visitors can see it.

Wix shows a ReTestimonial widget through its **Embed HTML** element. You copy the widget's code once, paste it into the element, size the element to fit and publish your site.

Wix runs the code in an iframe, a box whose size you set in the editor. The widget can't resize that box, so the size you give the element is the size visitors see.

1. **Copy your widget's embed code**

   In the widget builder, click **Get code**. Click **Publish and copy code**, or **Copy code** if the widget is already published. If you haven't made a widget yet, start with [Embed a widget on any website](/help/display/embed-a-widget-on-any-website).

   ![The Embed code dialog for a published widget, showing the snippet to copy](https://assets.retestimonial.com/app-statics/help/shots/widgets-embed-code-copy.170de072.webp)

2. **Add an Embed HTML element**

   In the Wix Editor, open the page where the widget belongs. Click **Add Elements** on the left, click **Embed Code**, then **Popular Embeds**, and choose **Embed HTML**. Move the element to where the widget should appear.

3. **Paste the code**

   Click the element, then click **Enter Code**. Paste the code under **Add your code here** without changing it, down to the closing `</script>` tag, and click **Apply**.

4. **Size the element to fit**

   Resize the element until the whole widget shows. If the widget is bigger than the element, Wix cuts it off or shows scroll bars. Pop-ups the widget opens, such as its video player, also stay inside the element, so leave them enough room.

5. **Publish and check it**

   Click **Publish** at the top right of the editor, then open your live site to check the widget. Check it on a phone too: if it's cut off or shows scroll bars there, resize the element in Wix's mobile editor.

## In Wix Studio or Wix Harmony

Only the way you add the element differs; then size it and publish as above.

- **Wix Studio:** click **Add Elements**, then **Embed & Social**, and choose **Embed Code**. Click **Enter Code**, paste the code and click **Apply**.
- **Wix Harmony:** click **+ Add** and select **Elements**. Hover over **More Options**, scroll down, click **Embed** and drag the **Embed code** element onto the page. Click the **Settings** icon on the action bar and paste the code under **Enter HTML embed code**.

## Add a floating widget to every page

**Floating Proof** widgets, the **Floating Proof Tab** badge and the Video type's **Floating CTA** style attach to the edge of the browser window. Inside an Embed HTML element they can't leave the element's box, so add them to your whole site as custom code instead.

1. Publish your site and connect a domain to it, if you haven't yet. Wix accepts custom code only on a published site with a connected domain.
2. In your site's dashboard, go to **Settings** and click **Custom Code** under **Development & integrations**.
3. Click **+ Add Custom Code**, paste your widget's code and give it a name.
4. Under **Add Code to Pages**, choose **All pages**. Under **Place Code in**, choose **Body – end**.
5. Click **Apply**.

## Good to know

- **Edits reach your site on their own.** Once the widget is published, your builder changes reach Wix with the same code. If the widget grows taller, make the element taller too. The exception is switching to a floating style: **Get code** then gives you new code to replace the old.
- **Several widgets can share a page.** Give each one its own Embed HTML element.
- **Tell the widget which page it's on.** Inside an Embed HTML element the widget can't see your page's address. Without it, a Proof Match rule's **Path patterns** don't match, and **Top pages** in Widget Analytics lists the element's own address instead of your page. To fix both, add `data-page-path="/pricing"`, with that page's own path, to the `<div>` in the code you paste on each page. A visitor's referrer and UTM values can't be read inside the element, so rules that use them don't match there. See [Set up Proof Match rules](/help/display/set-up-proof-match-rules). A widget added as custom code sees the page itself and needs none of this.
- **Keep Script selected.** If **Get code** offers **Script** and **Iframe / Embed URL**, keep **Script**, the default. Some styles only work with it. See [Script or iframe](/help/display/embed-a-widget-on-any-website#script-or-iframe).
- **A Wall of Love works the same way.** Click **Embed code…** on its card, click the Wix logo, click **Copy** and follow these steps. See [Embed a Wall of Love on your website](/help/display/embed-a-wall-of-love).

## Next steps

- [Embed a widget on any website](/help/display/embed-a-widget-on-any-website)
- [Widget not showing on your website](/help/troubleshooting/widget-not-showing)
- [Customize a widget](/help/display/customize-a-widget)