Skip to content
RexTheme Logo
  • Home
  • Plugins
    • WP VR
    • Product Feed
    • Social Booster
    • Cart Lift
  • Docs
  • Support
  • Blog
  • Account
    • Log In
  • Contact Us
  • NL
  • DE

Product Feed Manager

  • Introduction To WooCommerce Product Feed Manager
  • Getting Started with Product Feed Manager
  • Install and Activate WPFM
  • Generate Product Feed
  • Category Mapping
  • Auto-sync With Google Merchant Shop
  • Add Extensive Custom Fields
  • Add More Supported Merchant Sites
  • How to Upgrade to Pro – WPFM
  • eBay MIP Feed Generation
  • Useful Options On Controls Tab
  • Fix WooCommerce’s (JSON-LD) Structured Data Bug
  • Control Products Per Batch In Batch Processing
  • Exclude Tax From Structured Data Prices
  • Using Google Merchant Promotions Feed
  • Exclude “Out Of Stock” Products From WooCommerce Product Feed
  • Connect Facebook Pixel With WooCommerce For Dynamic Ads
  • Product Feed Optimization with Yoast SEO Product Title, Meta Description and Primary Category
  • Getting Started With WooCommerce Product Feed Manager
  • How To Install And Activate WPFM
  • How To Generate Product Feed For The First Time
  • Basic Plugin Overview – WooCommerce Product Feed Manager
  • How To Use Category Mapping For Product Feed
  • How To Enable Your Desired Merchant Or Marketplace For Feed Generation
  • Add Extensive Custom Fields Of Unique Identifiers For WooCommerce Products
  • Add Custom Fields For Important Product Attributes
  • How To Add Extensive Custom Fields To WooCommerce Products
  • Fix WooCommerce (JSON-LD) Structured Data For Approval In Google Shopping
  • How To Exclude Tax From Structured Data Prices
  • How To Use Custom Filter When Generating Product Feed
  • Troubleshooting Common Issues – WooCommerce Product Feed Manager
  • How To Use Category Filter When Generating Product Feed
  • How To Use Tag Filter When Generating Product Feed
  • How To Use Product Filter Options When Generating Feed
  • How To Schedule Auto-update of Feed On Set Intervals
  • How To Include Variable Products To The Feed
  • How To Include Private Products In Product Feed

WP VR

  • Introduction To WP VR
  • Getting Started With WP VR
  • How To Install And Activate WP VR
  • How To Create A Simple Virtual Tour In 5 Minutes – WP VR
  • How to Embed A Virtual Tour And Customize It – WP VR
  • WP VR Basic Plugin Overview
  • How To Add A Scene To Your Virtual Tour
  • How To Use Scene Settings To Customize A Scene
  • How To Add Hotspots To A Scene In Your Virtual Tour
  • How To Use Hotspots To Show Information, Images Or Videos
  • How To Use Hotspots To Go From One Scene To Another
  • How To Customize Hotspot Icons And Color
  • How To Use Exclusive Features On General Settings To Customize A Virtual Tour
  • How To Upgrade To Pro – WPVR
  • How To Export And Import Virtual Tours
  • How To Embed A Virtual Tour Using WPVR Gutenberg Block
  • How To Embed A Virtual Tour Using WPVR Elementor Widget
  • How To Use WP VR Oxygen Element To Embed A Virtual Tour
  • How To Embed A Youtube 360 Video On Your Website Using WPVR
  • How To Embed A Google Street View Tour On Your Website Using WPVR
  • Embed A Self Hosted Video on WPVR Hotspots
  • How To Set Up WPVR Exclusive Settings
  • How To Exclude WPVR From Autoptimize
  • Control Script And Style Loading For The Virtual Tours
  • How To Disable WordPress Large Image Handler For Virtual Tours
  • How To Duplicate A Virtual Tour
  • How To Integrate Fluent Forms On A Virtual Tour
  • How To Integrate WooCommerce To A Virtual Tour
  • How To Embed Virtual Tours On Non-WordPress Websites
  • How To Enable Gyroscope Support On Virtual Tours
  • How To Set Up A Scene Gallery On Virtual Tours
  • How To Add Background Music To Virtual Tours
  • How To Limit Keyboard Controls For Navigation And Zoom
  • How To Limit The Use Of Mouse Scroll To Zoom Or Drag To Move A Tour
  • Using Custom Icons For Navigation And Control Buttons In A Virtual Tour
  • How To Add A Home Button To Your Virtual Tour
  • How To Create A Virtual Tour With Partial Panoramas
  • How To Create A Virtual Tour With Mobile Phone Panorama Images
  • How To Set Default Scene Face On A Virtual Tour
  • How To Set A Dynamic Front End Notice On Virtual Tours For Mobile Phone Viewers
  • Demo Virtual Tours
  • Basic Virtual Tour
  • Demo Virtual Tour – WPVR Pro
  • Demo Tour – WPVR (Free)
  • Custom Scene Gallery – WPVR
  • Custom Control Icons – WPVR
  • Google Street View Tour – WPVR Pro
  • Getting Started with WP VR
  • Video Tutorials – WPVR
  • Demo Partial Panorama Virtual Tour – WPVR Pro
  • Bar/Pub Showcase
  • How To Add A Preview Image To Your Virtual Tour – WPVR
  • How to Enable Auto Rotation For Your Virtual Tour
  • How To use a WPVR Shortcode to Embed a Virtual Tour
  • How to Add Your Company Logo in Your Virtual Tour – WPVR
  • Troubleshooting Common Issues – WPVR
  • How To Auto Resize Images On Mobile Devices for Virtual Tours
  • How To Set Custom Zoom Settings On A Scene In Your Virtual Tour – WPVR
  • How to Set 360 Image Grab Limit On A Scene in Your Virtual Tour – WPVR
  • How To Solve Virtual Tour Not Showing Up – WPVR
  • How To Exclude Assets of WPVR From Autoptimize
  • How To Embed Youtube Videos Inside Virtual Tours Using WPVR
  • How To Create Full Screen Virtual Tours – WPVR

