WooCommerce shops selling furniture, decor, lighting or anything where size matters can let customers place a product in their own room before they buy. You do not need a developer or a special theme. This guide shows the simplest way to add a "View in AR" experience to a WooCommerce product page, and what to check before you roll it out.

What you need

  • A 3D model of the product, ideally a GLB file. Many manufacturers can supply one. If not, see how 3D models are made for AR.
  • Access to edit product pages in WordPress, with permission to add HTML. Administrators on a normal WordPress site have this.
  • An AR link or embed code for the model, which ARView gives you when you upload it.

Step 1: Upload the model and get the code

Upload the GLB file in the free AR viewer to test one product, or in ARView Stores if you have a catalogue. Stores keeps each product with its name, SKU and page link, and gives you an embed, a View in AR button, a plain link and a QR code for each one.

Step 2: Add it to the product page

Open the product in WooCommerce and choose where the AR view should appear:

  • Product description, classic editor: switch to the Text tab and paste the embed code where you want the viewer.
  • Block editor: add a Custom HTML block and paste the code into it.
  • Just a button: paste the View in AR button code, or add a normal link to the AR page, for example in the short description near the price.

Save the product and open the page on your phone.

Step 3: Test on real phones

Open the product page on an iPhone and on an Android phone. Tap View in AR and place the product on the floor or a table. Check that it appears at the right size and the colours look right. A GLB file works on both phones. USDZ alone only works on iPhone.

Common problems

  • The code disappears after saving. Some WordPress setups, such as multisite networks or accounts below administrator, strip embed code. Ask an administrator to add it, or use the plain AR link as a button instead.
  • The viewer loads slowly. Keep model files under about 10MB and textures at 2048px or less.
  • The product looks the wrong size. The model was exported in the wrong units. Re-export it in metres.

Plugins or embed code?

There are WooCommerce AR plugins that add a viewer through your WordPress dashboard. They suit shops that want everything managed inside WordPress. Embed code suits shops that want to try AR on a few products first, or that also sell on other platforms, because the same link works on any site, in emails and on printed QR codes.

💡 Start small

Add AR to three or four products where customers most often ask about size, and compare their returns and conversions with similar products over a month. ARView Stores is free for up to 10 products while it is in early access.

Frequently asked questions

Can I add AR to WooCommerce without a plugin?

Yes. Upload a 3D model to an AR service such as ARView, then paste the embed code or AR link into the product description or a Custom HTML block. No plugin is needed.

What 3D file format works for WooCommerce AR?

GLB works on both iPhone and Android, so it is the best choice. USDZ works on iPhone only.

Do my customers need an app?

No. The AR view opens from the phone browser, using Apple Quick Look on iPhone and Google Scene Viewer on Android.