{"id":170451,"date":"2018-01-19T13:00:27","date_gmt":"2018-01-19T13:00:27","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=170451"},"modified":"2018-01-16T00:35:19","modified_gmt":"2018-01-16T00:35:19","slug":"virtual-reality-in-wordpress-are-you-ready-to-give-this-a-shot","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/virtual-reality-in-wordpress-are-you-ready-to-give-this-a-shot\/","title":{"rendered":"Virtual Reality in WordPress: Are You Ready to Give This a Shot?"},"content":{"rendered":"<p>As I read through Brenda Barron\u2019s predictions for <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-web-design-trends-2018\/\" target=\"_blank\" rel=\"noopener\">WordPress web design trends in 2018<\/a>, I was surprised to see virtual reality (VR) show up on the list. Here\u2019s why:<\/p>\n<p>Statista puts the number of <a href=\"https:\/\/www.statista.com\/statistics\/426469\/active-virtual-reality-users-worldwide\/\" rel=\"noopener\" target=\"_blank\">global virtual reality users<\/a> at 171 million this year. While that number is nothing to scoff at, it only refers to VR users who own headsets like the HTC Vive, Oculus Rift, Playstation VR, and cheaper alternatives that turn your smartphone into a headset like the Google Daydream or Cardboard.<\/p>\n<p>I had always assumed that virtual reality was strictly for gamers, which I think that statistic does a good job of demonstrating. However, as things like <a href=\"https:\/\/wpmudev.com\/blog\/gamification-wordpress\/\" target=\"_blank\" rel=\"noopener\">gamification<\/a> and <a href=\"https:\/\/wpmudev.com\/blog\/using-video-wordpress\/\" target=\"_blank\" rel=\"noopener\">video<\/a> become a more inherent part of WordPress websites, I can see how this trend for more immersive and interactive experiences would lead to virtual reality integration.<\/p>\n<p>So, this now begs the question:<\/p>\n<p>Does your audience actually want a virtual experience when they visit your website?<\/p>\n<p>And further:<\/p>\n<p>Do you have the tools available to reasonably build a virtual experience for your users?<\/p>\n<p>I think Brenda was right: I believe WordPress developers will be more inclined to integrate virtual reality into WordPress sites this year. However, I think it\u2019s important to examine which types of sites are right for this design feature as well as which tools you can use to create them before deciding to explore this web design trend for your own purposes. So, let\u2019s dig a little deeper into what virtual reality in WordPress really means.<\/p>\n<h2>What You Should Expect from Virtual Reality in WordPress<\/h2>\n<p>I think the first exposure I ever had to virtual reality was in watching the movie <em>The Lawnmower Man<\/em>.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">zTrgHXNAs24<\/span><\/span><\/p>\n<p>For those of you who missed that Stephen King-inspired gem, there was <em>The Matrix<\/em> that took virtual reality to darker depths a few years later:<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">vKQi3bBA1y8<\/span><\/span><\/p>\n<p>Regardless of which type of VR left an impression on you, you might still revert back to those images when the subject of virtual reality is broached today (I know I do). That\u2019s why talking about virtual reality for web (or mobile) users is somewhat difficult to approach since it requires a retooling of how we view what a virtual experience actually entails.<\/p>\n<p>To clarify, virtual reality in WordPress won\u2019t be like a virtual reality simulation or game, at least not as it stands right now. It\u2019s more practical than that. In essence, it gives users the ability to experience a 3D space, product, or even a hypothetical situation through their web or mobile browser. And they can do so without having to invest in an expensive VR headset. All they need is a computer or smart device and the ability to click or swipe through the experience.<\/p>\n<p><a href=\"https:\/\/www.google.com\/maps\/\" rel=\"noopener\" target=\"_blank\">Google Maps Street View<\/a> is a good example of web-based virtual reality that we\u2019re all familiar with. Simply pull up an address, drop the orange marker where you want to explore further, and then step onto the virtual\/real street.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Google-Maps.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Google-Maps.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>One of the most well-known forms of VR today: Google Maps Street View.<\/small><\/p>\n<p><a href=\"https:\/\/www.sothebysrealty.com\/eng\/virtual-reality\" rel=\"noopener\" target=\"_blank\">Sotheby\u2019s International Realty<\/a> has some awesome examples of virtual experiences on their site, too. Each video allows users to explore various properties that are for sale, both inside and out.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Sothebys.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Sothebys.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Sotheby&#8217;s deals in luxury real estate, so it makes sense they&#8217;d encourage sellers to use VR.<\/small><\/p>\n<p>There\u2019s also <a href=\"https:\/\/www.ray-ban.com\/usa\/virtual-model\" rel=\"noopener\" target=\"_blank\">Ray-Ban<\/a> which has a virtual model tool you can use to try on different pairs of sunglasses without having to visit a store. This isn\u2019t just about slapping an image of their sunglasses on your face either, this is about getting to see how snazzy those glasses look from all angles.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Ray-Ban.gif\" alt=\"VR in WordPress - Ray-Ban\" width=\"480\" height=\"300\" \/><figcaption class=\"wp-caption-text\">What do you think? Does this virtual model of me look good in these sunglasses?<\/figcaption><\/figure>\n<\/div>\n<p>Pretty cool, right?<\/p>\n<p>As I see it, there are a number of clear use cases for virtual reality in WordPress right now:<\/p>\n<ul>\n<li>e-Commerce sites that want to show off 360-degree views of their products or that want to give customers the chance to \u201ctry them on\u201d.<\/li>\n<li>Auto manufacturers that want to give customers the ability to test-drive or inspect the inside and outside of a car before buying.<\/li>\n<li>Real estate companies trying to sell or rent properties by providing virtual walk-throughs.<\/li>\n<li>Travel and other hospitality businesses that want to sell an experience by giving people a chance to see it up-close and personal.<\/li>\n<li>Entertainment and news sites that want to create engaging, on-the-scene visuals to accompany stories.<\/li>\n<li>Companies with a thriving corporate culture that would benefit from giving clients a chance to see how it all works behind the scenes.<\/li>\n<li>Internal company intranet sites that provide virtual training for employees.<\/li>\n<\/ul>\n<p>While this web design trend might not be for everyone, you can see that the various uses for it are quite practical. This isn\u2019t some shallow gimmick you\u2019d be using to drum up attention in the short-term. Virtual reality can really improve the user experience on a WordPress site.<\/p>\n<h2>8 Tools and Plugins You Can Use to Add Virtual Reality to WordPress<\/h2>\n<p>As a WordPress developer, you\u2019re always on the lookout for new ways to both appease and impress your clients (as well as their visitors and customers). If you\u2019ve started to imagine ways in which you can use this virtual reality web design trend in 2018, just remember to consider the following first:<\/p>\n<ul>\n<li>Is there a virtual reality experience that makes sense for your WordPress site?<\/li>\n<li>How much will it cost to create the virtual reality experience?<\/li>\n<li>Are you aware of how much additional time it will take to add the virtual reality element to your site?<\/li>\n<\/ul>\n<p>Since there are a variety of ways in which you can use virtual reality in WordPress, it\u2019s important to understand how much work goes into each method. So, let\u2019s take a look at what sort of tools exist outside as well as within WordPress to help you create and then add virtual experiences to your site.<\/p>\n<h3>Creating Virtual Experiences<\/h3>\n<ul class=\"dev-tutorial-list\"><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">WebVR<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"358\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-WebVR-600x358.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"WebVR image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>WebVR is a JavaScript API created so that web developers could craft their own virtual reality experiences for the web. While you will notice that their documentation provides support for VR experiences that cater to headset users, you can still use this if your visitors only have a computer or smartphone from which to view the experience.<\/p>\n<p>Also worthy of note is how many other VR builder tools are based on the WebVR API. For example:<\/p>\n<p><a href=\"https:\/\/vizor.io\/\" rel=\"noopener\" target=\"_blank\">Vizor<\/a>, which enables developers to create 360 experiences:<\/p>\n<p style=\"text-align: center\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Vizor.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Vizor.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center\"><small>If you want to build your own 360 spherical tour or experience, Vizor can help.<\/small><\/p>\n<p><a href=\"https:\/\/sketchfab.com\/\" rel=\"noopener\" target=\"_blank\">Sketchfab<\/a>, which is a place to find 3D products and images to use on your WordPress site (you can also share your work with others):<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Sketchfab.gif\" alt=\"VR in WordPress - Sketchfab\" width=\"480\" height=\"300\" \/><figcaption class=\"wp-caption-text\">Sketchfab is like the Dribbble of virtual reality images and video.<\/figcaption><\/figure>\n<\/div>\n<p><a href=\"https:\/\/playcanvas.com\/\" rel=\"noopener\" target=\"_blank\">PlayCanvas<\/a>, which is great if you want to create an immersive experience or game for your site:<\/p>\n<p style=\"text-align: center\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-PlayCanvas.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-PlayCanvas.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center\"><small>PlayCanvas can be used to build your own immersive VR.<\/small><\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in WebVR?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/webvr.info\/developers\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">MozVR<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"292\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-MozVR-600x292.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"MozVR image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>Mozilla took the WebVR API and merged it with their own A-Frame web framework to create a truly powerful and easy-to-use tool for developers wanting to design their own experiences using HTML. Here\u2019s a look at some of the cool things you can accomplish with MozVR:<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in MozVR?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/mozvr.com\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">React VR<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"254\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-React-VR-600x254.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"React VR image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>For WordPress developers interested in building their own immersive, 360-degree experiences using JavaScript, you should check out Facebook\u2019s contribution to virtual reality: React VR. They\u2019ve published an incredibly thorough guide on Github that includes all the information you need to get started using their proprietary source code to build virtual experiences for your WordPress sites.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in React VR?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/github.com\/facebookarchive\/react-360\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Matterport<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"333\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Matterport-600x333.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Matterport image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>This solution probably won\u2019t be for most of you. That said, I still think it\u2019s worth mentioning for those of you who work in a niche that would benefit from including 3D walkthroughs on every site you build.<\/p>\n<p style=\"text-align: center\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Matterport.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Matterport.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center\"><small>Buy a 3D camera from Matterport and start creating your own immersive, 3D experiences.<\/small><\/p>\n<p>Matterport isn\u2019t a software or framework like most of the other suggestions on this list; it\u2019s actually a 3D camera and scanner. You pay for the camera equipment (which is expensive, but, at the same time, simplifies the process of creating these videos) and then pay a monthly fee for cloud storage to host your VR videos. All you need to do then is embed the 3D video on your site and voila! You now have a fully custom-made and third-party-stored virtual experience that is sure to impress customers.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Matterport?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/matterport.com\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><\/ul><!-- end dev-tutorial-list -->\n<h3>Adding Virtual Experiences to WordPress<\/h3>\n<ul class=\"dev-tutorial-list\"><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">WordPress Shortcode Embed<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"295\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-WordPress-VR-Announcement-600x295.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"WordPress Shortcode Embed image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p><span style=\"font-weight: 400\">At the end of 2016, WordPress announced virtual reality integration capabilities for all its paid users (meaning self-hosted WordPress.org users and those with premium WordPress.com memberships). All you need to do is upload your 360-degree photos or videos to WordPress and then embed them on whatever pages want using the shortcode provided (see link below). <\/span><\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in WordPress Shortcode Embed?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/en.blog.wordpress.com\/2016\/12\/15\/introducing-vr-and-360-content-for-all-wordpress-com-sites\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">360\u00b0 Panoramic Image Viewer Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"302\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-360-Panoramic-Plugin-600x302.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"360\u00b0 Panoramic Image Viewer Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p><span style=\"font-weight: 400\">If you have 360-degree photos, this premium WordPress plugin not only gives you the ability to turn them into navigable experiences, but also allows you to create hotspots within them&#8211;all from within WordPress! In addition, this plugin includes a shortcode generator within your Tiny MCE editor, so you don\u2019t have to worry about coding this content into your website. <\/span><\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in 360\u00b0 Panoramic Image Viewer Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/codecanyon.net\/item\/360-panoramic-viewer-wordpress-plugin\/5054590\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">PanoPress Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"192\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-PanoPress-600x192.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"PanoPress Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p><span style=\"font-weight: 400\">PanoPress is a free WordPress plugin that helps you get 360-degree images <em>and<\/em> videos into your WordPress website. This plugin was created using a number of panorama creation apps, so it\u2019s capable of hosting a variety of virtual reality content and is compatible with most devices. In addition to the standard horizontal 360 navigation, this plugin works with spherical panoramas, partial panoramas, virtual tours, product spinning viewers, and more. <\/span><\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in PanoPress Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/panopress\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Smart Product Viewer - 360\u00b0 Animation Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"304\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/VR-in-WordPress-Smart-Product-Viewer-600x304.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Smart Product Viewer - 360\u00b0 Animation Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>This premium WordPress plugin is meant for those of you who build <a href=\"https:\/\/wpmudev.com\/blog\/woocommerce-alternatives\/\" target=\"_blank\" rel=\"noopener\">e-commerce websites<\/a>; especially, in WooCommerce. It\u2019s easy to use too and creates a really cool product animation for your store. In addition to showing off 360-degree product views, you can also create animations that demonstrate how your products work.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Smart Product Viewer - 360\u00b0 Animation Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/codecanyon.net\/item\/smart-product-viewer-360-animation-plugin\/6277697\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--More Information\">More Information<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><\/ul><!-- end dev-tutorial-list -->\n<h2>Wrapping Up<\/h2>\n<p>It\u2019s clear that, when the application of virtual reality in WordPress is done right, there are major benefits to reap. For instance:<\/p>\n<ul>\n<li>You\u2019re offering visitors a more immersive experience than other types of media usually do.<\/li>\n<li>Virtual reality in WordPress doesn\u2019t require users to download special apps to access the experience.<\/li>\n<li>Visitors don\u2019t need a pricey VR headset to experience it. They simply need their finger or a mouse to drag around and through the experience.<\/li>\n<li>It puts the viewers more in control of your site\u2019s content.<\/li>\n<li>Gives prospective customers a way to test out your product or service in a way that\u2019s convenient for them.<\/li>\n<li>This type of media will appeal to tech-savvy users and give your brand major clout for doing a good job of implementing it.<\/li>\n<li>Virtual reality content will increase your visitors\u2019 time-on-site which will <a href=\"https:\/\/wpmudev.com\/blog\/seo-checklist\/\" target=\"_blank\" rel=\"noopener\">help your SEO<\/a> efforts.<\/li>\n<li>It\u2019s definitely something that will give your WordPress site&#8211;and your credibility as a web developer&#8211;a major boost when compared to the competition.<\/li>\n<\/ul>\n<p>At the end of the day, you need to decide whether virtual reality is the right technology for your WordPress site. If a <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-site-mobile-app\/\" target=\"_blank\" rel=\"noopener\">mobile app<\/a> isn\u2019t for you, if <a href=\"https:\/\/wpmudev.com\/blog\/sms-wordpress\/\" target=\"_blank\" rel=\"noopener\">SMS<\/a> doesn\u2019t seem right, then maybe virtual reality will be the cool, techy element your site uses. And with affordable (and free) tools and frameworks that enable you to add it to WordPress, why not give it a shot?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As I read through Brenda Barron\u2019s predictions for WordPress web design trends in 2018, I was surprised to see virtual reality (VR) show up on the list. Here\u2019s why: Statista puts the number of global virtual reality users at 171 million this year. While that number is nothing to scoff at, it only refers to [&hellip;]<\/p>\n","protected":false},"author":518583,"featured_media":170480,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[557],"tags":[10848,10847],"tutorials_categories":[],"class_list":["post-170451","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-vr","tag-virtual-reality"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/518583"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=170451"}],"version-history":[{"count":12,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170451\/revisions"}],"predecessor-version":[{"id":198965,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170451\/revisions\/198965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/170480"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=170451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=170451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=170451"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=170451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}