For shops · Shopify

Add a bracelet builder to Shopify, without any app

Let your customers design their crystal bracelet on your Shopify store with a single Custom Liquid section. Nothing to install, nothing to maintain.

By Camille G. · Updated October 2026 · Reading time ≈ 5 min

Do you sell gemstone bracelets and want your customers to compose their own, directly on your shop? On Shopify, you can do it without installing an app and without touching your theme’s code. This guide takes you through it step by step.

What you need

The builder loads into your page through a secure frame (an iframe): it stays hosted on our servers and displays on yours, so you always get the latest improvements. You only need two things:

  • al tău identifier, sent by Loch Ness when your builder is set up (for example my-shop);
  • an Online Store 2.0 theme (all recent themes, including Dawn).

Add the builder in 5 steps

  1. Open the theme editor. In your Shopify admin, go to Online Store → Themes, then click Customize.
  2. Choose the page. Open the page where the builder should appear: a dedicated “Design your bracelet” page or a product page.
  3. Add a Custom Liquid section. Click Add section (or Add block) and choose Custom Liquid.
  4. Paste the code. Paste the code below and replace YOUR-IDENTIFIER with the identifier we sent you.
  5. Save. Click Save. The builder appears right away in the preview.
În practică: most shops create a dedicated “Design your bracelet” page and add it to the main menu. The builder has more room there than inside a product page, and the link is easy to share on Instagram.

The code to paste

Copy this block into the Custom Liquid field, then replace YOUR-IDENTIFIER cu al tău.

<div class="ln-composeur" style="max-width:900px;margin:0 auto;background:#f7f5f0;border:1px solid #d8d4c8;border-radius:12px;overflow:hidden;">
  <iframe src="https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER" style="width:100%;height:900px;border:0;display:block;" loading="lazy" title="Bracelet builder" allow="clipboard-write"></iframe>
</div>
<style>@media (max-width:768px){.ln-composeur iframe{height:680px;}}</style>

French version: replace index-en.html?client= with ?client= in the address. The rest of the block doesn’t change.

Avoid the product description editor. Shopify sometimes filters iframes in rich text fields. The Custom Liquid section applies no filter.

Întrebări frecvente

Do I need an app from the Shopify App Store?

No, and that’s by design: no app to install and nothing that slows your shop down. The Custom Liquid section is enough.

Does it work with my theme?

Every Online Store 2.0 theme published since 2021, including Dawn, offers the Custom Liquid section. If yours doesn’t, tell us your theme name.

Is it adapted to mobile?

Yes. The builder is designed for touch screens, and the code reduces the height automatically on phones.

Will my colors and prices appear?

Yes. Your name, logo, colors, prices and stone selection are linked to your identifier and applied automatically.

Surse

Shopify — Liquid reference · MDN Web Docs — The iframe element

Camille G., founder of Loch Ness

Written by Camille G., founder of Loch Ness. I designed symbolic jewelry for my own brand from 2013 to 2023, and I have been building web apps and tools full-time since. I code this bracelet builder myself. My story · GitHub · ORCID

Your bracelet builder on Shopify

Get your identifier with a tailored quote, answered within 48 hours.

Get my tailored quote Discover the bracelet builder