Jump to content

iframe Code Working In Edit Mode But Not When Published?

Recommended Posts

Site URL: https://guitar-perch-t8w6.squarespace.com/get-data

The content of an iframe appears in edit mode but not at all when published. I'm wondering if it's because I'm requesting from an http site and not an https one. The code I'm working with is:

<div style="border: 0px solid #D5CC5A; overflow: hidden;"><iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="http://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
</iframe></div>

Any help would be appreciated!

Link to comment
  • Replies 2
  • Views 437
  • Created
  • Last Reply

Hi @clary,

Yup - you guessed it! Here's the error showing in Chrome console:

image.thumb.png.9f9032dc4595de1a4c676fe592946e6f.png

You should be able to simply change the http to https, since the page you're embedding appears to already support it:

<div style="border: 0px solid #D5CC5A; overflow: hidden;">
  <iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="https://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
  </iframe>
</div>

With this expected result:

image.thumb.png.bff32d2186e58ac9c9e07e0cc7c55f42.png

Hope this helps!
-Tyler

The above post may be outdated. I’m no longer active in the Squarespace ecosystem, so I won’t see your direct messages. For better resources about web accessibility, I’ve documented some of my thoughts on my forum profile.

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.