CMS Development

sberry11
Top Contributor

Shopify Form won't load into HS iframe

SOLVE

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:

Screen Shot 2020-06-03 at 5.06.51 PM.png

 

I can see the form when I go to that link:

Screen Shot 2020-06-03 at 5.07.28 PM.png

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

0 Upvotes
1 Accepted solution
jieyintan
Solution
HubSpot Employee
HubSpot Employee

Shopify Form won't load into HS iframe

SOLVE

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/



View solution in original post

3 Replies 3
GregSamsa
Contributor

Shopify Form won't load into HS iframe

SOLVE

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
Solution
HubSpot Employee
HubSpot Employee

Shopify Form won't load into HS iframe

SOLVE

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
Top Contributor

Shopify Form won't load into HS iframe

SOLVE

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

0 Upvotes