How to embed an iframe in Wix

Steps

1. 1

   Step 1: Click Add Elements, then Embed Code

   Find Add Elements on the left side of the Wix Editor. Then click Popular Embeds.

2. 2

   Step 2: Click Embed HTML or Embed a site

   Embed HTML takes a code snippet, such as iframe code. Embed a site shows an external site in a window on your page.

3. 3

   Step 3: Click Enter Code and paste your code

   Paste the iframe code under Add your code here. For Embed a site, click Enter Website Address and type the URL.

4. 4

   Step 4: Click Apply

   Wix saves the embed. You can also type alt text under What's in the embed?

5. 5

   Step 5: Set the size

   Change fixed pixel values in the code, such as width="560", to 100%. Then drag the handles of the element until the content fits.

Limits

• Wix shows only HTTPS code and URLs. Content on HTTP does not show.

• The HTML and Embed a site elements are iframes, so the content is not responsive, even when the original site is.

• Some sites block embedding with their own security rules, and you cannot bypass this in Wix.

• Wix does not give support for external code that it did not make or test. Ask the code provider for help.

• Wix Studio and the Wix Harmony Editor use other menu names for the same embed elements.

Troubleshooting

The embed is empty

The code or URL uses HTTP. Change it to an https:// address, because Wix shows only HTTPS content.

Blank iframe, no error →

"Refused to connect" or the site does not show

The site does not allow other sites to frame it. You cannot change this in Wix. Only the site owner can change it.

"Refused to connect": cause and fix →

The content is cut off or has scroll bars

The frame is smaller than the content. Set the width and height in the code to 100%, then drag the handles to make the element larger.

Make an iframe responsive →

Related