How do I create a "Make your own ring" type of customisation on my website?

Topic summary

Goal: implement a “Build your own ring” customization on a Shopify jewelry site, similar to the referenced configurator.

Suggested app options and capabilities:

  • Product Personalizer: real-time previews, conditional logic (later choices change based on earlier selections), easy theme integration.
  • Custom Product Builder (Buildateam): dynamic 3D previews, complex options, price adjustments.
  • Product Options by Bold: step-by-step customization, flexible pricing.
  • Kickflip: interactive configurators; examples provided (Giving Bracelets, Camille Enrico, Roxanne First).
  • Easify Product Options: color swatches, text/engraving, font selectors, color pickers, image uploads, live preview. A demo was shared after the original link couldn’t be accessed.

Latest development (bracelet builder use case):

  • Easify confirms full support without coding for a multi-step flow, image-based options, layered live preview (selected images stack to form the final design), conditional display logic, and dynamic per-option pricing with automatic total updates.
  • Setup uses Image Swatch options and enabling Live Preview (with optional on-canvas position/size adjustments).

Implementation considerations:

  • If apps exceed budget or lack specific features, hiring a Shopify developer for a custom configurator is suggested.

Status: no single solution chosen; discussion remains open. Images/screenshots are central to understanding the proposed setups.

Summarized with AI on December 10. AI used: gpt-5.

So, its a jewellery business I am creating a website for. Client asked that he would like something like this from an examplar website ‘Build your own ring’ - (https://gregyuna.com/pages/gemist-designer?setting=Solitaire&style=Solid&metal=14Y&shape=RB&carat=1.00&stone=WD&size=3)

How do I go about in creating this? I have looked at some apps and stuff but not sure if I am looking in the right places or have found the right one and they may be out of the budget too.

Can someone point me in the right direction or how I could go about creating this.

Thanks

Hello @aurumlux

You can try few Shopify apps to fulfill your requirements

Product Personalizer

  • Allows real-time customization previews.
  • Supports conditional logic (e.g., selecting a stone shape adjusts metal options).
  • Easy to integrate with Shopify themes.

Custom Product Builder by Buildateam

  • Offers dynamic 3D previews.
  • Supports complex product options and price adjustments.
  • Works well for jewelry configurators.

Product Options by Bold

  • Great for step-by-step customization.
  • Allows flexible pricing for different options.

If the apps exceed your budget or don’t provide the desired experience

Hire a Shopify developer to create a custom product configurator tailored to your requirements.

Hi @aurumlux ,

It sounds like your client’s vision is perfectly aligned with what Kickflip offers. Kickflip is a powerful product customization platform that enables businesses to create interactive “Build Your Own” experiences for their customers, just like the one you’re referencing for jewelry.

Here are a few examples of jewelry brands already using Kickflip to offer similar customization options:

1.Giving Bracelets

2.Camille Enrico

3.Roxanne First

Hope this helps!

-Renaud

Hi @aurumlux :raising_hands:

I couldn’t access the link you shared, so I created an example with a ring product to illustrate the idea. You can use Easify Product Options to set this up easily — it allows your customers to personalize your ring products with features like color swatches, text boxes, font selectors, color pickers, and image uploads with live preview. It’s a great way to make your products more interactive and engaging to customize. Here’s a demo I created so you can see how it works.

  • This is the result:

  • This is the app setting:

If you want to display your custom stone shape in real-time so customers can visualize the final product, simply “Enable Live Preview” in the Product Personalizer:

Then, if you want to make sure customers confirm their engraving details, you can simply make the checkbox required here:

This app is very straightforward and works perfectly for customizable products. Reach out to Easify if you need any assistance! :blush:

@Easify-Ariel Hi,I’m planning to build a step-by-step DIY crystal bracelet builder using Easify Custom Product Options.
Before I start creating a custom template, I would like to confirm whether the following features are fully supported:

Step-by-step selection workflow

Customers choose crystal bead 1 → crystal bead 2 → crystal bead 3 → … in sequence.

Each step displays different crystal bead options.

Image-based options with live preview

Each crystal bead option has its own image.

When the customer selects a bead, its image can be automatically layered/stacked on top of previous beads to generate a final preview image of the bracelet.

Conditional display logic

Options in each following step can change depending on what the customer selected in the previous step.

Dynamic pricing

Each crystal bead can add an additional cost.

The final price updates automatically based on the customer’s selections.

Data passed to Shopify order

Every selected crystal bead (bead 1, bead 2, bead 3, etc.) will be recorded in the Shopify order details for production.

I would like to confirm whether Easify can support this multi-step crystal bead selection + image layering preview + dynamic price calculation without custom coding.

Please also let me know if this should be built using your “Custom Option Set” feature.

Thank you!

1 Like

Hi @awen111111 :raising_hands:

You can absolutely build a multi-step crystal bracelet builder with live preview just as you described, and Easify Product Options fully supports all of these features without requiring any coding.

Here’s how it works — it’s the same approach I used in the charm bracelet demo you saw:

  • This is the result:

  • This is the app setting:

You simply create options like Charm 1, Charm 2, Charm 3, and set their display type to Image Swatch. Each charm (A, B, C…) has its own image, so customers will instantly see the corresponding visual update as they make a selection. To add pricing to each charm, just enter the amount in the Price field. Each charm can have its own individual cost, and the total price will automatically update based on the customer’s selections — no formulas or coding required.

If you need a setup where the base image is an empty bracelet, each charm selection appears as its own layer in the correct position, and Easify automatically overlays the selected charm onto the preview to build the final design step by step, the app fully supports this workflow.

To achieve this, simply enable our Live Preview feature. Go to Product Personalizer and turn on Enable live preview. Should you wish to let customers adjust the charm’s size or position directly on the bracelet, you can also enable Change image position and Change image size.

You only need to reach out to us, and we’ll walk you through every step to set up all the features exactly the way you envision.

The app is designed to be both simple and dependable, making it an excellent choice for customizable products. And if you ever need help along the way, the Easify support team is always ready to assist! :blush:

Pencil is the perfect choice for your ring builder and includes a full 3D viewer built in.

Unlike other static product configurators, Pencil is a true 3D custom design platform with a step by step ring builder app.

You can embed it directly in your site via our Shopify app and be up and running in minutes.

It has full live pricing and direct add-to-cart integration.

Hi @aurumlux,

I hope you’re doing well. To achieve your goal, you can try Inkybay – Product Personalizer App.

With the Product Option feature, you can easily create the ring metal color option, diamond shape, and ring size option. Each variant can have its own image or swatch. When customers select a specific option, such as an oval shape diamond and rose gold metal color, the corresponding image will show up automatically. You can show the option as an image swatch/dropdown/radio. Also, if you allow customers to add engraving on the ring, you can also achieve this. You can add a text field option so that customer can add their name or any text. You will get all customization details through the Inkybay order file.

No coding is required, and a simple setup. The best part of Inkybay is that it offers a free 21-day trial so you can explore it and see how it works for your product.

1 Like