Jump to content

iframe not loading when live

Go to solution Solved by paul2009,

Recommended Posts

I launched a newly designed site using the Mojave template just last month and all iframe embedded coding was functional on the live site. For some reason today it works in my editing window but not in the live view. Is anyone having this issue? No changes to coding has been made. Wondering if it is perhaps a browser issue but I don't know how to repair it. The code is this and I've confirmed no changes to the account holder/client's idxhome account so the link inside the iframe is still operable. Also in editing mode I can see the results just fine but in live mode it's just blank. The website is markdelgado.com (I have iframe at the bottom of the home page and in a feature listings page accessible from the Buy Now page. Here is the code. Grateful for any insight!

<iframe src="http://markdelgado.idxhome.com/openhomes/137534" width="100%" height="2700" frameborder="0" allowtransparency="true">

<p>Your browser does not support iframes.</p>

</iframe>

Link to comment
  • Solution

The iFrame is being blocked because your website is secure (served using a url that begins https) but the iframe is insecure, in that the url begins with http (without the s). Using HTTPS for your website is an important step in protecting your site and your users from attack. If you were able to add other content that did not use HTTPS it would render that protection useless. 

You can solve it by changing the iFrame embed to include an 's' https://markdelgado.idxhome.com/openhomes/137534

Let me know how you get on. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
3 hours ago, paul2009 said:

The iFrame is being blocked because your website is secure (served using a url that begins https) but the iframe is insecure, in that the url begins with http (without the s). Using HTTPS for your website is an important step in protecting your site and your users from attack. If you were able to add other content that did not use HTTPS it would render that protection useless. 

You can solve it by changing the iFrame embed to include an 's' https://markdelgado.idxhome.com/openhomes/137534

Let me know how you get on. 

I can't thank you enough. This makes perfect sense and when adding the "s" to the code, it populated in the live view. Extremely grateful to you for your time and expertise!

Link to comment
  • 1 year later...
5 hours ago, tianajades said:

I am having the same problem

Please provide a working link to your page, where the iFrame is embedded. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 2 weeks later...
On 8/28/2021 at 8:38 AM, paul2009 said:

Please provide a working link to your page, where the iFrame is embedded. 

Same issue here

 

https://www.thegastroclinic.co.uk/book-an-appointment

Have tried two blocks, the first as an Embed block using the url of the booking page I want - results in a 'null' displayed.

The second is a code block, which should directly embed the iframe booking link - results in displaying the source code rather than the iframe. Grateful for any help.

Link to comment
3 hours ago, Leumsa said:

Same issue here

 

https://www.thegastroclinic.co.uk/book-an-appointment

Have tried two blocks, the first as an Embed block using the url of the booking page I want - results in a 'null' displayed.

The second is a code block, which should directly embed the iframe booking link - results in displaying the source code rather than the iframe. Grateful for any help.

This is the iFrame code: <iframe src="https://online-booking.heydoc.co.uk/?token=cfe8d7bdc62f6ffb5647f6751de44b03fbfa8be3" width="100%" height="800" frameborder="0" scrolling="auto"></iframe>

Link to comment
On 9/6/2021 at 3:49 AM, Leumsa said:

This is the iFrame code: <iframe src="https://online-booking.heydoc.co.uk/?token=cfe8d7bdc62f6ffb5647f6751de44b03fbfa8be3" width="100%" height="800" frameborder="0" scrolling="auto"></iframe>

In Code Block, uncheck option: Show code (or Show HTML or Show Source)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.