Free tool

3D embed code generator for Shopify and the web

Configure AR, camera, poster and shadows, preview the result live, and copy a paste-ready <model-viewer> snippet.

Browser preview needs JavaScript and the model-viewer CDN.

Snippets

HTML

Shopify Liquid

What is Peka AR?

Product photos in, artist-finished 3D + AR models on your storefront, in hours.

See how it works Sign up free

What does this generator build?

Pasting a model onto a storefront usually means writing the viewer markup by hand and guessing at AR attributes. This embed code generator lets you set the options, watch the result render, and copy a snippet that is already styled and working. It targets the same <model-viewer> format Peka AR serves, so the output behaves the same as an embed — just inline in your theme instead of an iframe.

Pick AR on/off, a poster image, autorotate and camera controls, and the preview updates immediately. Details on getting a model onto a page, including the hosted-iframe version, are in theShopify 3D guide.

How to use it

Paste the direct URL of a model hosted on your store, CDN or file bucket.
Toggle AR, autorotate and camera controls until the preview behaves the way you want.
Copy the HTML snippet into any page, or the Shopify Liquid section into a product template.

FAQ

What does the generator output?

Two snippets: a <model-viewer> HTML snippet (works on any page) and the same snippet formatted for a Shopify Liquid theme section. Copy either one into a product template.

Do I need a hosted model URL?

Yes. The snippet links to a GLB/GLTF/USDZ URL your host already serves. Depending on platform, that may be a Shopify Files URL, a CDN, or your bucket.

Why don't I have to change code on my site?

You paste one HTML block wherever your product template renders. The model-viewer script loads once per page, so AR and camera controls are already wired.

Does this create an embed like Peka AR's?

No. Peka AR's embed wraps the viewer in a cross-origin iframe with its own hosting and AR launch settings. The generator is the no-embed alternative for platforms where your template is flexible.

Related reading: 3D viewer embed guide, GLB vs USDZ, pricing.

What is Peka AR

Product photos in. 3D + AR on your storefront, in hours.

Peka AR turns your product photography into artist-finished, web-optimized 3D assets — one line of embed, AR view-in-room, no 3D files or agency needed.