Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
amoore1570048707

Can't embed iframe onto site - tried everything?

Question

Posted (edited)

Hi everyone,

I've scoured the forums trying to find a solution to my problem.

Here's the sample page I'm working on: https://www.mydryeyedata.org/symptoms-list/how-it-started

I'm trying to embed an iframe element on my site (on a blog post, actually). I created a survey and want to have a blog post for summary data of each question, which is accessible by an embeddable link provided by the survey platform, which should go to this page: https://www.questionpro.com/t/ZRhJQhZGgEqYG.


<iframe src='https://www.questionpro.com/t/ZRhJQhZGgEqYF' width='100%' height='600' frameBorder='0'></iframe>

When I'm editing in Safari or in a private tab, I just see empty boxes. I tried chrome and once I allowed unsafe elements I got the grey frowny face saying "www.questionpro.com refused to connect". I've contacted them about why their embed isn't working, but I haven't ruled out that this is a Squarespace issue.

Things I've tried:

Code in embed block (grey < / >):


 <div style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;">
 <iframe src="https://www.questionpro.com/t/ZRhJQhZGgEqYG"></iframe>
</div>

Custom CSS: (is height: 100% valid? I'm embedding like 100 iframes on my site, and some are a lot taller than 600px. I could also choose some random value)


my-iframe iframe {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border-style: none;
/*  to ensure proper scrolling and overflow handling on 
mobile devices, put this styling in a div wrapper around the iframe 
because it's unreliable in css:
  -webkit-overflow-scrolling: touch;
                    overflow: auto;
*/
}

Since chrome says www.questionpro.com refuses to connect, I've contacted them. I'm not sure if they'll be able to solve anything or if this is a square space issue. Btw when I put the embed code provided into something like https://html5-editor.net/ it also doesn't work, leading me to think that it's a QuestionPro problem.

@alxfyv @Jay Wilson Jr @raptra @alxfyv

Thanks in advance, I'll be sure to provide updates and let everyone know what worked.

Edited by amoore
Initial Revision

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

This isn't a Squarespace issue. As is usually the case with iframes, the framed content is being blocked to protect your visitors from insecure content. As you've probably read, you cannot load insecure content when your own website is using security (HTTPS or SSL).

In this case you are trying to load content using a quicklink over HTTPS but this is converted by the remote website into an insecure link 'http://www.questionpro.com/a/ShareDashboard?mode=individualQuestion&surveyID=6729391&dashboardID=1404280&sectionID=6'. The request is therefore blocked.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

This isn't a Squarespace issue. As is usually the case with iframes, the framed content is being blocked to protect your visitors from insecure content. As you've probably read, you cannot load insecure content when your own website is using security (HTTPS or SSL).

In this case you are trying to load content using a quicklink over HTTPS but this is converted by the remote website into an insecure link 'http://www.questionpro.com/a/ShareDashboard?mode=individualQuestion&surveyID=6729391&dashboardID=1404280&sectionID=6'. The request is therefore blocked.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

But when embedded, it isn't doing this.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...