Social Booster

  • Social Booster
  • Install and Activate Social Booster
  • Getting Started with Social Booster
  • How Social Booster Works
  • Social Booster Dashboard Overview
  • Connect Facebook For Auto-Posting
  • Connect Twitter For Auto-Posting
  • Auto-Post And Share With Social Booster
  • Connect Tumblr For Auto-Posting
  • Connect LinkedIn For Social Auto-Posting
  • Connect Reddit For Auto-Posting
  • Connect Pinterest For Social Auto-Posting
  • Schedule Post With Social Booster
  • Set Multiple Profiles On Social Booster

Cart Lift

  • Introduction To Cart Lift
  • Getting Started With Cart Lift
  • Install And Activate Cart Lift
  • A Basic Plugin Overview – Cart Lift
  • Configure And Use Cart Lift Effectively
  • How To Track Abandoned Carts Automatically
  • How To Set Up Your Abandoned Cart Recovery Campaign
  • How To Get Notifications For Abandoned Carts And Recovery
  • How To Integrate SMTP Through Cart Lift
  • Get Full Analytics Report On Recovery Campaign
  • How To Upgrade To Pro – Cart Lift

Media Storage To Cloud

  • WP Media Storage To Cloud
  • Getting Started – Media Storage To Cloud
  • How to install and activate Media to Cloud Storage
  • WP Media Storage To Cloud Dashboard Overview
  • How To Connect Amazon S3 Bucket
  • How To Connect Google Cloud Storage
  • How To Set Up IAM User For Amazon S3 Bucket
  • How To Set Up Google Cloud Storage Bucket To Serve Media Files
  • How To Connect DigitalOcean Spaces
  • How To Create An Amazon CloudFront Distribution
  • How To Create An Amazon CloudFront Origin Access Identity
  • Troubleshooting For Common Issues – Media Storage To Cloud
  • How To Create Free HTTPS Certificate On Amazon S3

Variation Swatches

  • Variation Swatches for WooCommerce – Getting Started
  • Variation Swatches For WooCommerce – Dashboard Overview
  • Variation Swatches For WooCommerce – Install And Activate
  • Change Dropdown to Button Swatches for WooCommerce Variations
  • How To Set Up WooCommerce Color Swatches For Color Variation
  • How To Set Up WooCommerce Image Swatches For Image Variation
  • How To Set Up Label Swatches For WooCommerce Product Variations
  • How To Customize Variation Swatch Hover Style
  • How To Customize Variation Swatches Global Style
  • How To Customize Variation Swatches Selected Style

VR Places Theme

  • How To Install And Activate VR Places Theme
  • How To Customize Global Settings for VR Places Theme
  • Home
  • Docs
  • WP VR

How To Create A Virtual Tour With Mobile Phone Panorama Images

Table of Contents
  • Step 1 - Capture Panoramas With Your Mobile Phone
  • Step 2 - Install And Activate WPVR
  • Step 3 - Go To WPVR To Create A Virtual Tour
  • Step 4 -Upload Your Panorama To Create A Scene
  • Step 4: Use Proper Angle View For Partial Panorama Effect

You require 360 panoramic images to create virtual tours. But to take a professional 360 panoramic image, you require expensive tools such as DSLR, or digital 360 cameras, tripods, and so on.

These are not always possible to purchase.

Again, a panoramic image taken by a smartphone is not usable. Or is it?

