Welcome back to another Momentum 360 blog! Today we’re going to look at how to embed a Google virtual tour onto your own website. By having a virtual tour on your website, you make it easier for potential clients and customers to view a space or location without having to visit it in-person. Making a virtual tour directly available on your website also allows your potential clients and customers to have a more user-friendly experience when interacting with your website and/or services.
For our example, we’ll be using one of our favorite Italian restaurants known as Savona. Located in Gulph Mills Pennsylvania, Savona includes a bar, lounge, and outdoor patio for wining and dining with friends and family.
To get started, enter the facility and its address into Google Search so you can find its Google My Business page. The location’s Google My Business page should be among the results that show up on the first page.
If you don’t see the location’s Google My Business page, you might have to do some extra digging. The address should be enough information for the location to show up.
Add any additional information of the company to your Google search if needed to find its Google My Business page.
Locating Your Virtual Tour
Once you’ve located the Google My Business page of the location, navigate to Google Maps. Do this by clicking the Maps tab under the Google Search bar. Once you’re under the Google Maps page of the location, scroll down to where you see the business Photos tab.
The virtual tour should already be available on the Google My Business page. You will see it underneath the Photos tab.
Within the Photos carousel, you should see an option to view “Street View & 360” photos. This subcategory contains 360 degree photos including your virtual tour. Find your virtual tour, and then select the bullet icon in the top left corner of the tour. This will give you the option to share and embed the virtual tour anywhere you want to.
Posting Your Virtual Tour
Choose to share and embed it. The following pop up box gives you the option to share the tour as a link or embed it as a map onto a page.
For our purposes, we want to embed the tour onto our website. So, select the option that allows you to embed it as a map. You also have the option to select the size of the virtual tour. The various sizes include small, medium, large, and custom size.
Once you’ve selected the size of the tour, take notice of the HTML code to the right. This code is what you will need to embed the tour onto your website page. This HTML code contains all of the information of your virtual tour, including the specific size that you selected.
When you’re done, copy the HTML of the tour and paste it to the page on your website. Before you post it, of course, preview it and make sure it looks good.
Whether you have WordPress, Wix, Weebly, Squarespace, etc., whichever website provider you have, pasting it is very simple. All you have to do is add a content block, and then paste the code to where you see fit on your website.
Our Virtual Tour Services
Here at Momentum 360, we provide virtual tour services in several locations across the country, including Philadelphia, Brooklyn, Baltimore, Dallas, and many more. Feel free to take a look at our stunning collection, and contact us if you need expert assistance with your virtual tour services.
To reiterate, you want to go to the Google My Business page of the location of the virtual tour you want. You’re going to find the Google My Business page on Google Maps. Scroll down to where you see the Photos carousel, and choose the “Street View & 360” photo option. Find the virtual tour that you want. You are able to choose where you want the virtual tour to begin.
For example, if you want it to start at a certain place on the location, you can navigate to that point. When ready, simply select the top left icon that gives you the option to share the virtual tour.
As explained, you can alter the size of the tour, ranging from small, medium, large, to custom size. Once you’ve selected the size of the tour that you want, copy the HTML code to the right. Now, you’re ready to paste the code onto your website.
Note, it doesn’t matter whether your website provider is WordPress, Wix, Weebly, Squarespace, etc., whichever website provider you have, pasting it is very simple. All you have to do is add a content block to your page. Once your content block is up, you can easily paste the code to the page that you want on your website.
We hope this was helpful to you. If you have any comments or questions, leave them down below. If this blog was helpful, share it on Twitter with people you know here.
Thank you for reading. To stay on top of news, updates, advice, and tips related to virtual tours and online marketing, subscribe to us here.