WordPress anniversary

Go Big!


21st Anniversary
Get 25% discount


WordPress anniversary

How To Enable Gyroscope Sensor On 360 Virtual Tours

WP VR has made it possible to experience a responsive virtual tour from a smartphone or a mobile device with a more realistic view, using the Gyroscope sensor feature.

You can move the mobile device while experiencing a tour and the tour will respond to your device movement.

Simply enable the gyroscope support on your tour to give your viewers this amazing realistic experience.

Follow the steps below.

Enable Gyroscope Sensor #

**To enable Gyroscope sensor, your website must be SSL certified (i.e. your website should start with “https”).

1. While editing or creating a tour, go to the General Tab.

2. Here, on top, go to the Advanced Controls tab.

Enable Gyroscope sensor

3. You’ll find the Gyroscope Control option on the left side. Enable it.

Enable Gyroscope Control

Once you enable it, a gyroscope sensor button will appear on the frontend of the tour when visited using a mobile device.

4. Then you can publish the tour and embed it on a post/page. Then you may visit that page using a mobile device to test it out.

Your viewer can turn the Gyroscope mode on or off by click on the small icon on the top left side (as shown in the image below).

WPVR Gyroscope On or Off
You can see how the Gyroscope button looks on a mobile device.

Auto Gyroscope Sensor #

You can also set it up so that when a person visits your virtual tour, the gyroscope sensor will be enabled automatically.

Here’s how.

1. Once you enable Gyroscope sensor, you will get an option just below it, called Auto Gyroscope Support. Enable it.

Auto Gyroscope Support

Once you enable it, whenever a viewer visits the virtual tour on a mobile device, the gyroscope support will be turned on by default. (The visitor can turn it off by clicking on the gyroscope button again).

Use Custom Gyroscope Icon #

You can also use a custom icon for the Gyroscope button.

1. Simply go to the General tab and go to the Control Buttons tab.

2. Here, you should see the Gyroscope sensor option on the right side. Enable it.

Enable Gyroscope from Control Buttons

3. You can choose an icon of your choice and assign a color.

4. Once done, the tour will include a gyroscope icon on the top left side.

Virtual tour with Gyroscope
Gyroscope button on a tour

**If you use a custom gyroscope icon, it will appear on a tour even when visited via a computer, but it will not be usable. The gyroscope will only work on mobile devices, or other devices that support gyro function.

That’s it. You can try it out. It’s pretty cool.

And just like that, you can add more exciting features to your virtual tours.

Follow this guide to turn on an interactive Scene Gallery inside your virtual tour.

Follow this guide to set a soothing background audio to your virtual tour.