Embedded 3D product presentation

Turn product pages into interactive 3D viewing experiences

VirtuKit adds embeddable Product 3D and Assembly Instructions modules for models, kits, mechanical structures, and assembly-based products. Customers can inspect the product shape, details, orientation, and setup steps without leaving the product page.

View Embed Snippet Explore Features

1 Universal embed script

2 3D and assembly modules

Key Client and item authorization

Rotate and inspect Use mouse or touch controls to review the model from every angle.

Assembly guidance Break complex products into clear, customer-friendly steps.

Give customers a clearer spatial understanding before they buy

Static images are useful for appearance. Interactive 3D helps explain structure, scale, and part relationships. VirtuKit can be placed on product cards, detail pages, instruction pages, and after-sales support pages.

Interactive product models

Customers can rotate, zoom, and inspect product details, reducing confusion when a flat image is not enough.

Assembly instruction module

The same embed framework can load guided assembly content, combining steps, parts, and camera views in the customer page.

API

Authorized display by item

Display is controlled by client code, API Key, product item number, and allowed origin. Unauthorized modules stay hidden by default.

Clients only need one embed script

VirtuKit loads the right 3D viewer or assembly module based on the product item number. The item can be declared directly, read from page attributes, detected from meta tags, or parsed from the URL.

<script
  src="https://www.virtu-kit.cn/embed.js"
  data-client="virtu-kit-com"
  data-key="YOUR_API_KEY"
  data-item="536"
  data-modules="product,assembly"
  data-product-height="380px"
  data-assembly-height="680px">
</script>

A short path from pilot to production

The embed script remains stable, while item access, permissions, and module availability are controlled from the VirtuKit backend. This makes it practical to start with one SKU and expand later.

01 Confirm the client domain and pilot product item number.

02 Generate the API Key and authorize the target product items.

03 Add the script or target containers to the product page template.

04 Validate the pilot, then switch to the production domain and key.

Built for product pages where details matter

This page can be used as the current DigitalOcean test homepage to show potential clients how VirtuKit could appear inside their own ecommerce experience.

Product detail enhancement

Add 3D after images, price, or specifications so customers can understand form and scale before purchase.

Assembly and support

Upgrade PDFs or static images into guided interactive steps to reduce support questions and installation errors.

Distributor website embedding

The same model service can be authorized for different client domains with customer-specific keys and product access.

New product promotion

Launch a test page before full release so sales teams, partners, and customers can understand the product quickly.

The next step is to replace the mockup with a live 3D embed

This static page already includes the customer-facing explanation and the recommended embed structure. Once the Product 3D service and authorization key are configured on the test server, the preview area can be replaced with the real module.

Review Embed Structure