How to Add a 3D Product Viewer and AR to WooCommerce Product Pages

You add a 3D product viewer and AR to WooCommerce by installing a plugin that connects your store to a 3D platform, matching each product to its 3D experience, and choosing where the viewer sits on the page. With the Thridify plugin on WordPress.org that means one connect button and a few settings. Nobody edits a template file.

The plugin is the quick part. The real work is in the 3D models, and in deciding which products deserve 3D first. This guide covers both, using Thridify as the worked example because it's the plugin we build and can describe accurately. If you want to see the result before reading further, open the live WooCommerce demo store on your phone and tap a product.

If your main question is configurators specifically, our earlier guide on adding a 3D product configurator to WooCommerce goes deeper on option design and variant mapping. This post is the hands-on plugin setup.

What does a 3D and AR plugin actually add to a WooCommerce store?

It adds a 3D viewer shoppers can rotate, zoom and measure, a configurator that changes the model when they pick a finish, AR that places the product in their room, and a cart that carries the configuration they built. A photo gallery can't do any of those.

In the Thridify plugin they show up as:

• A 3D viewer on the product page. Pick how it appears: a 3D icon on the gallery, a "View in 3D" button, or Images / 3D tabs under the gallery. You set the position and the button text.
• A configurator that stays in step with WooCommerce. Picking a variation on the page updates the 3D model, and choosing a finish in 3D selects the matching WooCommerce variation.
• Add to cart from the viewer. The shopper's choices go into the cart as a "Configuration" line on the item and stay on the order. WooCommerce still sets the price.
• AR on iPhone and Android. The shopper taps to place the product in their own room at real size, from the browser, with no app to download.
• 3D icons on shop, category, tag and search pages, so shoppers can see which products have 3D before they click.
• A "View in 3D button" block and a [thridify_3d_button] shortcode for putting the button exactly where you want it.
• Optional 3D-assisted sales measurement, off by default, which shows how many orders followed a 3D or AR engagement.

It works with classic and block themes, the block cart and checkout, and High-Performance Order Storage (HPOS). Products without a 3D experience look exactly as they did before.

How do you set it up, step by step?

Install the plugin, connect it to Thridify, let the catalog sync, choose a display style, then test on real phones. In order:

1. Install the plugin. In WordPress go to Plugins, then Add New, and search for "Thridify". Or download it from the WordPress.org listing. WooCommerce must be active.
2. Connect your store. Open WooCommerce, then Thridify 3D & AR, and click "Connect with Thridify". Sign in, or create an account if you don't have one, approve the connection and you land back in WordPress. There is no API key to copy around.
3. Let the catalog sync. The plugin sends the product ID, SKU, slug and name of each published product to Thridify in the background. Prices, stock and customer data are never sent.
4. Choose how products are matched. In the Catalog tab, match on SKU (the default), slug, name or product ID. The tab lists examples of products that didn't match, so you can fix them.
5. Choose how the viewer looks. In the Display tab pick the gallery icon, the button or the tabs, set the button text and shape, and send your brand colour to Thridify with one click.
6. Check the Products list. A "3D" column shows which products have a published experience. Each product also has a switch to hide the viewer if you need to.
7. Test on two real phones, one iPhone and one Android, on mobile data rather than office Wi-Fi. Rotate a product, change a finish, place it in AR, then add it to the cart and check the Configuration line.

Start with one product: the one with the most options and the most "will it fit?" questions from customers. It will teach you more than the next fifty.

What do you need before you start?

You need a Thridify account, 3D models of the products you want to show, and product data clean enough to match on. The models are the only part that takes real time.

3D models. You have two routes:

• Bring your own. If your manufacturer or design team already has models, export them at real-world scale, because AR places the product at whatever size the file says. Keep them light, since a phone cares more about file size than detail nobody can see. Our guide on preparing a 3D model for the web covers the pipeline.
• Have them made. If all you have is CAD drawings, spec sheets or photos, Thridify's 3D modelling service builds web-ready models with the materials set up for the configurator.

Experiences built in Thridify. You set up the model, its finishes and options in your Thridify account and publish it. The plugin only shows what's been published there.

Clean SKUs. Matching on SKU is close to automatic when SKUs are the same in WooCommerce and Thridify. If they aren't, tidy them first or match on slug instead.

Variations that mean something. A configurator is only as useful as the options behind it. If a variation is called "Option 3", rename it to what a customer would actually say.

How does it work for furniture and home stores?

For furniture, 3D answers the two questions that stall a sale: what will it look like in my fabric, and will it fit in my room. The configurator handles the first and AR handles the second.

