> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.boxiapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-133813_q1n21m.png =1000x858)
---

**Step 1: Create a New Product Template**
1. Open your Theme Editor
2. Navigate to **Products**
3. Click **Create template**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-120759_188wn48.png =1000x344)
4. Give it a name (e.g., custom-necklace) and click **Create template**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-121057_4n5d2r.png =1000x510)

You are now inside your new template.

6. Remove any unnecessary blocks from the template
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-121500_qicmkd.png =1000x357)
7. Click **Save**

---

**Step 2: Add the Builder from Charmi**
1. Go back to the [Charmi app](https://admin.shopify.com/apps/charmi/app)
2. Find your builder and click the three dots (**⋯**) → **Add to store**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-122033_qzn6nl.png =1000x579)
3. Scroll down to the Builder section
4. Click **Follow instructions**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-122443_1c5o7rb.png =1000x594)

Your active theme will already be selected.

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

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-122648_1mjn75u.png =1000x878)

You’ll be redirected to the Theme Editor.

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

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-1256113_1wczz3c.png =1000x441)

7. Now, on the left panel, please select your base product to preview the builder. 
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-125745_rx3zab.png =1000x889)

Here is your builder preview.

8. Click **Save**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-125737_1lg6zko.png =1000x711)

---

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)

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-170758_1oyxat1.png =1000x645)
4. Click **Save**
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/group-8_btqa6d.png =1000x596)
5. Click **View**

✅ Done!

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

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-133883_1nlj6l4.png =1000x858)