An IFrame essentially puts another webpage within the parent page. They are commonly used for embedding content such as videos, documents and interactive content.
With Userled, you can embed valuable information within experiences such as personalised videos, interactive demos, sales pitch decks and much more!
To add an IFrame embed to an experience you can either add an entire IFrame embed block or an iframe element to an existing block.
Can I update an existing iframe?
Yes! If you have a website that already uses an iframe, you can select the iframe and change the iframe URL from within the editor.
I can't embed a webpage in the iframe
Please be aware that some websites can't be embedded due to security restrictions. For more details on Content Security Policy (CSP), click here.
If you cannot embed your website or other resources hosted under your organisation's domain, there are likely security restrictions you will need to update to allow that resource to be embedded under Userled's domain.
Your frame-ancestors
directive in your CSP should be updated to include the following domains
"frame-ancestors 'self' https://app.userled.io https://lp.yourdomain.com"
The directive above updates your security restrictions to enable content under your domain, for example yourdomain.com
, to be embedded under https://app.userled.io
and https://lp.yourdomain.com
.
Note: the second directive, https://lp.yourdomain.com
, is only needed if you have configured a custom domain for your Userled experiences.
Your website manager usually holds the keys to your domain's security restrictions. We advise you speak to them to help you update the directives. We are also always happy to help if you need us. You can reach us on support@userled.io.
Embedding custom scripts
If you wish to embed custom scripts into your experiences, you can also do so using an IFrame (see guide).