Facebook Embed Guide
Embed Your Tour on Facebook
Our Step-by-Step Guide
Disclaimer: Facebook only permits pages with 2,000 Likes or more to add custom tabs – Source
Update Sept. 2020: Facebook has changed their website starting September 2020. We are currently researching how to update the guide to reflect these changes to embed virtual tours on Facebook’s new design.
Note: Our guide was made using “Classic” Facebook which was replaced by Facebook’s new design as of September 2020 – Click Here To Read More.
We are currently looking into how to embed tours on the new Facebook.
Step 1.
To embed your Google Virtual Tour on your Facebook profile, visit the Static HTML: iframe tabs app page on Facebook and click the button:
Add Static HTML to a page
Step 2.
Choose the page you wish to add a tab to by clicking the drop-down menu options. Once your desired page is selected in the drop-down menu, click the button Add Page Tab.
Step 3.
With the appropriate administrator account logged in, visit your Business Profile page and click on Settings located near the top right side of your Facebook interface.
Step 4.
After Settings is clicked, your Settings Dashboard will open.
Step 5.
Locate and click on the Templates and Tabs section.
Step 6.
Once your Templates and Tabs section is open, locate the button Add a Tab to create a new tab to embed your virtual tour.
Note: Your tab will be labeled as Welcome when it is first added. You need to rename this tab
(ie: Google Virtual Tour).
Step 7.
Your new Static HTML tab will appear. Again, please take note that your new tab will appear as Welcome before you change it. Click on Settings to edit its name.
Step 8.
Switch the option Show Google Virtual Tour tab to On, then click Save button!
Step 9.
Open your Business profile page and locate your newly created tab for your Google Virtual Tour. Click on the button Set up tab to add your virtual tour.
Step 10.
Your tab window will show the Static HTML editor where you will enter your Google Virtual Tour’s HTML code.
Step 11.
Copy the full HTML code to your clipboard by highlighting it & right clicking the option to Copy, or using keyboard shortcut CTRL+C. Paste the code into the index.html tab. Once pasted, click the button Save & Publish.
Pro-Tip:
You can also adjust the dimensions of the tour by replacing the numbers in width and height in the code. We suggest “1000” width and “600” height!