How to put a 3D model on a mobile product page without wrecking your page speed

Give phone shoppers a 3D view of your products on a page that opens as fast as it does today.

Imagine a customer looking at your sofa on their phone, on the bus, over a mobile connection. The page starts to open and then stalls while a large 3D file downloads in the background. The photos jump about and the fabric swatches stop responding to taps. The customer closes the tab without having turned the sofa around.

A 3D model does not have to slow the page. A model built to a size budget and loaded only when the shopper asks for it sits on a mobile product page without changing how fast that page opens. CharpstAR delivers the optimised model and the viewer that loads it on demand, so your shop gets the 3D view and keeps its page speed without taking on the technical work.

What Is a Fast 3D Product Page on Mobile?

A fast 3D product page is an ordinary product page with a 3D product viewer added in a way that keeps the page's opening speed. The product photo appears first, as it does now. The 3D model downloads later, and only when the customer scrolls to the viewer or taps to open it.

On a page built this way, your customers can:

• Open the page at the same speed as the rest of your shop
• See a still picture of the product where the viewer sits, before any model has loaded
• Tap once to load the model and turn the product around
• Zoom in on the fabric, the finish and the stitching
• Keep choosing colours and sizes while the model loads, because nothing blocks the page
• Place the product in their room with AR from the same viewer

Why Page Speed Matters for 3D on Mobile

A phone on a mobile network has less bandwidth and less memory than a laptop on office wifi, and a 3D file that has not been reduced for the web makes the page slower to open and to use.

Keep the Conversion Rate You Already Have

Google scores your page on three Core Web Vitals: how soon the largest element appears (target 2.5 seconds), how fast the page responds to a tap (200 milliseconds) and how much it moves while loading (0.1), measured at the 75th percentile of page loads, which means on your slower visitors. A viewer that loads on demand leaves all three where they were.

Give Phone Shoppers the Whole Product

Product photos show the angles you chose to shoot. A customer who can turn the product around on their phone finds the back of the armrest and the depth of the seat for themselves, and has fewer reasons to write to you.

Reduce Returns From Wrong Expectations

A customer who has looked closely at the material and placed the product in their room at real size knows what will arrive. Large products are expensive to send back, and a clear view on the phone in the customer's hand stops some of those orders going wrong.

Spend Less on Photos for Every Variant

One model shows every colour and material from every angle, on a phone and on a desktop. A new fabric is added to the existing model, so the range grows without a new shoot.

Use Case: A Sofa Page Opened on a Phone

What the Customer Sees

The page opens with your product photos, as it does today, and a still picture of the sofa holds the viewer's place so nothing moves. When the customer taps "View in 3D", the model downloads; it is built small for phones, it does not spin by itself and it stops working when it is scrolled out of view, so the phone stays cool. The AR button opens the phone's own AR view, with nothing to install and nothing added to your page.

A model built to this budget also stays inside Google's size requirements for 3D products in Search through Merchant Center, so the same file can serve your product feed later. You can check a model you already have against these limits with our free 3D model checker.

What Your Shop Receives

Brands Whose Models We Built

Sweef's modular sofa configurator, Contura's Build Your Stove configurator and MELIMELI's 3D and AR product pages are CharpstAR's work.

How to Add a Fast 3D Viewer to Your Product Pages

You keep your shop and your checkout, and the viewer goes onto the product pages you have now.

Step 1: Send Us the Product Pages

Send links to the pages, with the dimensions and, where you have them, CAD files or close photos of the materials.

Step 2: Agree the Plan

We reply within a working day with what your range needs and the price per model, and you decide which products go first.

Step 3: We Build the Models to the Mobile Budget

Each model is built to the size budget from the start. You test the viewer on your own page and your own phones before anything goes live.

Step 4: Put the Viewer Live

The viewer is one snippet in the product template on Shopify, Shopware, Magento or WooCommerce, or in your own build, and we help you place it. You can compare the page speed figures before and after on your own pages.

How to Measure the Effect on Your Mobile Sales

Compare the same products before and after the viewer, or run an A/B test on part of the range.

How Much Does a Mobile-Ready 3D Model Cost?

Mobile-ready models are part of every plan. The Basic plan starts at 10 dollars per SKU per month, and the viewer, AR, hosting and implementation are included. Plans and minimums are on prices.

Is a 3D Model Right for Your Mobile Shop?

A 3D viewer on your product pages may be a strong fit if:

• Most of your visitors come from phones
• Your products are judged on material, finish and detail
• Customers ask about size and fit before they order
• Large or heavy products make returns expensive
• Your range has more variants than you can photograph

See Your Own Product in 3D on a Phone

Send us one product and we build the model for free and hand you the files, so you can run them through your own page speed tools and open the viewer on your own phone. Send us a product. Our solutions page describes what we build for a whole catalogue, and prices lists the plans.