Live preview

Your art on a 3D mockup

Drag the scene to rotate. Five shapes—phone, laptop, water bottle, notebook, vase—then scroll for a one-line embed and plans.

Demo device: Phone mockupDefault scene — add ?img= for your art

Embed on your store

One link is enough

Most teams paste a single iframe URL on the product template. Your platform fills in the product image and license—no extra scripts unless you want a popup button.

Full setup guide
Phonedevice=phoneLaptopdevice=laptopWater bottledevice=bottleNotebookdevice=notebookVasedevice=vase

Recommended

Single iframe

Copy one URL into your product page. Swap PASTE_IMAGE_URL for your theme’s image field and add your license from /addon/redeem.

https://your-site.com/3d-viewer?embed=1&license=PASTE_LICENSE&img=PASTE_IMAGE_URL&device=phone

Optional

Script + block (popup)

Use two snippets when you want a button that opens 3D in a modal instead of an inline frame. Same result—just a different layout pattern.

<script src="…/niorera-embed.js" defer></script> + <div class="niorera-3d-root" data-license="…" data-img="…">

Loading 3D engine…

Drag to rotate · If framing still looks off, adjust the camera in Spline for this export.

Try your own image

Add your file URL and pick a shape. Your live store will fill these from the product automatically.

/3d-viewer?embed=1&img=https://your-cdn.com/product.png&device=phone

device: phone, laptop, bottle, notebook, vase (legacy: mug maps to vase).

How the add-on fits in

Three steps—no upload queue for the default flow; your product images stay on your store.

  1. 1

    Choose a plan

    Checkout on the shop. You get a license key by email.

  2. 2

    Paste one link

    Use the iframe URL on your product template—your theme supplies the image URL.

  3. 3

    We host the 3D

    The scene runs on Niorera; your store stays the checkout you already use.

Need the full walkthrough? Redeem your key · Contact

Pricing

Pick a plan

Listed in the shop when the SKU is live. Agency and early access: get in touch.

One-time

Starter

One brand, one storefront, proving 3D works for you.

$49early access
  • Up to 10 mockup image slots
  • 1 allowed embed domain
  • Modal + iframe snippet & guide
  • Fair-use monthly views
  • Email support
Get Starter

Most popular

Studio

Popular

Creators and small shops that want room to grow.

$19/month
  • Up to 20 mockup slots
  • 3 storefront domains
  • Higher monthly view allowance
  • Seasonal scene drops
  • Dashboard + basic analytics
  • Priority email support
Subscribe to Studio

Custom

Agency

Teams with many clients or white-label installs.

Let’s talkvolume & SLAs
  • Unlimited domains (fair use)
  • Client workspaces
  • SSO-style token options (roadmap)
  • Dedicated onboarding
  • Invoice & custom terms
Book a call

Technical setup: embed guide. Have a key? /addon/redeem.

Niorera 3D

Hosted scenes, fair-use limits by plan, and embeds that work with your existing product images.

3D viewer | Niorera