Add with the embed code
Paste a single div to place the Bundle Builder on any page of your store.
The embed code works anywhere you can write HTML — a Shopify page, a landing page builder, a custom theme section. No app block required.
Copy the code
Set your builder's status to Published and save. The code doesn't exist until then.
Open the builder and stay on the Builder Settings tab.
Scroll to the Bundle Builder ID card and find Embed Code.
Click Copy Embed Code. You'll see Embed code copied to clipboard!
The code looks like this, with your own ID in place of the placeholder:
Paste it into a Shopify page
Go to Shopify admin → Online Store → Pages.
Create a new page, or open an existing one.
In the content editor, switch to the HTML / code view (the <> button).
Paste the code where the builder should appear.
Click Save.
Visit the page on your storefront to confirm it renders.
Paste it elsewhere
The same div works in a custom theme section, a page-builder HTML block, or any template you edit directly. Put it where you want the builder to sit in the flow of the page.
Before it will work
| Requirement | Why |
|---|---|
| The builder is published | The Unique ID is generated on first publish. |
The whole div is copied | Including data-bundle-id. A missing attribute renders nothing. |
| The app embed is active | It loads the script that fills the div. |
Simpler option
If you just need a standalone page, let the app make one for you instead — see Let the app create the page.