Canvas AR Studio/Adding a 3D Model and AR to WooCommerce
Adding a 3D Model and AR to WooCommerce
If you sell wall art on WordPress and WooCommerce, you can put a button on your product page that shows the piece on the customer's own wall at its real size — without installing another plugin.
Where the code goes
Into the product description: a "Custom HTML" block in the block editor, or the "Text" tab if you are on the classic editor. Code pasted into the Visual tab turns into plain text on the page, and that is the single most common mistake with this step.
Why no plugin is needed
The embed is ordinary HTML, so nothing has to run as PHP on your site. That is worth something beyond convenience: no new plugin to keep updated, nothing extra in your security surface, and nothing that breaks on the next WordPress release.
Larger catalogues
If you have many products, adding the code to the product template in your child theme is cleaner than pasting it product by product — then only the product identifier changes per item. It is a one-time edit and a short job for anyone who knows WordPress.
Variable products
Sizes are usually WooCommerce variations. Each size becomes its own 3D model, and the customer sees whatever size they selected on their own wall. Send us the size list and we handle the mapping.
Page speed
Speed is already a sensitive subject on most WordPress installs. The viewer does not fetch the model until the button is pressed, so nothing measurable is added to the product page's load.
Related pages
Frequently asked questions
The code shows up as text on the page
It was pasted into the classic editor's "Visual" tab. Switch to "Text" and paste it there, or use a "Custom HTML" block in the block editor.
My security plugin strips the embed
Some security plugins filter HTML for non-administrator roles. Adding it as an administrator, or excepting this markup from the filter, resolves it.
I use Elementor or another page builder
It works. Use Elementor's HTML widget, or the equivalent code block in your builder.
Do I have to host the model files?
No. They live on our servers, so nothing is uploaded to your media library and no storage is consumed on your host.
See it on your WooCommerce store
Pick one product; we will build the model and send the embed ready to paste.
Get a quoteOr try the live example on your own wall first.