Putting widgets in an iFrame

Follow

Some web builders require an iframe to install external widgets. Other times, a plugin or theme might conflict with our code. In either of these cases, an iframe can be the solution. Using an iframe is a 2 step process.

 

Step 1: Generate an iframe URL

An iframe is essentially a "window" to another website on your site. As such, you'll need to tell your website what's on the other side of the window.

You'll create this iframe URL by clicking preview and making a few adjustments to the existing URL:

 

You'll change the word "widgets" to "iframe" and then remove the "preview" at the end. The remaining text will be your iframe URL. See the example below:

 

Before: 

After:

 

Step 2: Insert the iframe URL

 

Copy the below code into your web builder. Then take the iframe URL you created in Step 1, and replace the red text with it. It's very important that there are no spaces, and the entire URL is present. 

<div style="overflow: auto; -webkit-overflow-scrolling: touch;"><IFRAME SRC="paste your iframe url here" WIDTH="550px" HEIGHT="800px" frameborder="0" scrolling="yes"></IFRAME></div>

 

ATTENTION: Once you've added the above code to your web builder, you may need to change the "WIDTH" and "HEIGHT" pixel settings to make the iFrame fit within the content are you're putting it. Do not delete the quotation marks.

Have more questions? Submit a request

Comments

Powered by Zendesk