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

Slots are positioned so that the **charms feel connected to the cFew readers