In Event Design App, Embed iframe generates copy-and-paste HTML that shows your plan's read-only viewer inside any page that accepts embedded content. Open Share, choose Embed iframe, keep Width at 100%, set Height in pixels (default 600), select Copy iframe code, and paste it into your page. Embeds are view-only.
Who this applies to: anyone with edit access to the plan. People with view-only access don't see Embed iframe in the Share menu.
Sending a link is good; having the layout appear right inside your proposal page is better. Embed iframe gives you an iframe snippet (embed code: a piece of HTML that displays one web page inside another, so your seating chart or layout shows up on your own website) that shows the same read-only viewer inside any page that accepts embedded content.
📺 Embed a Shared Plan with an iframe — copy the code, test it at two widths, and see what an invalid source looks like.
An embed uses the same shared viewer as a share link (see Share a plan link). It does not create an editable copy.
Before embedding a plan, open the plan's share link on its own and confirm the scene loads. That separates a bad address from a problem with the page you're embedding into.
You generate the embed code from the editor's Share menu.
Open the plan in the editor and Save it.
Open Share and choose Embed iframe. While it prepares, the menu item reads Preparing iframe… and the dialog says Creating a viewer link for this plan.... The Iframe code box then fills in; before that it shows Iframe code will appear here. (or Creating iframe code...).
Set Width and Height: - Leave Width at 100% so the frame follows its container. - Change Height from the default 600 if you need to. 520 worked well in the lesson example. Use a plain number of pixels.
Select Copy iframe code and wait for the Iframe code copied confirmation.
[SCREENSHOT 1 — Embed iframe dialog with Width 100%, Height 520, and the Iframe code box]
⚠ Embedding is an editor action. The Embed iframe option is available when you have edit access to the plan. View-only collaborators won't see it.
The iframe code (embed code) includes:
src — the shared viewer address with an embed parameter. Keep it complete. Shortening it breaks the embed.
width and height — from the dialog.
loading="lazy" — the frame loads when it's near the screen.
style="border:0;" — no border.
allowfullscreen — lets viewers go full-screen. It is not an editing permission; the viewer stays read-only.
Paste the whole snippet into the HTML area of your page or proposal tool and preview it. You should see the live viewer, with your company logo and name and the usual controls, and no editor Properties or Save button.
In a top view, use Slice Above 2 m to cut away the tent roof and reveal the layout beneath.
[SCREENSHOT 2 — iframe inside a test page showing the shared viewer]
An embedded viewer's width follows the container, but height stays fixed.
Compare a wide container with a narrow one (390 px in the lesson).
Test in a genuinely narrow browser window, not only a resized preview.
Check that the logo and controls remain reachable.
⚠ Changing the frame size changes the camera framing. After you settle on final dimensions, reload and look at a fresh preview at that width before you publish.
An embed fails when its address is wrong or the host page blocks it.
Symptom | What to check |
|---|---|
Frame says Shared Plan Unavailable / Share link not found | The |
Dialog shows Failed to create embed link | The viewer link couldn't be created. Select Retry; if it keeps failing, save the plan and reopen Embed iframe |
Dialog shows Could not copy iframe code. Select the code and copy it manually. | The browser blocked clipboard access. Select the text in the Iframe code box and copy it by hand |
Works alone but fails inside the page | The page setup, or the hosting site's embedding restrictions |
Plan looks cropped | Frame width and height, before assuming the link is broken |
A site's security policy can block a valid viewer from loading in an iframe. If your page does that, keep the embed settings as generated and ask the site's administrator to review the restriction.
💡 After publishing, check the live page, not only the preview — hosts can behave differently.
The frame says "Shared Plan Unavailable". The address in src is incomplete or altered. Copy the code again from Embed iframe.
The embed works in my preview but not on my website. The host site is probably blocking iframes. Ask its administrator.
My embed is cropped on a phone. The height is fixed and the width follows the page. Test at a narrow width and adjust Height.
I don't see Embed iframe. You need edit access to the plan.
Visitors can see it but can't edit. Correct. Embeds are view-only.
Embedding is an editor action. The Share menu shows Embed iframe only when you have edit access to the plan, so view-only collaborators don't see it. Ask a project owner for edit access, save the plan, then open Share in the editor and choose Embed iframe.
Leave Width at 100% so the frame follows its container, and keep Height as a plain number of pixels. Height defaults to 600; 520 worked well in the lesson example. Height stays fixed while width flexes, so test a narrow container such as 390 px before publishing.
The address in the iframe's src attribute is incomplete or altered. Copy the code again from Embed iframe and paste the whole snippet without shortening it. Open the src address on its own first: if the plan loads there, the problem is in your page.
The host site is probably blocking iframes. A site's security policy can stop a valid viewer from loading in a frame. Keep the embed settings exactly as generated and ask the site's administrator to review the restriction. Always check the live published page, not only the preview.
No. An embedded viewer is read-only: visitors can orbit, pan, zoom and use view controls such as Slice Above 2 m, but no Properties panel or Save button appears. The allowfullscreen attribute only allows full-screen viewing, and the embed never creates an editable copy of your plan.
Height is fixed while width follows the page, and changing the frame size changes the camera framing. Test in a genuinely narrow browser window, adjust Height, then reload and check a fresh preview at that width before you publish.