An iframe (inline frame) lets you display content from another website directly on your page. It’s perfect for showing things like videos, calendars, forms, booking tools, dashboards, or full web pages without visitors needing to leave your site. This makes it easier to integrate other platforms and keep everything in one flow.
Step 1: Add the iframe function to your page
Click "Add empty row".
Click "Add content".
In the right menu, under "Function", select "Iframe".
Step 2: Paste the URL
In the "URL" field, paste the link to the content you want to embed.
This can be anything from a booking calendar to an Spotify song, dashboard, video page, or web app.
This is how the link should look like
Spotify-link
YouTube-link
Step 3: Choose the iframe size
You can decide how tall the embedded section should be:
Screen height - Fills the full height of the screen.
Fixed height - Set a custom size for desktop and phone. Enter a value with px.
Important to know
Always include "px" after the number.
Example: 800px
Step 4: (Optional) Use advanced settings – ‘Allow’ attribute
If the content you’re embedding needs special access, click "Advanced" to edit the "allow" attribute.
This lets you give permission for features like:
fullscreen
→ lets users expand the iframe to full screencamera; microphone
→ allows video call tools to access mic and cameraclipboard-write
→ allows copy/paste
Use this only if your iframe needs interactive permissions.
Important to know
Some external tools or websites do not allow their content to be displayed through an iframe. This means that even if you paste a URL, the content might not show correctly or not show at all.
This is due to security settings on the external site, and not a bug or issue with the system.
Done! Your iframe is now added, and you’ve embedded external content into your page just the way you want it!
Summary
The iframe function makes it easy to embed content from other websites or platforms, giving your page more flexibility and interactivity. Just add the link, choose the right size, and you're ready to go.
We hope this article has helped you understand how to add an iframe to your page. If you have any further questions, please don't hesitate to reach out to our customer support team for assistance.