← All tools

πŸŸͺ BigCommerce β€” 3D in the product description (splat)

Paste one line into the product description. The splat 3D viewer renders inside the description β€” not the photo gallery.

πŸ“„ Realistic preview β€” BigCommerce product page (3D embedded in the description)
Home Β· Shop Β· CartπŸ›’
product photo
1
2
3

0824-2027 μ»΅

β˜…β˜…β˜…β˜…β˜… (128 reviews)
$24.00

Handmade piece. The full interactive 3D is in the description below β€” drag to rotate.

DescriptionAdditional informationReviews (128)

Handmade piece β€” see the real shape, texture and details in interactive 3D. Drag to rotate; tap AR on mobile.

↓ This is the one line you pasted into the description β€” the splat 3D renders right here.
Viewer background:

Your embed code (one line)

Copy this and paste it where step 3 says on BigCommerce.

<iframe src="https://mygen3d.com/embed.php?post_id=35" style="width:70%;height:460px;border:0;border-radius:10px;display:block;margin:16px auto" allow="fullscreen; xr-spatial-tracking" loading="lazy"></iframe>

How to add it on BigCommerce

  1. In mygen3d My Page, open your model and Copy embed code (or copy the code above).
  2. Open your product in BigCommerce and go to the Product description editor.
  3. In the description editor, open HTML source (</>) and paste the code.
  4. Save & preview β€” the 360Β° viewer appears inside your product description.

Comments (0)

No comments yet. Be the first to leave feedback on this sample.

β€» The 3D shown is a real mygen3d gallery model (post #35). Log in and the sample uses your own gallery model automatically.