Shopify Form won't load into HS iframe

[sberry11]

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

[GregSamsa]

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.

[jieyintan · Accepted solution]

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/

[sberry11]

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