Jump to content

Embed code not working

Recommended Posts

Site URL: https://www.fringeartsbath.co.uk/

I have successfully embedded one external website into my Sqspace site, but it hasn't worked with the second external website I wish to embed.
Any thoughts?

The successful one is here: https://www.fringeartsbath.co.uk/phantom (embedded from Artsteps) 
The unsuccessful one should be here: https://www.fringeartsbath.co.uk/outside (embedding from a custom site)

I used exactly the same process for both. They both show up while I am logged in & editing the pages.

I have tried disabling ajax, with no success - Sqspace live chat couldn't help and advised me to consult the forum.

Thanks! 

Link to comment
  • Replies 10
  • Views 5k
  • Created
  • Last Reply
38 minutes ago, tuanphan said:

Replace your iframe code with this code


<iframe frameborder="0" name="Outside the Form" width="1280" height="800" src="https://antval.com/OutsideTheForm/index.html" allowfullscreen=""></iframe>

It will show

 

 

Thank you Tunaphan, it's working! 
The only difference is the ="" after allowfullscreen. What does this change?

Your version:

<iframe frameborder="0" name="Outside the Form" width="1280" height="800" src="https://antval.com/OutsideTheForm/index.html" allowfullscreen=""></iframe>

My original version: 

<iframe frameborder="0" name="Outside the Form" width="1280" height="800" src="http://antval.com/OutsideTheForm/index.html" allowfullscreen></iframe>

Link to comment
  • 9 months later...

You cannot display a lot of websites inside an iFrame. Reason being that they send an "X-Frame-Options: SAMEORIGIN" response header. This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.

I faced the same error when displaying youtube links. For example: https://www.youtube.com/watch?v=8WkuChVeL0s

I replaced watch?v= with embed/ so the valid link will be: https://www.youtube.com/embed/8WkuChVeL0s

It works well.

Try to apply the same rule on your case.

SAMEORIGIN

The page can only be displayed in a frame on the same origin as the page itself. The spec leaves it up to browser vendors to decide whether this option applies to the top level, the parent, or the whole chain, although it is argued that the option is not very useful unless all ancestors are also in the same origin.

 

Link to comment
  • 3 months later...

Although this isn't a direct answer to the question I discovered that if I'm using a VPN while developing a site and try to link to the external content in the iframe the content won't render. Once the VPN is disabled it works as expected.

Link to comment

I am facing the same issue with an iframe code, although using https on both site and iframe.

I also have script codes (Shopify) that are working perfectly. The main problem for me is that I have these codes since October 2019 in a twice a week blog post... so you can imagine how scared I am...

Squarespace support direct me to this forum... if anybody can give me a direction, I appreciate it very much!!

site www.marciacrivorot.com/journal.

All the blank areas are codes not rendered.

 

Thank you!!!!

Link to comment
19 minutes ago, creedon said:

@paperseasondesigns

I'm not seeing any obvious blank areas on the page provided. Can you give us a screen shot of blank spots so we know where to look.

Oh sorry, I sent the main page where the posts are listed

This is one example. All pages  of the "journal" (blog) are having the same issue

https://www.marciacrivorot.com/journal/how-to-wear-dresses-with-volume

 

Thank you!

Screen Shot 2021-06-09 at 4.22.22 PM.png

Link to comment

Just as an update: I went through all posts and there’s one where one image shows up; and another one - and all the others posted before that - the images are working. So, definitely it’s on the code source side, Goodpix -  not Squarespace.

Thank you @creedon for your time and interest on helping me out!🙂

16 hours ago, creedon said:

I don't have an answer but I did see what look like some errors loading the page.

1998177125_ScreenShot2021-06-09at2_49_39PM.thumb.png.a854a6b2ae55c54c3663e56e58608204.png

 

 

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.