How to Embed a Google Tour in Facebook

1 - Log into your Facebook page then go to the Woo Box App and install it.

Authorise the app when prompted.

Next we get the embed code from google. Open your google tour in a new window...

How to Customise and Get the Code to Embed a Google Tour in your Website or Blog

You and your clients can embed Google Maps virtual tours using the Google Maps Embed API for free, with no quotas or request limits. Feel free to check out more information about how to use this API here.

You can also find the html code for embedding a tour on Google Maps:

1. Click on the vertical menu icon
Warning: Use of undefined constant id - assumed 'id' (this will throw an Error in a future version of PHP) in /home/sites/6a/e/e476ae0763/public_html/business/wordpress/wp-content/plugins/php-execution-plugin/includes/class.php_execution.php(273) : eval()'d code on line 7
at the top of the tour to access menu. (If you cant see this menu, you may not be in google maps and may need to try accessing the tour from google maps)

2. Select Share and Embed image.

Warning: Use of undefined constant id - assumed 'id' (this will throw an Error in a future version of PHP) in /home/sites/6a/e/e476ae0763/public_html/business/wordpress/wp-content/plugins/php-execution-plugin/includes/class.php_execution.php(273) : eval()'d code on line 11

3. Select Embed image option.
4. Select the size of the desired imagery. (you can also customise to a specific size)
5. Now copy the embed script so you can paste it into your website or iFrame/embed gadget.

I recommend a width of 800 and a height of about 550 for a facebook tab.

Go back to your Facebook page and click on the new tab titled 'Welcome'.

After you add the app, go to your page and click on the Welcome tab to start editing.

(If you do not see the tab, click on the drop down arrow to reveal any additional tabs)

Warning: Use of undefined constant w - assumed 'w' (this will throw an Error in a future version of PHP) in /home/sites/6a/e/e476ae0763/public_html/business/wordpress/wp-content/plugins/php-execution-plugin/includes/class.php_execution.php(273) : eval()'d code on line 19
Philip Edwards Photography

Edit the WooBox settings

Paste the google code into the editing box.
Change the tab name and tab image.

Final Result

Click 'Save Settings' and then click on your new tab to see the result. You can also rearrange the order of the tabs.