A 3D jewelry viewer for your website

To put a 3D jewelry viewer on your website, save the piece as a project, publish it as a viewer embed and paste its iframe snippet into your page. The embed is locked to the domains you list, and shoppers turn the piece right on your product page. Embeds come with every paid plan. To show a piece without touching your site, send a share link: a live 3D page that is free on every plan.

3D Jewelry Designer3 min read

How it works

  1. Save the piece. Upload your 3D file, pick a starter design or build a ring in the studio, then save it to your account as a project.
  2. Publish it as a viewer. In Dashboard → Embeds, publish the saved design as an interactive viewer (from the Starter plan) and list the domains it may load on. The Embed on your site section of the studio's Share panel publishes it and hands you the snippet without leaving the studio.
  3. Paste the snippet. Copy the iframe snippet into your page, or into a product description or theme block on Shopify. Shoppers can now turn the piece on your own page.
A yellow gold halo engagement ring with a round centre diamond and a pavé band, rendered photoreal
A halo ring rendered in the studio from its CAD file.

To see your own piece with jewellery materials and studio lighting before you publish it, drop a .glb into the GLB viewer.

What you get

  • One snippet for any site. A single iframe snippet adds the viewer to your own pages or your Shopify store, and 3D and AR try-on on Shopify covers the store side.
  • Locked to your domains. The viewer embed is locked to the domains you list, so it only loads where you allow it.
  • The studio's look. The embed's Appearance tab tunes brightness, diamond brilliance and reflection intensity, and the defaults render metal and diamonds exactly as the studio does. The embeds guide covers each setting.
  • Controls you choose. The viewer's editor holds the controls shoppers get, such as Rotate piece under Interaction, which turns the piece to exact X, Y and Z angles. A shopper's turn is a preview only; your saved design never changes.
  • A live 3D link. The Share tool saves the design, then gives it a public page where anyone can spin and zoom it. Copy the link, download a QR code for print or the counter, or send it from your device's share sheet. Links unfurl with a picture of the design itself.
  • Viewer controls on the link. Pick what visitors get: a Quick materials bar for metal and gem, Try it on (on a plan with AR), Auto-rotate, Zoom, Pan, Rotate piece, Fullscreen and Download image.
  • Access settings. Switch a link on or off, allow downloads, password-protect it from the Starter plan, watch its view count, or mint a new link so the old address stops working. Shared pages are never indexed by search engines. Export and share walks through the panel.
  • Your brand. On paid plans, remove the watermark or replace it with your own logo or text, and the choice carries to embeds and shared links. On the Free plan, shared pages carry our badge.

Who uses it

  • Jewellery stores and online brands: an interactive viewer on each product page in place of flat photos, next to AR ring try-on for shoppers who want to see the ring on their own hand.
  • Designers and CAD artists: a live 3D link for clients instead of static renders, with each version kept as a saved project.
  • Studios and agencies: client designs and embeds in one shared workspace, and from the Growth plan the REST and GraphQL API to run them from your own systems.

Phones and the shop counter

On a phone, a saved-design embed takes every gesture over the piece by default. Turn on Page scroll in its settings when it sits inside a long page: a vertical swipe then scrolls your page and a sideways drag turns the piece.

At a shop counter, the share link's QR code opens the live piece on a customer's phone, and try-on runs in the phone browser with nothing to install.

Questions

Do I need to write code to add the viewer?

No. You copy one iframe snippet and paste it where the viewer should appear: a page on your own site, or a product description or theme block on Shopify.

The embed sits on your own page, needs a paid plan and is locked to the domains you list. A share link is a branded page you send to people, free on every plan, with its own viewer controls and access settings.

Can I share a piece privately?

Yes. On any paid plan a share link can be password-protected, and its Access settings can switch the link off or mint a new one.

Does showing the viewer use credits?

No. Viewing and embedding do not use credits. Credits pay for exports, such as HD to 4K stills and turntable video, and for AI features.

Which 3D files can the viewer show?

Any design saved in the studio, which opens 3DM, GLB, GLTF, STL, OBJ, FBX, DAE and PLY files. A Rhino or MatrixGold .3dm keeps its own units and layers.

Related

Put your own design in the studio

Upload a file and see it rendered photoreal, ready to try on and to embed.