Sofas, armchairs and beds come in fabrics, colours and sizes, which is where shoppers spend longest deciding, so they're the first place for the configurator. Office furniture buyers want to check desk widths and chair finishes across a whole order. Mattresses and bed frames are bought by size, and AR shows how a king compares to a queen in the actual bedroom. Outdoor furniture, rugs and decor are about scale and colour against a real floor or patio, which is exactly what AR shows. More in 3D for furniture brands.

How does it work for kitchens, wardrobes, doors and bathrooms?

For built-in and made-to-measure products, a configurator shows finishes, handles and hardware together, which matters because customers can't easily return a mistake.

• Kitchens and cabinetry. Let shoppers swap shutter finishes, handles and worktops across a unit instead of squinting at a swatch. See 3D for modular kitchens.
• Wardrobes. Show internal layouts, door styles and finishes on one model, and use AR to check the height against a real ceiling.
• Doors and windows. Put frame colour, glazing, panel style and hardware in the configurator, and leave specifications that don't change the look to the product description. See doors and windows.
• Bathroom fittings. Chrome, matte black and brushed gold look different once a shopper can turn a tap and watch the light move. AR earns its place on vanities and freestanding baths. See sanitaryware.

How does it work for tiles, flooring and lighting?

For surfaces, zoom matters more than rotation, because the surface is the product. Model a representative panel, set each colourway up as an option, and make sure the textures are sharp enough to survive a close look. Our laminates and surfaces page has examples.

For lighting, 3D shows shape and finish, and AR answers the question every pendant buyer has: how big will it look over my table? Use the configurator for shade colour and metal finish, and AR for pendants, floor lamps and chandeliers.

How does it work for jewellery, eyewear and footwear?

For small, detailed products, 3D lets shoppers turn the piece and see how light falls on metal, stones, lenses or leather, which a fixed photo can't show. Rings and pendants benefit from metal and stone options in the configurator. Eyewear and footwear benefit from colourway switching and a close look at materials and stitching. AR is less about room fit here and more about seeing true size on a table or shelf.

How does it work for electronics, appliances and B2B parts?

For electronics and appliances, 3D shows ports, controls and finishes from every side, and AR checks that a TV, speaker, fridge or washing machine fits the space it's going into. See 3D for electronics.

For industrial, B2B and automotive parts, buyers need to inspect a part before ordering it. A rotatable, zoomable model with a measure tool answers questions that would otherwise go to a sales rep, and the configurator can show variants of a part on one model. More on 3D for industrial machinery.

How do you know if 3D and AR are working?

Turn on 3D-assisted sales measurement in the plugin and compare orders that followed a 3D or AR engagement with those that didn't. That split comes from your own store, so you don't have to rely on someone else's averages.

Give it a few weeks and enough traffic before drawing a conclusion. Watch your return reasons on the products you've put in 3D, too, since "not what I expected" is the return a better product view is meant to reduce. And look at which products get the most 3D opens: those are the ones customers needed help imagining, and the next candidates for more options.

Frequently asked questions

Do I need to edit my WooCommerce theme to add a 3D viewer?

No. The Thridify plugin targets WooCommerce's own templates and product blocks, so most classic and block themes work without changes. If you want the button somewhere specific, use the "View in 3D button" block or the [thridify_3d_button] shortcode.

Do I need a Thridify account?

Yes. The 3D models, experiences and AR are hosted by Thridify. You can create an account during the connect step, and Thridify offers a 15-day trial.

Does AR work on both iPhone and Android?

Yes. Shoppers can place the product in their room from the product page on iPhone and Android, without installing an app.

Can shoppers change materials, colours and sizes in 3D?

Yes. Variation sync works both ways: picking a WooCommerce variation updates the 3D model, and choosing a finish in 3D selects the matching variation. Adding to cart from the viewer puts the configuration on the cart item and the order.

Why doesn't a product show the 3D viewer?

The viewer only appears when Thridify has a published experience that matches the product. Check the experience is published and that the value you match on, SKU by default, is the same in both places. The Catalog tab lists products that didn't match.

Does the plugin slow down product pages?

The plugin adds one small script and checks a file of about 1 KB per product. The 3D viewer only loads on products that have an experience, and the heavy model files load when the shopper opens it.

What data does the plugin send to Thridify?

Nothing until an administrator clicks "Connect with Thridify". After that, catalog sync sends the product ID, SKU, slug and name of each published product. Prices, stock and customer data are never sent. Sales measurement is off unless you turn it on.

What happens if I disconnect or uninstall?

Disconnecting stops the viewer from showing. Uninstalling also removes the plugin's settings. Past orders keep their Configuration lines, because those are part of the order.

Where to go next

Install the Thridify plugin from WordPress.org and try it on one product. Try the WooCommerce demo store to see it from the shopper's side, and read the WooCommerce integration page for how the plugin fits the rest of the platform. If you'd rather walk through your catalogue with us first, book a demo.