Tutorial

How to add a Virtual Tour to Your Website? (Step by Step)

02/12/2021

Adding a virtual tour to your website is an essential thing to introduce your places impressively. It may boost the value of properties through short tours and bring you lots of benefits. This article will instruct you on how to embed a virtual tour on your website with a few clicks.

WordPress is the most popular platform when about 37% of all websites use this platform as the main website administration. Wix is famous for its user-friendly and easy-to-use website builder by helping over 200 million clients. Squarespace is also highly efficient with a modern and efficient design suitable for professionals, and Weebly is a no-cost and easy website builder that does not require any programming. These website builders are excellent and allow virtual tours to be integrated into Iframe without difficulties.

I. ADDING A VIRTUAL TOUR TO WORDPRESS (Vanilla WordPress Editor)

1. Go to your WordPress Dashboard and edit any posts that you want to integrate the virtual tour.

2. Add a block and transform it to custom HTML Code.

Add A Virtual Tour WordPress 1
There are two “+” buttons: In the left corner and the blank.
Add A Virtual Tour WordPress 2
How to add a Virtual Tour to Your Website? (Step by Step) 19
Add A Virtual Tour WordPress 3
How to add a Virtual Tour to Your Website? (Step by Step) 20

3. Open Panoee > Click the share button on Panoee Studio and copy the Iframe link from Embedded Code.

Embed Code Panoee Studio
How to add a Virtual Tour to Your Website? (Step by Step) 21

4. Paste the embedded code and click “Preview”.

Add A Virtual Tour WordPress 4
How to add a Virtual Tour to Your Website? (Step by Step) 22

II. ADDING A VIRTUAL TOUR TO WIX (Wix Website Editor)

1. Open Editor and add your tour by clicking “+” to add a new section.

2. Click Embed > Custom embeds > Embed a widget.

Add A Virtual Tour Wix 1
How to add a Virtual Tour to Your Website? (Step by Step) 23

3. Open Panoee > Click the share button on Panoee Studio and copy the Iframe link from Embedded Code.

Embed Code Panoee Studio
How to add a Virtual Tour to Your Website? (Step by Step) 24

4. Go back to Wix > Click enter code and paste the iFrame link > Click update.

Add A Virtual Tour Wix 2
How to add a Virtual Tour to Your Website? (Step by Step) 25
Add A Virtual Tour Wix 3
How to add a Virtual Tour to Your Website? (Step by Step) 26

III. EMBEDDING THE TOUR TO SQUARESPACE

1. Open the editing site and add a section > Select any type to create a new section.

Embed The Tour Squarespace 1
How to add a Virtual Tour to Your Website? (Step by Step) 27

2. Click “+” in your newly created section and select “Embed”.

Embed The Tour Squarespace 2
How to add a Virtual Tour to Your Website? (Step by Step) 28

3. Click the embed data symbol > Open Panoee Studio > Click the share button and copy the Iframe link from Embedded Code.

Embed Code Panoee Studio
How to add a Virtual Tour to Your Website? (Step by Step) 29

4. Paste the embedded code to the Embed Data. You can adjust the width and height by editing the pixels of embedded code.

5. The virtual tour preview will appear in a second.

Embed The Tour Squarespace 3
How to add a Virtual Tour to Your Website? (Step by Step) 30

IV. EMBEDDING THE TOUR TO WEEBLY

1. Open Weebly editing site. You can see “Embed Code” on the left side.

2. Drag “Embed Code” into your selected area.

Embed The Tour Weebly 1
How to add a Virtual Tour to Your Website? (Step by Step) 31

3. Click to the added embed code > Edit Custom HTML.

Embed The Tour Weebly 2
How to add a Virtual Tour to Your Website? (Step by Step) 32

4. Open Panoee Studio > Click the share button and copy the Iframe link from Embedded Code.

Embed Code Panoee Studio
How to add a Virtual Tour to Your Website? (Step by Step) 33

5. Paste the embedded code to the box.

Embed The Tour Weebly 3
How to add a Virtual Tour to Your Website? (Step by Step) 34

6. Your virtual tour will appear instantly.

Embed The Tour Weebly 4
How to add a Virtual Tour to Your Website? (Step by Step) 35

Virtual tours are going to be applied widely in various fields due to the awareness of digital transformation. This tutorial is essential and brief for everyone to embed virtual tours to common website builders like WordPressWixSquarespace, and Weebly. Other uncommon website builders will function the same based on what you have known through this article.

Related Posts

Virtual Tour App for an Art Gallery
19/10/2022

There is a large number of people in this world who have a great interest in the field of art. Unfortunately, visiting and enjoying the art in person cause some difficulties from time to time; especially in the context of post-Covid-19 where several limits are set on traveling within the biggest cities of art. On… View Article

Knowledge
Top Free Virtual Tour App – Which is the best?
19/10/2022

In this article, these are tools designed to simplify the process of creating a virtual tour. And Panoee is one of the high recommendations. Without worrying about the pricing if you need basic Virtual Tours with basic features to showcase your photography, Panoee is entirely free to use! The Free Plan does have some limitations;… View Article

Knowledge
Best Virtual Tour Real Estate App Download
18/10/2022

Most of us have probably tried virtual tours at one time or another. Such terms are highly prized by both everyday people and companies, but certainly, carry the most practical and financial use to businesses and institutions. Anyone who going to create this sort of solution likely has many questions about the format, features, and… View Article

Tutorial