WooCommerce in VR

eCommerce in Virtual Reality hasn’t been explored much and we don’t know where it’s going to take us or how it’s going to be implemented but I thought I’d give it a shot.

Many people envision a virtual reality eCommerce experience where you’re in a shopping mall. While it’s nice to imagine, I don’t think it’s where the shopping experience will occur anytime soon. Instead the shopping or checkout will occur after a product has been experienced in VR.

A great example of this is the IKEA VR Experience. You can’t purchase the products on the app but instead you can preview and experience the products IKEA has to offer before shopping at their store. Ikea.com doesn’t offer you the opportunity to experience their furniture the same way VR can.

ikea_vr

I created VR WooCommerce and VR WooCommerce Products using aframe and WebGL to experiment with this. They are definitely not to be used for production but it’s fun to see how this might work.

VR WooCommerce creates a new tab for each product. For now it uses the featured image but ideally you’d have another field to upload your 3d model.

VR WooCommerce Products takes up an entire window and will show your products all around you.  It’s a great way to showcase many items in a single view.

Note: This is a personal project.

Installing and Developing with WooCommerce Locally

If you’re a developer working on WooCommerce or want to try out WooCommerce before installing it on your own site, you can use VVV WooCommerce to quickly create a WordPress instance that has the WooCommerce plugin and Storefront theme installed and ready to try out locally. You will need Vagrant, Virtual Box, and VVV installed to use all of which are easy to install and configure.

If you’re a developer working on WooCommerce or want to try out WooCommerce before installing it on your own site, you can use VVV WooCommerce to quickly create a WordPress instance that has the WooCommerce plugin and Storefront theme installed and ready to try out locally. You will need Vagrant, Virtual Box, and VVV installed to use all of which are easy to install and configure.

If you have trouble setting this up, please comment below or create an issue on Github.