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.
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.
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.
After Settings is clicked, your Settings Dashboard will open.
Locate and click on the Templates and Tabs section.
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).
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.
Switch the option Show Google Virtual Tour tab to On, then click Save button!
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.
Your tab window will show the Static HTML editor where you will enter your Google Virtual Tour’s HTML code.
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.
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!
Now Your Tour Is Live!
- Go to the Look Inside App
- Click the large purple button “Click here to add the app to your Facebook page”
- Choose the page you want to add the Look Inside app to and then click “Add Page Tab”
- Follow the instructions to retrieve the link and add it to your tour. If we completed your tour, we sent the link to you in your congrats email.
- Click the button and you are done!
There are other ways of adding your 360 virtual tour to your Facebook page.
My360 has written a guide on how to do this: https://my360propertyvirtualtours.com/add-virtual-tours-facebook/