Overview
Use an iframe to embed a live webpage in your notes. Enter a secure HTTPS URL, then set a title and choose the frame’s height and width.
The embedded page is sandboxed. You can update its URL in the block settings or open the original page separately.
When to use it
Keep a useful reference webpage alongside your project notes.
Add a live web page to instructions or documentation.
Include an online resource in a planning page for quick access.
Show a webpage within a note while keeping the original link available.
Features and settings
Setting
Choose the source URL
Enter the secure HTTPS address of the webpage you want to embed. Use a publicly accessible URL, not a local or private network address.
Setting
Add an optional title
Enter a short title to identify the embedded frame. Leave it empty if you do not need a title.
Setting
Set the frame height
Choose the iframe height in pixels to give the embedded page more or less vertical space.
Setting
Set the frame width
Choose the iframe width in pixels to control how much horizontal space the embedded page uses.
Built in
Open the original webpage
Use “Open original” to visit the source page outside the embedded frame.
Built in
Change the embedded link
Use “Change link” to replace the current source URL.
How to use it
Add an iframe block
In the editor, type / and search for “Iframe”, then choose the block.
Enter a secure webpage URL
In “Iframe Settings”, enter the address in “Source URL”. Only HTTPS URLs can be embedded.
Set the frame details
Optionally enter a “Title”, then choose the height and width for the embedded page.
Update the iframe
Select “Update iframe” to save your changes and show the embedded page.
Where it works
On any page
In the / menu
Inside board cards
Turn other blocks into it
Own settings panel
Lara can add it for you
Examples
Project reference
Embed a reference webpage beside project notes so you can consult it while documenting decisions.
Team instructions
Include a live webpage in an instruction page when readers need to view the resource as they follow the steps.
Planning resource
Keep an online resource with your planning notes, and use “Open original” when you need to visit the source page.
Tips · Limitations
Tips
Use a complete HTTPS URL for the webpage you want to embed.
Add a clear title when you have several embedded pages in the same document.
Adjust the height and width so the embedded page has enough room for its content.
Use “Open original” if you want to view the source page separately.
Limitations
Only HTTPS URLs can be embedded.
URLs containing a username or password are blocked.
Local URLs and private network URLs cannot be embedded.
Frequently asked questions
How do I embed a webpage in my notes?
Add an Iframe block by typing / in the editor and searching for “Iframe”. Enter the secure HTTPS address in “Source URL”, then select “Update iframe”.
What URL can I use for an iframe?
Use a valid HTTPS URL. URLs with a username or password, local URLs, and private network URLs are blocked.
Can I change the size of an embedded webpage?
Yes. In “Iframe Settings”, adjust the height and width in pixels.
Can I add a title to an embedded webpage?
Yes. Enter an optional title in the “Title” field in “Iframe Settings”.
How do I open the original page or change its link?
Select “Open original” to visit the source webpage, or “Change link” to replace its URL.
Build your next page with Iframe
Open Workspace, type / and add it in a second. Free to start, no credit card.