Wix Help

This article refers to the new Studio Two Editor, released in November 2026. If you're unsure whether you’re using the Studio Editor or the Studio Two Editor, view more information here.

Embed a code snippet or an external URL to display content from other platforms. Add a custom component like a countdown timer or a weather widget, or show content from another site, so everything visitors need is in one place.


Embedding code or a site

Add an iFrame to the site directly from the Add Elements panel. Choose whether you want to embed code or a site, then paste the code or the web address so it appears in the iFrame.

Important:

Make sure to read our guidelines before embedding your code or link. 

To add an embed:

  1. Go to your editor.

  2. Hover over the Add Elements icon  on the top left.

  3. Select Elements.

  4. Click the Embed icon .

  5. Drag the Embed code or Embed a site element onto the page.

  6. Click the Settings icon  on the action bar.

  7. Follow the relevant steps below:

The Embed category in the Add Elements panel, with the Embed code and Embed a site elements.

Adjusting the sizing of the displayed content

Embedded elements often include pre-defined width and height in pixels, defined by the service they were acquired from, as in the example below:

1<iframe width="560" height="315" 
2       src="https://www.wix.com" 
3        frameborder="0">
4</iframe>

These settings could potentially crop the content if the iFrame container (on the canvas) is smaller than 560 px * 315 px. To ensure the content does not get cropped, replace the px values with percentage units and set them to 100% as shown below: 

1<iframe width="100%" height="100%" 
2       src="https://www.wix.com" 
3        frameborder="0">
4</iframe>

Guidelines

Before embedding your code or link into the iFrame, we recommend reading the following guidelines.

Code

  • Always make sure the code you are embedding is up to date and HTML5 compatible. Most browsers don't display pages and scripts properly if they were written using older versions of HTML.

  • HTML code contains the core elements of the page, but the design settings and other complex functionalities are usually stored separately. Therefore, some elements may not function or look the same if the relevant elements aren’t included as a reference within the HTML code, for example the CSS and JS files.

Link

  • If you are not sure how to use the target attribute, read about it here or contact the code creator.

  • Make sure that the link contains HTTPS, not HTTP, or it will not be displayed on the live site.


Troubleshooting the embed

Encountered issues while embedding your code or link? Click an issue below to learn more about it and get troubleshooting steps.
Important:
We cannot provide support for external code that was not created or tested by Wix. If the below steps do not resolve the issue with your code snippet, please contact the provider directly.
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.