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. 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:

How to Shoot A Virtual Tour With The Ricoh Theta Z1 | My360 Virtual Tour Software

943 views March 21, 2023 5:09 pm

Ricoh Theta Z1, Trisio 360 & My360 VR Kit Compared | My360 Virtual Tour Software

339 views March 21, 2023 5:18 pm

How to shoot a virtual tour with the Trisio360 2 Lite camera | My360 Tours

232 views February 2, 2023 4:09 pm

Make a Virtual Tour With Your Phone | My360 VR Kit | Virtual Tour Software

297 views February 1, 2023 3:39 pm

How to add an "Add To Cart" button to your virtual tour | My360 Virtual Tour Guides

259 views July 14, 2022 9:43 am

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

134 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

135 views May 31, 2022 10:03 am

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

45 views May 13, 2022 2:45 pm

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

185 views March 9, 2022 12:41 pm

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

1.8K views March 8, 2022 3:08 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