If you’re using Visual Composer Website Builder, you can easily embed WPVR virtual tours on your WordPress website.
WPVR has a dedicated Visual Composer element named WP VR Visual Composer Element that you can use to:
In this guide, you’ll learn how to use the WP VR Visual Composer Element to publish a virtual tour on your website.
Let’s get started.
Once you have created at least one virtual tour using WPVR, follow the steps below:
Choose to edit an existing page or a new page on your website using Visual Composer.
On the search bar for Visual Composer Elements, type “WP VR”.
The thumbnail for the WPVR Visual Composer Element will appear on the result.
Now if you hover on the thumbnail, you’ll see the preview image of this add-on.
Drag the WP VR thumbnail, and drop it on your page where you want to publish the tour.
It will add the element on your page and give you the options to set your Tour ID, Tour Width, Tour Height, and Radius of the tour.
These fields will be available here:
This is a drop down field and if you click on it:
Choose your desired tour from this list.
Here, you can set a width for your virtual tour on the front-end.
If you’ve chosen a Tour ID, it will appear in the element along with your width value.
In this field, you can set a custom height value to your virtual tour for the front-end.
This field allows you to set a radius for your virtual tour.
**You can also keep this field empty, then no radius will be assigned to your tour.
Once you’ve set these for your tour, publish or update the page.Here is how the virtual tour will look like once you’ve published on your page:
As you can see, it’s really easy to publish WPVR virtual tours on your WordPress website using Visual Composer Website Builder.