• 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 experienSome readers

• How 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-04-14-182048_15wqr3c.png =1000xFew readers

• How to Optimize Charm Images for Builder? (Automatically)

  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 readers

• How 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 readers

• How 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 readers

• How to Create Builder?

  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 readers

• 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 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 readers

• How 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

• Where'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 readers

• How to Make a Good Image for Charmi Builder?

  The quality and positioning of your charm images have a huge impact on how realistic your jewelry looks. In this guide, I'll share a few recommendations that will help you create a builder that feels as natural as customizing jewelry in a physical store. What Does a Good Builder Look Like? Ideally, your finished builder should have: A clean, high-quality image of the base product (bracelet, necklace, earrings, etc.) Slots are positioned so that the **charms feel connected to the cFew readers

• How to Add Slots?

  Slots define where customers can place and arrange components inside the builder. Click the three dots (⋯) → Edit slots In the editor you should see all variants of base products. Click Add slot to arrange youFew readers

• How to Optimize Component Image Frames?

  If a component product image is incorrectly positioned or its size does not accurately reflect the real product, this can lead to a confusing shopping experience. This can make it difficult for customers to visualize what their finished jewelry will actually look like. Why is this important? Correctly sized and positioned component product images help: Set clear expectations - customFew readers

• How to Add Custom CSS to Your Charmi Builder?

  Sometimes you may want to make small design changes to your Charmi builder, such as adjusting font sizes, spacing, colors, or other visual elements. You can add custom css directly in the Shopify Theme Editor. Open your Theme Editor Navigate to the page where your Charmi builder is displayed Select the parent section of the Charmi builder app block On the right side, find Custom CSS and click to open it ![](https://storage.crisp.chat/users/heFew readers

• How to Remove Charmi Images from Product Variants?

  Sometimes you may need to remove an image stored in the Charmi image metafield and start again with a different image. When Should You Remove a Charmi Image? There are a few common situations: You previously had the same image assigned to all variants. Later, you assigned the correct images to individual variants, but the builder continues to use the old Charmi images. An image was optimized incorrectly. For example, it was trimmed too much and you want to optimize it again. When a CharmFew readers