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">

Any help would be appreciated!

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Hi @clary,

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


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">

With this expected result:


Hope this helps!

Edited by tcp13

Hey, I’m Tyler. 👋 I’ve been a professional Squarespace user since 2016. I’m a recovering startup founder, currently on sabbatical after selling my Squarespace business. I now spend my free time working on weird side projects and half-baked ideas.

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.