# Ring builder for Shopify

ShowroomPro adds a custom ring builder to any Shopify theme. Shoppers design an engagement ring or wedding band, see photorealistic AI renders, and send you their design as a lead. It installs with a snippet in a **Custom Liquid** section, so there's no app to install and nothing to configure in your product catalog.

```html
<div data-showroompro-ring-builder="YOUR_TOKEN"></div>
<script src="https://www.showroompro.ai/embed.js" async></script>
```

## Install on Shopify in three steps

1. **Online Store → Themes → Customize**, open the page for the ring builder.
2. **Add section → Custom Liquid**, paste the snippet, **Save**.
3. Open the page on your store to check it.

For a floating button on every page, paste the floating snippet above `</body>` in `theme.liquid`. Full steps: [Shopify install guide](https://www.showroompro.ai/docs/install/shopify.md).

## Why jewelers on Shopify use it

- **Custom work doesn't fit a product catalog.** Bespoke rings have too many combinations for variants. ShowroomPro shows the shopper their exact ring without creating products.
- **Better leads.** Every inquiry arrives with the stone, shape, carat, setting, metal, budget and timeline, plus images, so the first reply can be a real quote.
- **Works with your theme.** It sits inside any Online Store 2.0 theme and matches your colors.

## Questions

### Is there a ShowroomPro app in the Shopify App Store?

You don't need one. The ring builder installs with a snippet in a Custom Liquid section or in `theme.liquid`, which every Shopify plan supports.

### Does it add rings to the Shopify cart?

No. It's built for custom and made-to-order rings: it captures the design and the shopper's details so you can quote. Your regular products and checkout are unchanged.

### Will it work with my theme?

Yes. It works with any theme that has Custom Liquid sections (all Online Store 2.0 themes, including Dawn), and with older themes through the page editor's HTML view.

### Can I link my own theme button to it?

Yes. Set the button's link to `#showroompro-ring-builder` on a page where `embed.js` loads. See [your own button](https://www.showroompro.ai/docs/widget.md#your-own-button-or-link).

---

Source: https://www.showroompro.ai/ring-builder-plugin/shopify · Last updated 2026-10-16 · All docs: https://www.showroompro.ai/llms.txt