How To Embed Google 360 Virtual Tour On Your Website

Jason Moss:

Hey, Jason Moss here. And today I’m going to show you how to embed a Google three 60 tour on your website, okay. For your customers to view. It’s pretty simple. So take a look. The first thing you’re gonna want to do is go to Google and just search your business, okay? For this example, we’re going to be using a subzero, a showroom that’s out up in Chicago. This isn’t one of my clients or anything is just an example, okay? So once you do the Google search, a lot of times on the right hand side, you will have the Google my business knowledge panel show up, okay? Now this is what you don’t want to do, okay? You don’t want to click on see photos and come over to this area, okay? Because if you’re looking here, like this is a three 60 photo right here, you’ll see at the top, there’s no there, there’s no options, there’s no share options, there’s no embed options.

Jason Moss:

You can’t right click or anything to get other options. What you’re looking for is three little dots up here, next to this name, okay? So what you have to do is this. All right, come back to that search page. All right, your normal Google search page, you’re going to want to click on maps, okay, we have to go over to the maps section of Google. All right, so when you do that, you’re going to have the knowledge panel come up over here. All right, and now once you’re in this area, you just scroll on down to their photo section, okay? You can click on one of the three 60 photos or just click on photos here. All right, and when this pops up here, this little icon in the bottom left of photos means it’s a three 60 photo. You can also click on this area three 60 view.

Jason Moss:

Now the first photo that you want to show up on your website, like a, the beginning of the tour is the one that you want to find on here. Okay? Now I haven’t gone through this entire tour. I don’t know which one is the beginning of the tour. So that’s really up to you to find, but let’s just choose this one here. Okay, so we’re on this photo and at the top left here you will notice that now we have those three dots. We have options here. So when you click it, you have options for print, report, a problem or share or embed image, and that is exactly what we want to do. We want to embed this image, so we click on that. Click on embed a map. All right, we have this pop up and then we have our source code. All right, well you can click on copy HTML or right click copy, however you want to do it.

Jason Moss:

Just copy it. All right, now you go over to your website. Okay, and this is just an example website that I’m just playing around with. All right? But we’re going to embed it on this page. So, and I use WordPress. You might use something else. It’s kind of all the same process. We just need to embed that HTML on that page. So I’m going to just drop it right here in the text area, not the visual side. If you’re using WordPress, you want to use it on the tech side, drop it in, paste. There’s our code, and that’s how it’s gonna render. So if we go back, let’s update this and go and look at this page here. Now the tour is embedded on this webpage. Okay, very simple. And this is the starting page. And since this tour was made, the only pictures that are going to be available inside this embedded object are those two or pictures. So as you go through the tour,

Jason Moss:

Everything works. Everything is beautiful. You can even make it full screen. I mean, this is all hosted by Google, so it’s not slowing down your website or anything like that. Everything works like it should. All right, so very, very simple. If you want to, you know, play around with this, of course, you know, the size of it you can go back to like that the code and you can just simply change the width and the height of it, you know, and play around with it and make it as big or as small as you want. But yeah, it’s just like embedding any other map that you might embed or a YouTube embed code or anything like that. It’s, it’s very, very simple. Just make sure when you’re doing it, go over to the maps section so you can get those three dots to get that embed code. But I hope that makes sense. If you have any questions about it, leave a comment below. I’m happy to help. Thanks.


Continue Learning

Recommended Tutorials

Keywords Everywhere Review – Best Search Volume Chrome Extension

Keywords Everywhere Review – Best Search Volume Chrome Extension Keywords Everywhere Chrome Extension is my favorite keyword search volume tool. Links in description for everything & chapters! Chapters: Intro: 0:00​ What It Does: 1:00​ How It Works/Settings: 4:32​ Pricing: 5:43​ More...

How To Make a Facebook Group In 2021

How To Make a Facebook Group In 2021 Creating your Facebook Group Shouldn't Be So Hard. Here's how to make a Facebook Group in 2021 with all the new settings. CHAPTERS: Intro: 0:01​ Mention Of Youtube Group: 0:25​ Create FB Group: 0:53​ Join Our Youtube Group...

Download Transparent Images In Canva Free Account

Download Transparent Images In Canva Free Account Need Transparent Background In Free Canva? I got you!! Full Video Transcript Hey, everybody, Jason Moss here and today's video, I have another Canva tutorial for you,...

Canva Background Removal Tool Review

Canva Background Removal Tool Review Here's how to use the background removal tool with your Canva Pro account. Curious how it compares to hiring someone on Fiverr? I show that too! #canvabackgroundremovertool Full Video Transcript What's...

How To Whitelabel Go High Level (GHL) Account

How To Whitelabel Go High Level (GHL) Account 🔥 Get Your Go High Level FREE 14 Day Trial - Best CRM/Tool For SEO & LeadGen Agencies CRM, Website Builder, Funnel Builder, Autoresponder, Zapier Alternative, Voicemail...

Embed 360 Photo On Website

Embed 360 Photo On Website - Free for personal, paid for business/commercial, full screen, multiple pictures - Free and paid plans, full screen won't work, annotations are great -...

Group Leads Review After Buying Lifetime License!

Group Leads Review After Buying Lifetime License! Get Group Leads - Full Transcript: Jason Moss: Hey everybody, Jason Moss here. And in today's video, I'm going to go over one of my favorite new software slash Chrome extensions out...

How can we help you

Vestibulum bibendum finibus sapien, ut placerat ex sagittis porta. Ut placerat feugiat odio non ultrices. Morbi sit amet aliquet risus, et congue tellus. Phasellus at quam ac mi luctus commodo vitae sed felis. Ut semper dictum leo, at tristique dolor mollis in. Cras rhoncus quis nibh sit amet consequat. 


Outstanding service


Outstanding service


Outstanding service


Outstanding service

Get in touch

15 + 2 =

What we do

Why choose us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eleifend bibendum dignissim. Curabitur et metus at lorem volutpat sollicitudin.

*Special Hosting Offer For you*

There’s only a few hosting companies I recommend.

This is the one I use for all my “important” or “money” sites.

Follow us