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

Embed code not working


ScarlettM

Question

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

10 answers to this question

Recommended Posts

  • 0

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

image.thumb.png.a9d128cff5a0bd08f846080eee345d6f.png

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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
  • 0

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
  • 0

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
  • 0

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
  • 0
Posted (edited)
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

Edited by paperseasondesigns
Link to comment
  • 0

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

Create an account or sign in to comment

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

×
×
  • Create New...