To create a 360° virtual tour from your WordPress dashboard, follow these steps:
Install and Activate the Plugin:
You can get the free version in the WordPress repository at https://wordpress.org/plugins/wpvr/
And you get both the free or the premium version here: https://rextheme.com/wp-vr-360-panorama-and-virtual-tour-creator-for-wordpress/
Go to your WordPress dashboard and select Plugin > Add New.
Search for new plugins with WP VR and you will find our plugin as shown in the image below:
Click on “Install” and then “Activate”.
If you download from RexTheme website, Go to add new Plugin > Add New. On top, you will get the option to “Upload Plugin”. Simply upload the plugin and activate it.
WPVR dashboard options:
Look for Wpvr option from your dashboard. Under Wpvr, you will get the options ‘Get Started’ which provides you with all documents and tutorials you require, ‘Tours’ which will contain the virtual tours you already created an ‘Add New Tour’ to create a new virtual tour.
Embedding A Virtual Tour:
Each item/virtual tour you create will generate its own shortcode automatically, which will be below the publish button when you create the tour or you can collect from ‘Tours’ option in the dashboard. For example, [wpvr id= “24”].
For Classic Editor, copy and paste the shortcode on your page and edit it to the following format:
[wpvr id = “24” width = “600px” height = “400px”]
You can use any height and width dimension according to your requirements. You can also add a custom class to apply custom design:
[wpvr id = “24” width = “600px” height = “400px” class=“myclass”]
For Gutenberg block editor, use the following instructions:
The plugin creates a WPVR block type under the common blocks of Gutenberg.
Hence, go to a post or a page and click on add block icon (the + icon) and select block type as “WPVR”. And a block will be added as shown in the following image:
Once Block is added, click on the Settings icon on the top-right corner of the page and select the Block menu for the toolbar of WPVR block.
Here, you can see you need to provide “id”, “Width” and “Height”. Collect the id from the shortcode generated when you created an item/tour.
Once you provide data in the field, the block will update the data.
Now, you can preview or publish the page and you will see that the virtual is embedded on your page.
Creating A Virtual Tour:
When you click on ‘Add New Item,’ First you need to name the tour under Title.
Below that, you will get the setup options which includes the three menus on the page: ‘General Settings’, ‘Scenes’ and ‘Hotspot.’