We have a calculator built in Shopify that is pulled into a page on HS. It has worked for months, but all of the sudden can’t be seen. Where the form should be you see this:
I can see the form when I go to that link:
I’ve looked around and around. I can’t find what would have changed to block it? The broken page is http://info.eagleprotect.com/sustainability-savings-calculator.
Thanks for any ideas to get this running. We need it working to get our certification finalized so it’s kind of urgent.
Sarah
Hi @sberry11
The “refused to connect” message for iFrames usually comes up with the linked site (https://eagleprotect.com/pages/calculator) has a content security policy that is blocking the webpage from showing up.
It’ll be a good idea to check in on that with your developers!
Here’s more information on that: https://responsivedesign.is/articles/xframe-options/
Thanks everyone and it makes sense, but this one may be above me. I can’t seem to find that part of the code to change the frame-ancestors.
Thanks for the help
In Chrome the consol error reads:
“Refused to frame ‘https://eagleprotect.com/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘none’”.”
I believe you need to set frame-ancestors to allow your page.
