Guide
3D model and AR on WooCommerce
No plugin and no subscription: one HTML block in the product description. If your theme already supports 3D, you can also use the GLB file.
Option 1: Code for website
The model shows in the product description, with rotate, zoom and an AR button.
Step 1
Copy the code in 3DView
In your account, on the model, click "Code for website", pick the WooCommerce tab and click Copy.
Copy the code in 3DView Step 2
Open the product
In WordPress go to Products and click Edit on the product.
Open the product Step 3
Add a "Custom HTML" block
In the description click "+", search for "HTML" and choose "Custom HTML". In the classic editor use the Text tab.
Add a "Custom HTML" block Step 4
Paste the code and update
Paste the code into the block and click Update.
Paste the code and update Step 5
Check the product page
Open the product in your store: the model rotates, and on phones the AR button appears.
Check the product page
Option 2: GLB file in a theme or plugin
Some themes and 3D viewer plugins take a GLB file directly.
Step 1
Download the GLB file
In 3DView, on the model, click Download and choose GLB (for iPhone you can also download USDZ).
Download the GLB file Step 2
Upload it where the theme asks
Follow the theme or plugin instructions: usually a "3D model" field on the product page.
Simplified illustrations; menus may look slightly different in your account.
Frequently asked questions
Do I need a plugin?
Not for the code option: the "Custom HTML" block is part of WordPress.
I can't find the "Custom HTML" block.
In the classic editor use the Text tab (not Visual) and paste the code there.
Does AR work on iPhone and Android?
Yes. Android opens Google's AR viewer, iPhone and iPad use AR Quick Look.
Can I add models to several products?
Yes, every model has its own code. Paste it on the matching product.
No 3D model yet?
Scan the product with your phone or start from a photo. You get the website code and AR included.
Create your first model