How to embed a Google virtual tour on Facebook

How to embed a Google virtual tour on Facebook

Facebook Pages are a heavily used feature of Facebook. Major brands, celebrities, and organizations use Facebook Pages as their social home on the web. Besides standard tabs like “About”, “Events” or “Photos” you can add custom Page tabs via the Facebook platform. These custom Page tabs load content from your webserver using an iframe. Page tabs will only be displayed in the web UI. Mobile custom tabs are not supported at this time.

The Page Tabs feature is only available to Pages with 2000 or more fans, or pages managed by whitelisted apps.

Here is what is happening: Last April Facebook changed how they define page permissions for pages with less than 2,000 fans due to some folks using facebook tabs for spamming purposes.

Updated March, 30 2018

In this article you will find an updated version of how to embed a Google virtual tour on Facebook

Step 1

Go to https://apps.facebook.com/static_html_plus/ and login to your Facebook account click on “Add Static HTML to a Page”

How to embed a Google virtual tour on Facebook Step 1
How to embed a Google virtual tour on Facebook Step 1

Step 2

Select the Facebook Business Page to which you want to add your virtual tour to and click on Add Page Tab.

How to embed a Google virtual tour on Facebook Step
How to embed a Google virtual tour on Facebook Step

Step 3

Go to Google Maps and locate your business. Click on one of the 360 tiles to access the Google virtual tour which you would like to add. (Please note that currently the embed mode can only be found on maps, if you click on photos on the knowledge graph the embed option will not be available)

How to embed a Google virtual tour on Facebook Step 3
How to embed a Google virtual tour on Facebook Step 3

How to embed a Google virtual tour on Facebook Step 3-2
How to embed a Google virtual tour on Facebook Step 3-2

Step 4

Once you are in your Google virtual tour, click on the settings sprocket icon to access the settings menu. Select “Share or embed image”.

How to embed a Google virtual tour on Facebook Step 4
How to embed a Google virtual tour on Facebook Step 4

Select “Embed image” and copy the iframe code in the dialog box and select the large size on the embed menu or adjust the iframe width & height as needed and add to your Facebook tab.

How to embed a Google virtual tour on Facebook Step 4-2
How to embed a Google virtual tour on Facebook Step 4-2

<iframe src=”https://www.google.com/maps/embed?pb=!1m0!4v1510070652393!6m8!1m7!1sCAoSLEFGMVFpcE1SdENUNGNabUIwejJURU11bVIxSkdKRFRhZGg2ang4VG55SlNK!2m2!1d41.99229894599531!2d-87.86397017518152!3f178.8811342446892!4f-2.026068075685629!5f0.7820865974627469″ width=”800″ height=”600″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

Step 5

Visit your Facebook page and you will see a new tab on the bottom called “Welcome” click on it and select the Edit Tab.

How to embed a Google virtual tour on Facebook Step 5
How to embed a Google virtual tour on Facebook Step 5

Replace the default content and paste in your Google virtual tour iframe code. Click on Save & Publish

How to embed a Google virtual tour on Facebook Step 5-2
How to embed a Google virtual tour on Facebook Step 5-2

How to embed a Google virtual tour on Facebook Step 5-3
How to embed a Google virtual tour on Facebook Step 5-3

Change your Google virtual tour tab’s name

You may also want to change your tab’s name. To do so, once you paste Google virtual tour iframe code on your tab content click on the Actions menu and select the option “Edit name and image” rename the tab and click on Save tab name

How to embed a Google virtual tour on Facebook Change your tab’s name 1-1
How to embed a Google virtual tour on Facebook Change your tab’s name 1-1

How to embed a Google virtual tour on Facebook Change your tab’s name 1-2
How to embed a Google virtual tour on Facebook Change your tab’s name 1-2

Change your Google virtual tour tab’s position

To change your Google virtual tour tab’s position, click on Facebook page Settings Button and select Edit Page

How to embed a Google virtual tour on Facebook Change your tab's position 1-1
How to embed a Google virtual tour on Facebook Change your tab’s position 1-1

How to embed a Google virtual tour on Facebook Change your tab's position 1-2
How to embed a Google virtual tour on Facebook Change your tab’s position 1-2

At the bottom of Options, you will find your custom tab Welcome or Virtual Tour if you changed the name drag and drop your tab to the position you want it showing in the menu and go back to your Facebook page.

How to embed a Google virtual tour on Facebook Change your tab's position 1-3
How to embed a Google virtual tour on Facebook Change your tab’s position 1-3

How to embed a Google virtual tour on Facebook Change your tab's position 1-4
How to embed a Google virtual tour on Facebook Change your tab’s position 1-4

You are all set

You have added your Google virtual tour to your Facebook page

See it live

How to embed a Google virtual tour on Facebook Done
How to embed a Google virtual tour on Facebook Done