How to add iFrames to your resources

Odi avatar
Written by Odi
Updated over a week ago

We've introduced iFrames to our resource content builder, which means you can now embed whiteboards from MIRO or screen tutorials from IORAD and any content that's embeddable from another sites.

To enable iFrames, head to account - customise. Scroll down to 'Allow iFrame embed?' and click yes:

You can then add domains into your allowlist:

Please note any domains you add in the resource that aren't added in the allowlist beforehand won't work.

To add the iFrame into your resource, go into edit resource and choose embed code from the elements box:

You can then add an embed code or paste the URL:

Click save and you'll be able to see the source:

Some sites like the BBC don't allow embedding sites within others due to licensing issues, so these links won't work.

If your URL doesn't work, please try using the iFrame embed source link without the iframe tag e.g. https://www.youtube.com/embed/3iiedDuzLs4 instead of: <iframe width="560" height="315" src="https://www.youtube.com/embed/3iiedDuzLs4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Please also ensure the source includes double quotes ", not single quotes '.

Did this answer your question?