Jump to content

iframe not loading when live

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
  • Replies 8
  • Views 3.9k
  • Created
  • Last Reply

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. 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

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. 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.