topic Re: Shopify Form won't load into HS iframe in CMS Development

Shopify Form won't load into HS iframe

sberry11 — Thu, 04 Jun 2020 00:10:50 GMT

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

Re: Shopify Form won't load into HS iframe

jieyintan — Thu, 04 Jun 2020 10:13:48 GMT

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/

Re: Shopify Form won't load into HS iframe

GregSamsa — Thu, 04 Jun 2020 11:09:03 GMT

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.

Re: Shopify Form won't load into HS iframe

sberry11 — Thu, 04 Jun 2020 16:51:46 GMT

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