Articles on: Set up

How to Embed the Builder

In this guide, you’ll learn how to embed the Boxi builder into a Shopify product page by creating a new product template.


Why Embed the Builder?


Embedding the builder into a custom product template gives you more control and flexibility:


  • You can place the builder on a product, collection, page or homepage
  • You can customize the URL and SEO settings
  • You can personalize the builder layout for different bundles or collections


Embed the builder on a product page



Step 1: Create a New Product Template


  1. From your Shopify admin, go to Online Store > Themes
  2. Click Customize to open the theme editor
  3. In the top dropdown menu, select Products, then click Create template



Create new template


  1. Enter a name for your new template, for example: "Embed box builder" then click Create template to save


Save template


  1. Your new template will automatically open in the editor - click Save to confirm


Save the changes


Step 2: Add the Boxi Builder Block to the New Template


  1. Open the Boxi app admin dashboard and select your builder
  2. Go to the Publish section


Publish section


  1. Scroll down to Embed box builder and click Follow instructions


Embed box builder subsection


  1. In the dropdown, select the product template you just created


Follow instructions


  1. Copy the builder id - you’ll need it in a moment
  2. Click Add box builder block


The theme editor will open your new product template.


  1. On the right sidebar (or left, depending on your device), find the Box builder id input field


Add builder


  1. Paste your builder id into the field


✅ The builder has now been added to your product template!


You can now freely add or rearrange other sections and blocks to design your layout.


  1. Save the changes


Step 3: Apply the New Template to Your Product


  1. In your Shopify admin, go to Products and open your bundle product (if you’ve enabled Single bundle, the product has been created automatically, otherwise, create a new product for your builder)


Assign the bundle product to new template


You can also find it inside the Bundle setup section


  1. In the product’s settings, find the Theme template dropdown (under “Online store”)
  2. Select your newly created template (e.g. Embed box builder) and click Save
  3. Click Preview to open your product page and see the embedded builder in action


Preview bundle product


Done! 🎉


Your Boxi builder is now fully embedded in a dedicated product template.

Updated on: 15/11/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!