How to show products in 3D and AR in WooCommerce

Furniture, lamps, shoes and gadgets are hard to judge from a few photos. With a 3D model, shoppers turn the product, zoom into the material and, on most phones, place it in their own room before they buy.

What you need

  • A 3D model of the product in GLB format. Many 3D apps and scanning apps can export it.
  • The free SoftIcon 3D Model Viewer plugin.

Add a model to a page

  1. Install the plugin and activate it.
  2. Add the 3D Model Viewer block and upload the GLB file.
  3. Write a short Alternative text, for example “Oak armchair with a grey seat”.
  4. Publish.

Visitors can now drag to rotate and scroll or pinch to zoom. On a phone or tablet with augmented reality, a View in your room button places the model in their space.

Point out the details

Hotspots are points on the model with a label and a short text. Use them for materials, sizes or features, like “Solid wood legs”.

In WooCommerce

The plugin can also show the model on the product page. See the documentation for the WooCommerce steps, and try the hotspots demo.

Categories

Related Posts

How to build a landing page in WordPress in ten minutes
How to build a landing page in WordPress in ten minutes

A landing page needs a hero, features, prices and answers. Ready-made sections give you all…

Read More
admin

admin

How to add a poll to WordPress without a third-party service
How to add a poll to WordPress without a third-party service

Polls from outside services add scripts, cookies and sign-ups. Here is a poll whose votes…

Read More
admin

admin

Maps, video and documents without a slow page
Maps, video and documents without a slow page

Maps, videos and document viewers are heavy. Loaded only when needed, they cost almost nothing…

Read More
admin

admin

How related posts keep readers on your site
How related posts keep readers on your site

When an article ends, readers either leave or read on. A short list of related…

Read More
admin

admin

How to edit WooCommerce prices and stock in Google Sheets
How to edit WooCommerce prices and stock in Google Sheets

Changing prices one product at a time is slow. In a spreadsheet you can paste…

Read More
admin

admin

How to turn a PDF catalog into a flipbook in WordPress
How to turn a PDF catalog into a flipbook in WordPress

A PDF link makes people download a file. A flipbook lets them read the catalog…

Read More
admin

admin