What if you could rather take panoramic images using your smartphone and create a virtual tour out of them?

Well, yes. That’s exactly what you can do using WPVR.

You can now create virtual tours for your website, using panoramas taken with your mobile phone, with WPVR.

WPVR comes with a special feature called “Partial panorama” that makes it easy for you to upload and turn normal panoramas into stunning virtual tours.

This could be really handy for important cases such as, if you are trying to quickly create a virtual tour of your property for sale, or your hotel for rent, or simply creating a virtual tour of your personal office.

Today I will show you how you can easily create beautiful virtual tours simply using panoramas taken using your smartphone.

So let’s get started.

Step 1 – Capture Panoramas With Your Mobile Phone #

Nowadays, even the most basic smartphones have a panorama option and you can easily use it.

Suppose you are taking a panorama of your office room. Find a suitable spot from where you can get a good view of your office in all directions.

Then turn on the Panorama mode on your mobile camera and take a couple of panoramas. You can do the same from more spots in your office room if you want to add multiple scenes in your tour.

**It will be even better and stable if you have a monopod.

Choose the best image from each spot for your virtual tour and transfer them to your PC. (Or, if you want to access your website from mobile, then you can keep it in your phone gallery.)

Here’s a guide you can follow to capture 360-degree photos with your smartphone.

Step 2 – Install And Activate WPVR #

You need to have both the free version and the paid version of WPVR to do this.

If you already have both of the plugins installed and activated on your site, you can directly go to step 3.

Here are instructions for installing WPVR:

  • Install and activate the free version of WPVR.
  • Install and activate WPVR Pro.

Step 3 – Go To WPVR To Create A Virtual Tour #

Once you have successfully installed and activated both the plugins, go to your WordPress Dashboard > WPVR > Add New Tour.

Here, first, give a name to the tour.

Create Virtual Tour

Then on the left, you can see several sections. Initially, you will be in the General Section.

Step 4 -Upload Your Panorama To Create A Scene #

Just below General Tab, you can see the Scenes tab. Click on it.

Here, assign a Scene ID and choose Yes for the option Set as Default.

Scene Settings

Then, click on the Upload button and upload your desired panorama.

For this guide, I will create a simple virtual tour with only one scene. You can add multiple scenes if you want to.

Scene Upload

Once the image is uploaded, now it’s time to set the Partial panorama effect on the image you uploaded to turn it into a virtual tour.

Now, if you click on the Preview button, a messed up preview of the tour will show up.

But don’t worry, follow the next step to fix it.

Step 4: Use Proper Angle View For Partial Panorama Effect #

On the right side, look for the following two options:

  • Vertical Angle of View
  • Horizontal Angle of View

Turn On the Vertical Angle of View option. This controls how much of your image will be visible on tour vertically.

By default, it’s set at 180, change it to 90.

Now, turn On the Horizontal Angle of View option. This controls how much of your image will be visible on tour horizontally.

By default, it’s set at 360, change it to 180.

On the Scenes section and go to Limit Vertical Scene Grab and Limit Horizontal Scene Grab options.

Turn the Limit Vertical Scene Grab option On.

The default value on the Max Pitch field is 90. Set it to 45.

The default value on the Min Pitch field is -90. Set it to -45.

Scene Grab Virtual Tour

Now, Turn the Limit Horizontal Scene Grab option On.

The default value on the Max Yaw field is 180. Set it to 90.

The default value on the Min Yaw field is -180. Set it to -90.

That’s it. You’ve just created a virtual tour using a panorama image that was captured by a mobile phone.

You can now click on the Preview button to have a live preview of your tour.

Virtual Tour Preview

**Remember to click on the Publish button on the upper right corner of your WordPress dashboard to save the tour.

Once you’ve saved the tour, you can publish it on your website.

You can use the WPVR Gutenberg block, WPVR Elementor Widget, or shortcode to publish the tour.

Follow this documentation to publish and customize your virtual tour.

To learn more about WPVR and its amazing features, click here.

Share This Article :
Updated on August 13, 2020
How To Create A Virtual Tour With Partial Panoramas How To Set Default Scene Face On A Virtual Tour
Table of Contents
  • Step 1 - Capture Panoramas With Your Mobile Phone
  • Step 2 - Install And Activate WPVR
  • Step 3 - Go To WPVR To Create A Virtual Tour
  • Step 4 -Upload Your Panorama To Create A Scene
  • Step 4: Use Proper Angle View For Partial Panorama Effect
RexTheme Logo
Our Plugins
  • WP VR
  • Product Feed Manager
  • Social Booster
  • Cart Lift
Resources
  • Privacy Policy
  • Terms of Service
  • Affiliate Program
  • Contact Us
Payment Methods
Payment methods

© . All rights reserved by RexTheme