Beginner’s Guide to AR Furniture Visualization on WordPress

Buying a sofa online has always involved a bit of guesswork. The photos look great, the dimensions are listed somewhere below the fold, and the customer still stands in their living room with a tape measure wondering if it will fit next to the radiator. Augmented reality takes a lot of that guesswork away: the shopper points their phone at the floor and sees the actual sofa, at true scale, in their own room.

The good news for store owners is that you don’t need a custom app or a development team to offer this. If your shop runs on WordPress and WooCommerce, adding AR is mostly a matter of choosing the right plugin and preparing your 3D models properly. This page shows how Vizbl’s 3D and AR viewer works and how to add it to a website.

What AR furniture visualization actually is

In simple terms, AR furniture visualization lets a shopper place a 3D model of a product into their real environment using their phone or tablet camera. The model sits on the floor, keeps its real proportions, and can be walked around, rotated, or moved to a different spot.

On a WordPress site, this usually shows up in two layers:

A 3D viewer on the product page. On desktop, the customer can spin and zoom the model with a mouse, much like an interactive product photo.
A “View in AR” button. On a supported phone, tapping it opens the camera and places the item in the room.

For furniture, the second part is where the real value is. A photo can’t tell someone whether a 220 cm sofa overwhelms their room. Seeing it on their own floor can.

How it works behind the scenes (the short version)

You don’t need to be technical to set this up, but knowing the basics helps you avoid most beginner mistakes.

AR through the phone’s built-in viewer, no app to install. Most WordPress AR plugins rely on the AR tools already built into phones. On iPhones and iPads that’s Apple’s AR Quick Look. On Android it’s Google’s Scene Viewer, which requires a device that supports ARCore. Many plugins use Google’s open-source <model-viewer> web component to tie everything together, so the same product page works on both platforms.

Two file formats. This is the part that confuses beginners most often:

GLB / glTF is used for the 3D viewer in the browser and for AR on Android.
USDZ is Apple’s format for AR Quick Look on iOS.

Some plugins ask you to upload both files for each product. Others can work from a GLB alone or generate the iOS version for you. Check this before you commit to a tool, because it affects how much preparation each product needs.

Step 1: Get 3D models of your furniture

This is honestly the biggest hurdle, and it’s worth being realistic about it. AR is only as good as the model behind it. You have a few routes:

Ask your manufacturer or supplier. Many furniture brands already have 3D files from their design process. They may need converting, but it’s the cheapest starting point.
Hire a 3D modeling service. This gives you the most accurate results, which matters for furniture where fabric texture, wood grain and exact dimensions influence the buying decision.
Use photo-to-3D or AI generation. Several tools now create a model from product photos. For example, some WordPress AR plugins integrate AI services such as Meshy to generate GLB models from inside the admin panel (often in paid versions) . These are a fast way to test AR on a few products, but always check the result carefully: proportions and fine details are where generated models most often fall short.

Whatever route you take, the model must be built to real-world scale. A model that’s 10% too small defeats the whole purpose of AR furniture visualization, and customers will notice when the item arrives.

Step 2: Choose a plugin

The WordPress plugin directory has several AR options, both free and paid. Here’s what to compare when you look at them:

What to check	Why it matters for furniture
Supported formats (GLB, USDZ, Reality)	Determines whether iPhone users get AR at all
WooCommerce integration	Lets you attach a model directly to each product
Page builder support (Gutenberg, Elementor)	Useful if you also want 3D on landing pages or room guides
Floor placement	Furniture should snap to the floor, not float in the air
Model compression	Large files slow down your product pages
Hosting of models	Some tools host files on their own servers, others use your media library

A few examples you’ll come across:

AR for WooCommerce supports GLB, glTF, USDZ and Reality files and works with WooCommerce, Elementor and Gutenberg.
AR Model Viewer for WooCommerce adds an upload box for GLB files on the product edit page and is open source; check its latest compatibility notes before installing.
AtlasAR (3D Viewer) offers a free version with GLB and USDZ support and a floor AR mode aimed at furniture and large items.
Vizbl provides a 3D viewer and an AR button that you add to a page by pasting an embed code (no plugin involved), along with 3D models you can order from the Vizbl team if you don’t have any yet.

Free plugins are perfectly fine for testing the idea on a handful of products. If you plan to roll out AR across a large catalog, look more closely at hosting, compression, analytics and support.

Step 3: Add AR to your product pages

The exact steps vary by plugin, but the workflow is very similar across most of them:

Install and activate the plugin from Plugins → Add New.
Open a WooCommerce product in the editor.
Find the plugin’s box (usually below the main product description) and upload your GLB file, plus a USDZ file if the plugin requires it.
Add a poster image. This is the static picture shown while the model loads, and it keeps the page from looking empty on slow connections.
Save the product. The 3D viewer and “View in AR” button typically appear automatically.

For non-product pages, such as a “Shop the Living Room” guide, most plugins offer a shortcode or a Gutenberg block so you can embed the model anywhere.

Step 4: Test on real devices

Don’t skip this. Open the product page on at least one iPhone and one Android phone and check:

Does the AR button appear?
Does the item sit on the floor at a believable size? Measure a real object nearby and compare.
Do the colors and materials look close to the real product under normal room lighting?
How long does the model take to load on mobile data, not just on your office Wi-Fi?

Keep in mind that AR won’t work on every device. Older or budget Android phones without ARCore support simply won’t show the AR option. That’s expected, and a good plugin will fall back to the regular 3D viewer.

Tips that make a real difference

Keep file sizes small. Heavy models slow down product pages, which hurts both user experience and SEO. Compress textures and reduce polygon count where it isn’t visible. Many plugins or external tools can help with this.

Start with your bestsellers. You don’t need AR on every single item on day one. Pick the products where size and fit cause the most hesitation, such as sofas, beds, dining tables and wardrobes, and start there.

Show every color variant if you can. If a chair comes in four fabrics, a model in only one of them can mislead customers. Some plugins let you switch materials or attach a separate model per variation.

Tell people the feature exists. A small “See it in your room” label near the product images makes the button easier to notice.

Keep regular photos too. AR complements photography, it doesn’t replace it. Some shoppers will never tap the button, and desktop visitors can’t use AR at all.

Is AR worth it for a small furniture store?

It depends on your catalog and your budget for models. The plugins themselves are often free to start with, though free versions can limit the number of models: AR for WooCommerce, for example, allows one model in its free version. The real cost is producing good 3D models, and that cost grows with the number of products and variants.

A sensible approach is to run a small test: add AR to five to ten popular items, track how often customers use it, and watch whether questions about size or returns change for those products. That gives you actual data from your own store instead of relying on general promises.

Wrapping up

AR furniture visualization on WordPress is far more accessible than it was a few years ago. The browser and phone technology is already there, WooCommerce plugins handle most of the setup. Focus on accurate, lightweight models, test on real devices, and start with the products where customers hesitate the most. That’s the simplest way to find out whether AR helps your store, without overcommitting from the start.