How to embed a virtual tour in WordPress

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.

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:

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

25 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

45 views May 31, 2022 10:03 am

How to set maximum clicks on your virtual tour to force a contact form

16 views May 13, 2022 2:45 pm

How to shoot & create a virtual tour in just 30 minutes

55 views March 9, 2022 12:41 pm

How to Embed Your Virtual Tour on WIX | My360 Virtual Tour Software

207 views March 8, 2022 3:08 pm

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

506 views February 2, 2018 12:04 pm

Add Text to your virtual tour | My360 Virtual Tour Software

231 views February 2, 2018 11:56 am

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

973 views February 2, 2018 11:54 am

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

225 views February 2, 2018 11:29 am

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

885 views February 2, 2018 11:28 am

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