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

Google Street View is a great tool, allowing users to go around virtually anywhere in the world. It goes one step further by allowing a local business to have a 360 virtual tour of their interiors. If your business has a Google 360 virtual tour, you would want to use it in more platforms than just Google – for example on your website. We have created this guide to help you upload a Google 360 Virtual Tour on your Website.

How to Embed Google Street View Virtual Tour on WordPress

WordPress is one of the most popular website-hosting systems, so let’s start with how can you show your business on Google Street View on your WordPress site. These instructions will apply to both posts and static pages.
Go to Google Maps first at https://maps.google.com/.
Write your business name in the search box and pinpoint the exact location then click the Share or Embed link in the left corner of the map. Click on Embed Map and you’ll see a preview of what the custom map will look like.

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

Step 2: Click on your Google 360 Virtual Tour image

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

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

Step 5: Copy the embed code from Google Maps

Step 6: Paste the embed code on your website

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

For an idea of what that looks, like, check out the map at the bottom of this bakery’s page. Your website visitors will not even need to leave your site to see the business’ storefront, and if you have created a virtual tour, they can see the inside of the business as well.

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:

  • Head over to Blogger now and open your posts or pages, a common place to put a map is on the contact us page for example.
  • Make sure you are in HTML editor mode. Go back to Google Maps and copy the HTML embed code from item 6 on this list. On Blogger, paste the embed code.
  • 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 a way for developers to insert a code onto their websites that will display a Google Map in an interactive form. The embedding technology, the Google Maps Embed API, is highly customizable.
This means that features like indoor floor plans, directions and Street View can be included. Visitors to your site can see a preview of your virtual tour right on the page, no matter what backend system you used to build the site, stopping them from navigating away to a different page.
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.

Share on facebook
Share on twitter
Share on linkedin
Share on tumblr
Share on reddit
Share on pinterest