How To Embed a Google 360 Virtual Tour On Your Website (Illustrated Guide)

The competition is ever-increasing in Google’s search engine result page, as more businesses are becoming aware of the importance of optimizing their listings so that it appears at the top of the search results. With Google Virtual Tours, your business can differentiate itself from the rest by giving a 360-degree tour of your business to users without them actually being there.

How to Embed Google Street View Virtual Tour on WordPress

WordPress is a free and open-source content management system. Please follow the steps below to display a Google Virtual tour on your WordPress website.

Step 1: Go to Google Maps and find your Google My Business listing

google map menu

Step 2: Click on your Google 360 Virtual Tour image

location of 360 view

Step 3: Chose the initial view of your Google virtual tour that will appear on the website

navigate google virtual tour

Step 4: Click on the 3 dots in the top right corner of your virtual tour information and select ”share or embed image”

embed google virtual tour drop down menu

Step 5: Copy the embed code from Google Maps

embed google virtual tour

Step 6: Paste the embed code on your website

Final Result: See a 360 virtual tour | Maui Nui Luau - Sheraton Maui Resort & Spa

Embedding a Map or a Virtual Tour on the Squarespace website

After you completed steps 1 to 5, please do following steps:

  • In Squarespace, open the editor for the page or post where you’ll place the file.
  • Click an Insert Point and add a Code Block.
  • Paste the embed code into the Code Block and click Apply.
  • Click Save.

Embedding a Map or a Virtual Tour in a Blog Post on Blogger

After you completed steps 1 to 5, please do following steps:

  • Open your posts on Blogger. A usual place to put a map is on the contact us page.
  • Make sure you are in HTML editor mode. Go back to Google Maps and copy the HTML embed code from the Step 5 on this list. Paste the embed code on Blogger.
  • A preview of the map will be available if you switch to compose mode, or you can preview the total page. Click the Publish button.
  • Finally, view the post again to make sure that everything looks OK.

Embedding a Map or a Virtual Tour in the Sidebar

Blogger does not currently have a gadget or widget that will add a Google Map or Street View in your blog sidebar. However, you can add these to your sidebar with a simple procedure similar to the above method for adding to a blog post.
Firstly, copy the “iFrame” embed code. Set a custom width and height that will ensure the size of the map or tour fits into your sidebar. Go your blog dashboard and go to the Layout section.
Then, click to add a Gadget. Select “HTML/JavaScript gadget” in the options and paste the embed code into the content box. Click on Save.
That’s it, you have now added your business location to the blog sidebar.

Embedding a Google Street View Virtual Tour on Any Website

Google has provided a solution for developers to insert a code which enables any websites to display Google Map in an interactive form. The Maps Embed API allows users to incorporate interactive maps, or Street View photos onto their websites with just a simple HTTP request. Meaning that features such as indoor floor plans, directions, and Street View can also be implemented onto your website. Visitors can now preview your virtual tours straight from your website, regardless of which backend system you used to build your site. This creates a more enjoyable experience for visitors as they can get everything they need all in one place, as opposed to navigating to a different page to view your virtual tour.
Now, here’s a step-by-step guide on how you can insert Google Street View Virtual Tour onto any website:
Step 1: Search for a location on the Google Maps page on your preferred browser.
Step 2: Enter Street View mode, and click on the settings icon, which is located in the bottom right-hand corner.
Step 3: There is an option to embed images, as well as the necessary code to be applied.
Step 4: Take the code and apply it to your site onto the appropriate page
And as simple as that, your virtual tour is now shared onto your website!
In addition, developers have the option to define a latitude and longitude or a panorama ID to specify a location and even the pitch of the camera. You can enjoy the freedom of embedding as much as you want as they are no usage limits.
Here’s how to insert the Google Street View virtual tour on any website.
The first step will be to search a location in the normal Google Maps page in your browser. Enter Street View mode, then click on the settings cog, which is in the lower right-hand corner. There is an option to embed your image, as well as the necessary code.
Take the code and drop it into your site on the appropriate page. You’ve now shared the virtual tour on your site.
As a developer, you have the option to specify a latitude and longitude or panorama ID to pick your location, and the pitch of the camera. There are no usage limits, so you can embed as much as you want.

How to get a Google Street View 360 Virtual Tour?

Scheduling a photo shoot to enhance your Google listing is easy.
Contact us  today to learn how to get a virtual tour of your business up on Google.

A typical business receives 59 actions from their Google My Business listing each month.
16% of businesses receive more than 100 calls each month from GMB.
We can optimize your Google My Business listing to make it one of your primary online traffic sources.