ScarlettM Posted May 21, 2020 Share Posted May 21, 2020 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
tuanphan Posted May 21, 2020 Share Posted May 21, 2020 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ScarlettM Posted May 21, 2020 Author Share Posted May 21, 2020 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
tuanphan Posted May 21, 2020 Share Posted May 21, 2020 no, different is http & https Your site uses https, so iframe needs https Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted March 2, 2021 Share Posted March 2, 2021 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
subrosa Posted June 2, 2021 Share Posted June 2, 2021 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
paperseasondesigns Posted June 9, 2021 Share Posted June 9, 2021 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
creedon Posted June 9, 2021 Share Posted June 9, 2021 @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. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
paperseasondesigns Posted June 9, 2021 Share Posted June 9, 2021 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! Link to comment
creedon Posted June 10, 2021 Share Posted June 10, 2021 I don't have an answer but I did see what looks like some errors loading the page. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
paperseasondesigns Posted June 10, 2021 Share Posted June 10, 2021 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. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.