Charm Builder for Shopify — Let Customers Design Their Own Jewelry
TailorKit's Charm Builder lets shoppers mix & match charms, set quantities, and see live pricing — creating a premium, personalized buying experience.
- ✓ Mix & match charm selection grid
- ✓ Per-charm pricing & quantity controls
- ✓ Live product preview with dynamic pricing
- ✓ Works with any Shopify jewelry product
Perfect for every jewelry niche
Visual Charm Grid — Browse, Pick & Customize
Customers see all available charms in a clean, visual grid. Each charm shows its own price, thumbnail, and quantity selector — making the selection process intuitive and delightful.
-
Visual charm catalogDisplay charms as image thumbnails in a browsable grid layout
-
Individual pricingSet unique prices per charm — $3, $5, $10 — customers see cost upfront
-
Quantity controlsPlus/minus buttons let shoppers add multiples of their favorite charms
Real-Time Pricing — Customers See Exactly What They Pay
As shoppers add or remove charms, the total updates instantly. No surprises at checkout — transparent pricing builds trust and increases conversions.
-
Cumulative price displayShows "+$16 for 3 charms selected" in real time as customers build
-
Base + add-on pricingProduct base price plus individual charm add-ons calculated automatically
-
Cart-ready totalsFinal price with all selections flows directly into the Shopify cart
Snap-to-Position Notch Points — Intuitive Charm Placement
Merchants define exact notch points on the product where charms can be placed. Buyers simply tap a position — no guesswork, no frustration.
-
Visual notch setupDrag and drop notch points onto your product image in the admin panel
-
Snap-to-positionCharms snap to predefined spots — buyers place charms with a single tap
-
Buyer-friendly experienceNo dragging or precision needed — just pick a charm and pick a spot
Intuitive & Buyer-Friendly — No Learning Curve
Customers see a clean, guided interface. Pick a charm, tap a notch point, done. The visual feedback makes the entire process feel effortless and fun.
-
Guided placementVisual indicators show exactly where charms can be placed
-
Instant visual feedbackCharms appear on the product image immediately after selection
-
Easy to undo & adjustRemove or swap charms with a single tap — zero friction
Mobile-First Charm Builder — Beautiful on Every Screen
The entire charm building experience is designed for mobile from the ground up. Touch-friendly controls, responsive grids, and smooth interactions on any device.
-
Touch-optimized controlsLarge tap targets, swipe-friendly charm grid, and smooth scrolling
-
Responsive layoutAdapts seamlessly from phone to tablet to desktop
-
Fast & lightweightOptimized for mobile performance — no lag, no jank
Set Up Your Charm Builder in 3 Steps
Go from install to live charm builder in minutes — no developer needed.
Add your charms
Create charm options in TailorKit with names, images, and individual prices.
Configure the builder
Choose grid layout, set quantity limits, and customize the display style.
Customers build & buy
Shoppers select charms, see live pricing, and add their custom piece to cart.
See the Charm Builder in action on a real Shopify store
Try the live demo →Frequently Asked Questions
What is TailorKit's Charm Builder?
Charm Builder is a TailorKit feature that adds an interactive charm selection experience to your Shopify product pages. Customers can browse a visual grid of charms, select their favorites, adjust quantities, and see the total price update in real time before adding to cart.
Can I set different prices for each charm?
Yes. Each charm in the builder has its own individual price. You can set charms at $3, $5, $10, or any amount. The total add-on cost is calculated automatically and displayed to the customer as they build their piece.
Does the Charm Builder work on mobile devices?
Absolutely. The charm grid is fully responsive and adapts to any screen size — phones, tablets, and desktops. The selection experience is optimized for touch interactions on mobile devices.
How many charms can I offer per product?
There's no hard limit. You can add as many charms as you'd like to a product's builder. Each charm gets its own image, name, price, and optional quantity controls.
Do I need to code anything to set up the Charm Builder?
No coding required. Install TailorKit from the Shopify App Store, add your charms in the settings dashboard, and enable the builder on your product pages. It works with any Shopify theme.
Can customers add multiple of the same charm?
Yes. The Charm Builder includes quantity selectors (plus/minus buttons) for each charm, so customers can add multiples of their favorite charms. You can also set maximum quantity limits per charm if needed. Learn more about TailorKit's product customization features.
Let Customers Design Their Perfect Piece
Add the Charm Builder to your Shopify store and start selling personalized jewelry today.
Start free trial →