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

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

11 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.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
  • 0
On 7/2/2019 at 10:52 PM, paul2009 said:

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.

Dear @paul2009 is there any work-around that you are aware of since last year? I appreciate your time!

Share this post


Link to post
  • 0
23 minutes ago, ArminB said:

is there any work-around that you are aware of

I’m not sure I understand. A workaround to embed non-secured content on a secure page?


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
  • 0
On 7/17/2020 at 10:25 AM, paul2009 said:

I’m not sure I understand. A workaround to embed non-secured content on a secure page?

If the site I wanted to embedd is also on HTTPS, that's why I was wondering. Thanks

Share this post


Link to post
  • 0
2 hours ago, ArminB said:

If the site I wanted to embedd is also on HTTPS, that's why I was wondering.

You can usually embed SSL content in an iFrame. Do you have an example of a site where you're having difficulty doing this?

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
  • 0
3 minutes ago, paul2009 said:

You can usually embed SSL content in an iFrame. Do you have an example of a site where you're having difficulty doing this?

 

Thanks for your help! that's the site I'm having troubles with:
https://www.clientaxcess.com/#/login

Documentation: https://support.cch.com/kb/Attachment.aspx?solutionId=000051145/How-do-I-embed-the-CCH-Client-Axcess-login-form-on-my-firm-s-Web-site&index=2&artype=WKArticleType__kav

Share this post


Link to post
  • 0

What symptoms were you seeing? From the documentation, you should be able to add the login form directly to a Squarespace page without using an iFrame. Simply add the core HTML to a Code Block.

However, I don't have an account so I can't test if this works.

<form name="Form1"
action="https://www.clientaxcess.com/embeddedLogin.aspx"
id="Form1" target="_blank" method="post">
<div class="login">
<input type="email" name="txtbxUserID"
autocomplete="off" placeholder='Enter your user ID'
id="txtbxUserID" required>
<input type="password" name="txtbxPassword"
placeholder='Enter your password' id="txtbxPassword"
required>
<input type="submit" value="Log In">
<a href="https://www.clientaxcess.com/#/forgot"
target='_blank' class="forgot" style="width:240px;
margin-top: 10px;">Forgot password?</a>
</div>
</form>

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
  • 0
On 7/21/2020 at 4:24 PM, paul2009 said:

What symptoms were you seeing? From the documentation, you should be able to add the login form directly to a Squarespace page without using an iFrame. Simply add the core HTML to a Code Block.

However, I don't have an account so I can't test if this works.


<form name="Form1"
action="https://www.clientaxcess.com/embeddedLogin.aspx"
id="Form1" target="_blank" method="post">
<div class="login">
<input type="email" name="txtbxUserID"
autocomplete="off" placeholder='Enter your user ID'
id="txtbxUserID" required>
<input type="password" name="txtbxPassword"
placeholder='Enter your password' id="txtbxPassword"
required>
<input type="submit" value="Log In">
<a href="https://www.clientaxcess.com/#/forgot"
target='_blank' class="forgot" style="width:240px;
margin-top: 10px;">Forgot password?</a>
</div>
</form>

 

Great idea! Thank you! you're right - easier to totally get rid of the iFrame

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