Embed Widget
Let customers preview your enclosure layout directly on your product page. Add a single <iframe> tag and you're done.
How to embed
Three steps to a live preview
Create a layout, copy the embed code from the Share menu, and paste it into your HTML.
Create a project & make it public
Open the app, design your layout, then open the Share menu and toggle your project to Public so anyone can view it.
Copy the embed code
In the Share menu, click Copy next to the embed code. The snippet already contains your project ID.
Paste into your HTML
Add the <iframe> snippet to your product page HTML. That's it — no extra configuration needed.
Embed code
Copy and paste
The Share menu gives you a ready-to-paste snippet. You can also copy the template below and replace YOUR_PROJECT_ID with your project's UUID.
<iframe
src="https://app.stompboxlayout.com/embed/YOUR_PROJECT_ID"
width="100%"
height="500"
style="border: none; border-radius: 8px;"
loading="lazy"
allow="fullscreen"
title="Stompbox Layout preview"
></iframe>Options
Query parameters
Append these to the embed URL to customise the widget appearance.
| Parameter | Values | Description |
|---|---|---|
theme |
light | dark |
Sets the widget colour scheme. Defaults to the user's system preference if omitted. |
<!-- Dark theme example -->
src="https://app.stompboxlayout.com/embed/YOUR_PROJECT_ID?theme=dark"
<!-- Light theme example -->
src="https://app.stompboxlayout.com/embed/YOUR_PROJECT_ID?theme=light"Live demo
See it in action
This is a real embedded project rendered as an SVG preview — this is exactly what your customers will see.