Refused to connect when embed website

[Ahmed_Abouserie]

Question:
How to embed external URL to my Wix website?

Currently, I am getting error “refused to connect” when use embed HTML element.
It seems that the Iframe used in Wix embed HTML element is restricting some URLs to be embedded.

Product:
Wix Editor

What are you trying to achieve:
I am creating micro-learning on Canva and I would like to embed them through Canva public link to my Wix website.

What have you already tried:

• I successful used ifame to embed the same link to another website (not wix).
• When I used chrome extension " Ignore X-Frame headers" everything is working fine.

Additional information:
According to my search the issue is related to X-frame header configuration.

[Pratham]

@Ahmed_Abouserie

I am creating micro-learning on Canva and I would like to embed them through Canva public link to my Wix website.

You cannot embed a Canva design’s public URL directly inside your HTML / iFrame.
Instead, copy the design’s embed code and paste that into your HTML element to make it work.

This video shows how to do that:

How to Embed Canva Documents Into Your Website

[Ahmed_Abouserie]

Thanks for your reply and apricate sharing the video.
Canva embed code is working fine with Wix but doesn’t support audio. That is why I am trying to use the Public URL.

Actually, I already used Canva public URL to embed successfully to another website I host on “cloudflare”.

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;  padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 0em; margin-bottom: 0em; overflow: hidden; border-radius: 8px; will-change: transform;"> 
 <iframe id="microLearningUrl" loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" src="https://www.canva.com/design/DAGkrRAExwk/ocPs8Qgip56aj25mvP0CRA/view?utm_content=DAGkrRAExwk&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h536d7c7d7e" allowfullscreen="allowfullscreen" allow="fullscreen"> </iframe> 
 </div>

[Pratham]

@Ahmed_Abouserie

Canva embed code is working fine with Wix but doesn’t support audio.

Oh, that’s unfortunate…

@Ahmed_Abouserie

Actually, I already used Canva public URL to embed successfully to another website I host on “cloudflare”.

Then it is most probably a software limitation of Wix and there’s nothing much we can do about that unfortunately.

I’m not totally sure if this is the cause - but this might be why your audio isn’t playing:

@noahlovell

It’s worth noting that automatically playing sound on page load is considered bad practice, and some browsers will automatically disable audio by default, regardless of the settings you add.

Generally, this is to prevent situations such as being in public and accidentally being caught off guard by audio on a site you weren’t expecting.

For a workaround, I would suggest maybe having a button on your site page that takes the user directly to your presentation’s public URL, and then have a button on the PPT itself, maybe in the last slide, on the corner of all slides - something like BACK TO ALL COURSES which wil bring the users back to your site from there.