CMS Development

shiyon
Contributor

Iframe content not loading

SOLVE

Hi developers,

 

I have a set of files exported from Ceros platform. It contains an animated infographic created inside Ceros. Normally we publish it inside Ceros and embed the output page in HubSpot pages using iframe. Last day we've exported the whole set of files(HTML, CSS, JS etc.) and uploaded in our server and tried to embed it in the same HubSpot page. But it shows some error when opened in Chrome although it is working inside the same server. Can anybody provide a fix?

Iframe content: https://vtrio.com/highroad/ceros/LCC
HubSpot page with error: https://www.highroadsolutions.com/lifecycleconnector?hs_preview=VbvaVPOT-51419744321
Live page: https://www.highroadsolutions.com/lifecycleconnector

 

Thanks
Shiyon

0 Upvotes
1 Accepted solution
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Iframe content not loading

SOLVE

I'm not familiar with Ceros but your live, working iframe's src is hosted at view.ceros.com which allows cross-origin sharing (sharing between different domains) whereas your non-working iframe's src is hosted at vtrio.com which does not allow cross-origin sharing and is why the iframe is returning an error. If you're hosting the files yourself you either need to enable cross-origin resource sharing on your server (https://enable-cors.org/) or host the files on the highroadsolutions.com domain.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.

View solution in original post

2 Replies 2
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Iframe content not loading

SOLVE

I'm not familiar with Ceros but your live, working iframe's src is hosted at view.ceros.com which allows cross-origin sharing (sharing between different domains) whereas your non-working iframe's src is hosted at vtrio.com which does not allow cross-origin sharing and is why the iframe is returning an error. If you're hosting the files yourself you either need to enable cross-origin resource sharing on your server (https://enable-cors.org/) or host the files on the highroadsolutions.com domain.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.
shiyon
Contributor

Iframe content not loading

SOLVE

Thank you @alyssamwilie for the solution. Our support team is working on it.

0 Upvotes