How to embed a virtual tour in WordPress

Share on facebook
Share on twitter
Share on linkedin
How to embed a virtual tour in Wordpress

How to embed a virtual tour in WordPress

So there you have it, you built a beautiful virtual tour of a property, you added it to your Facebook page, shared it with your friends and now you want to embed a virtual tour in WordPress…. but how exactly is that done??

Today we will explain in detail: How to embed a virtual tour in WordPress

  1. Get the embed code of your virtual tour
  2. Open your wordpress installation
  3. Choose the page / property where you want to show your virtual tour
  4. Click on “text” (html)
  5. Add the embed code where you want to show it
  6. Done!

 

Sounds easy right? … no? Ok then follow the detailed instructions below and you will soon display your virtual tours on wordpress!

 


 

1. Get the embed code of your virtual tour. (for My360 users)

 

  1. When in “overview” click on the property you want to embed
  2. Click on the tab “virtual tours
  3. Click on the word “iframe” behind your chosen virtual tour
  4. Copy the embed code that now shows at the top of your tour

 

embed a virtual tour in WordPress

 

2. Open your WordPress installation

  1. go to www.yourwebsite.com/wp-admin/ (replacing “yourwebsite.com”with your url name)
  2. Click on the page / property where you would like to add your virtual tour

embed a virtual tour in WordPress

 

3. Click on “text” and paste your code where you would like to see the tour.

 

How to embed a virtual tour in WordPress

 

And you’re done!

NOTE: 

Sometimes, if you have a theme that has been created for real estate, you will already have a built in option for virtual tours, like the theme we are working with “Houzez”  

So in this theme you see a button called “360º virtual tour”: 

 

embed a virtual tour in WordPress

 

And adding the iframe code in this box, the tour will also show on the site:

 

embed a virtual tour in WordPress

 

Some themes don’t have a “Virtual Tour” features, but they do have a video link feature. Sometimes you can add the URL for the virtual tour in this box and it will show the virtual tour on your site. Mind you, this does not always work, but it is worth a try if the above does not work for you.

 

embed a virtual tour in WordPress

 

You can find the URL of your tour by clicking on “Preview” on the “Iframe” page. Then simply copy the URL to the page.

 

embed a virtual tour in WordPress

embed a virtual tour in WordPress

 

We hope this has helped!

Oh and as last note, you can change the size of your iframe by changing the width and the height of your frame in the embed code.

So if it is too big (or too small), in the code below you could change 650 to maybe 525 and the 450 to maybe 250. You can play with it until it suits your site.

 

embed a virtual tour in WordPress

 

If you have any doubts about the above, you can of course always contact us, or leave your comments below! Perhaps you have a better way to embed a virtual tour in WordPress? Please share with our readers, we would be interested to know what your way is!

 


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Other articles that may be of interest

Videos you may like:

Configure Max Clicks in your Virtual Tour | My360 Virtual Tour Software

479 views February 2, 2018 12:04 pm

Add Text to your virtual tour | My360 Virtual Tour Software

216 views February 2, 2018 11:56 am

Adding Images & Gifs to a virtual tour | My360 Virtual Tour Software

881 views February 2, 2018 11:54 am

Hide sensitive information in your virtual tour | My360 Virtual Tour Software

214 views February 2, 2018 11:29 am

How to add a video intro to your virtual tour | My360 Virtual Tour Software

848 views February 2, 2018 11:28 am

How to configure your default virtual tour settings | My360 Virtual Tour Software

579 views February 1, 2018 9:39 pm

How to add a basic text hotspot to your virtual tour | My360 Virtual Tour Software

285 views February 1, 2018 9:07 pm

How to add a single image to your virtual tour | My360 Virtual Tour Software

511 views February 1, 2018 9:04 pm

Create a basic virtual tour | My360 Virtual Tour Software

7K views February 1, 2018 8:56 pm

Embed Virtual Tour in Wordpress | My360 Virtual Tour Software

359 views October 6, 2020 4:15 pm

We may share links to Amazon products on our articles. As an Amazon Associate we earn from qualifying purchases, this allows us to continue to give you free information. It does not make the product on Amazon any more expensive and helps keep this website and its information 100% free of charge!

Recent Posts

Stay Updated

Popular Videos

How to create a basic virtual tour
Play Video
How to add a single image to your tour
Play Video
How to embed your tour in your website
Play Video