Skip to main content

How to add an iframe to your page

Learn how to embed external tools or content into your page using the iframe function.

Updated over 2 months ago

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

  1. Click "Add empty row".

  2. Click "Add content".

  3. 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.


Step 3: Choose the iframe size

You can decide how tall the embedded section should be:

  1. Screen height - Fills the full height of the screen.

  2. 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 screen

  • camera; microphone → allows video call tools to access mic and camera

  • clipboard-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.

Did this answer your question?