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.

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 add an "Add To Cart" button to your virtual tour | My360 Virtual Tour Guides

47 views July 14, 2022 9:43 am

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

52 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

65 views May 31, 2022 10:03 am

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

19 views May 13, 2022 2:45 pm

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

68 views March 9, 2022 12:41 pm

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

444 views March 8, 2022 3:08 pm

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

515 views February 2, 2018 12:04 pm

Add Text to your virtual tour | My360 Virtual Tour Software

233 views February 2, 2018 11:56 am

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

1.1K views February 2, 2018 11:54 am

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

231 views February 2, 2018 11:29 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