How to Setup a Charm Builder? (Full Tutorial)
Full Tutorial: How to Setup a Charm Builder
What is Charmi: Charm Bar Builder?
Charmi is a Shopify app that lets your customers create unique, personalized jewelry using an intuitive drag-and-drop visual builder.
With Charmi, customers can select a base product, such as a bracelet or necklace, add charms or other components, and see their custom design come to life in real time.
Charmi is designed to help you offer a more interactive and personal buying experienFew readersHow to Optimize Charm Images for the Builder? (Manually)
A custom image is an image specially prepared for the Charmi builder. It allows you to optimize how your products look in the builder without changing the original product images in your store.
Why is this important?
If an image has a background or incorrect proportions, it can break the visual experience in the builder and make the design look inconsistent.
Charmi Shopify App: How to Optimize Charm Images
If an image has a background or incorrect proportions, it can break the visual experience in the builder and make the design look inconsistent.
How to Optimize Image for the Builder Automatically
Follow these steps to automatically create optimized images for your builder.
OptimizFew readersHow to Add Builder on Any Store Page?
Add builder to any store page
You’ve created a builder in Charmi app (for example, Charm Bracelet) and now want to display it on your store.
You can place the builder almost anywhere - on a collection page, homepage, or a custom page.
In this tutorial I will show you how to embed the base picker anFew readersHow to Add Filters to Your Builder?
In this guide, you’ll learn how to add filters to your builder to help customers quickly find the products they’re looking for.
Charmi uses filters created by the Shopify Search and Discovery app.
|| Filters are available on the Regular plan.
Why Filters Are Important
Filters improve the shoppingFew readersHow 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
Open your Theme Editor
Navigate to Products
Click Create template
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-05-04-120759_188wn48.pngFew readersHow to Create Builder and Add Slots?
In this guide, you’ll learn how to create your first builder in Charmi.
Builders allow your customers to create unique, personalized jewelry using an intuitive drag-and-drop experience directly in your store.
Step 1: Add Builder
Click Add builder
You should now see the Builder form. Let's quickly review each field.
![](https://storage.crisp.chaFew readersWhere's the Design Preview Image in the Order?
Charmi automatically generates an image preview of the base product with the selected additional products, such as charms or pendants. You can find this preview inside the order.
Follow these steps:
Go to the Orders page in Shopify and open the order.
Here you can will see all the products as a part of the bundle.
Find the base product, such as the chainFew readersHow to Add Custom Image for Base Product?
A custom image allows you to use a specific optimized image in the builder for the base product.
This is useful when your storefront base product image contains backgrounds, lifestyle photography, or styling that looks great on a product page but may not work well in the builder.
How to Add a Custom Image for the Base Product in the Builder
OpenFew readers