top of page
How to add interactive 3D, AR and Virtual Try-On products into a Shopify website
Transform your e-commerce business with a VerveAR 3D, AR & Virtual Try-On viewer on your shopify store
VerveAR web embed is an easy way to add an interactive 3D element on your online store . VerveAR 3D/AR viewer works by copying and pasting a generated code into the web editor. It’s the same process as embedding a YouTube video. This technology is known as WebAR because it delivers a 3D and Augmented Reality experience on any smartphone, iPhone, or Android without the need for an additional app.
How do I customize my product on Shopify?
The Shopify 3D, AR & Virtual Try-On maker lets you create advanced product visualizations for furnitures, equipments, appliances and Virtual Try-On for sneakers, glasses, watches, and hats. This allows you to display the product range in a real-time 3D viewer without requiring multiple renders or photos. Plus, you can instantly update your product offering without adjusting the code on your site. A bonus is that all products can be previewed in Augmented Reality at their actual size, enabling visitors to try out the product in their own space or view on their body before making a purchase. All these can be implemented without any coding in the VevreAR Studio.
How to embed an interactive 3D & AR product
1. Import your 3D model to the VerveAR Studio and let our AI 3D Upscaler finetune your 3D model.
2. Once your 3D model has been upscaled, enter the product name and upload the product image to save to VerveAR database
3. Click on the Publish to website button and a preview link and embed code will be generated.
4. You can copy the preview link and attach it to a button on shopify. You can also copy the embed code to embed to Shopify.
5. Open your admin panel in Shopify and click on the Themes in the Sales channels menu.
6. Go to your Theme and click on the Customize button.
7. In your template, click Add Section and select Custom Liquid. Now paste the code from VerveAR, and the 3D Viewer should be loaded.
8. Preview your site and publish it when you are happy with the result.
9. You can adjust the configurator anytime in VerveAR Studio and synchronize changes with one click with the Publish button.
4. You can copy the preview link and attach it to a button on shopify. You can also copy the embed code to embed to Shopify.
Tip: Enable Augmented Reality preview in your Shopify
The embedded viewer will automatically get an AR icon or View in space button that can trigger Augmented Reality preview of the product on any device with no app installation.
bottom of page