How to add your virtual tour to Elementor

add your virtual tour to elementor

Elementor is a very intuitive engine to build excellent wordpress websites with little or no knowledge of coding or CSS. If your website runs on Elementor, then you may be wondering how you can add your virtual tour to your website using Elementor. 

Today we will show you step by step how to do it… it’s easy! 

Here’s the quick guide: 

  1. copy your embed code from the tour profile you wish to display on your website
  2. Go to your website, open the page “Edit with elementor”
  3. Drag an HTML block (search for html) to your page
  4. Paste the embed code from My360 into the html block. 

Step 1 - Get Embed Code

Add your virtual tour to Elementor

First we need to generate an “Embed” code for your virtual tour. 

  1. Click on MM Management > overview and select your virtual tour. 
  2. Click on the tab “virtual tours” and then click on “iframe”
  3. On the next page, scroll down and click on “copy” under the embed code

Step 2 - Add to page

Add your virtual tour to Elementor

Now we go to the page in your website where you want the virtual tour to show. 

  1. In your website click on “pages”
  2. Click on “edit with elementor” next to the page you wish to edit

Step 3 - Paste your code

Add your virtual tour to Elementor

All that’s left to do now is to paste the code you copied in step 1

  1. Search for the HTML widget and place it in your page
  2. Paste the embed code in the HTML section
  3. Hit “publish” and you’re done!

Wow, you did it! You learned how to add your virtual tour to elementor! That wasn’t all that complicated was it? Let us know in the comments if you had any issues or if we can help!

Don’t forget, if your tour is a little too big, you can make the colum it is in smaller by cliking on the “row” and then changing the content width to “boxed”, then you can play around with how wide you want it to be. 

Not using elementor? Click here to learn how to embed your virtual tour in wordpress. 

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

482 views March 21, 2023 5:09 pm

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

186 views March 21, 2023 5:18 pm

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

135 views February 2, 2023 4:09 pm

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

145 views February 1, 2023 3:39 pm

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

210 views July 14, 2022 9:43 am

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

112 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

123 views May 31, 2022 10:03 am

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

40 views May 13, 2022 2:45 pm

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

145 views March 9, 2022 12:41 pm

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

1.4K 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