How to Add Builder to Product Page?

You’ve created a builder in Charmi app (for example, Custom Necklace) and now want to display it on a product page.

Step 1: Create a New Product Template

1. Open your Theme Editor
2. Navigate to Products
3. Click Create template

4. Give it a name (e.g., custom-necklace) and click Create template

You are now inside your new template.

6. Remove any unnecessary blocks from the template

7. Click Save

Step 2: Add the Builder from Charmi

1. Go back to the Charmi app
2. Find your builder and click the three dots (⋯) → Add to store

3. Scroll down to the Builder section
4. Click Follow instructions

Your active theme will already be selected.

5. Select your newly created template (e.g., custom-necklace)
6. Click Add "Builder" block

You’ll be redirected to the Theme Editor.

You will see a confirmation message that 'Builder' block has been added successfully.

7. Now, on the left panel, please select your base product to preview the builder.

Here is your builder preview.

8. Click Save

We're almost finished.

Step 3: Assign the Template to the Product

1. Go to Products in Shopify
2. Open your base product
3. In the Theme template section, select your new template (e.g., custom-necklace)

4. Click Save

5. Click View

✅ Done!

Your builder is now displayed on the product page, and your customers can start creating their custom jewelry.

Updated on: 05/05/2026