Tips & Tricks

1. How do I add my tour to my website?

Google Maps allows you to embed your virtual tour on your website using HTML iframe code. See example

Step-by-Step Instructions

1. Navigate to a starting position within the virtual tour. (It will embed exactly as shown.)
2. Click on the icon with 3 vertical dots in top-left corner, located to the right of the property name. After clicking, select "Share or embed image."
3. Click "Embed image" tab in the window that opens.
4. Choose the size of the window you want the tour to display in (see dropdown at left where the default size is "Medium" however you can change this to "Small" or "Large" or a custom size of your choosing).
5. To the right of the size dropdown, the code will be generated. Click and copy (CTRL + C) the code.
6. Paste the code into your webpage, blog, email or any HTML friendly field using paste (CTRL + V).

​Done!

2. How do I embed my tour on Facebook?

Adding your virtual tour to your Facebook Business Page is another great way to promote your space online! We recommend adding a custom tab to your Facebook page called "Virtual Tour" where the tour can reside. See example

Step-by-Step Instructions

1. Open a new browser window and log in to your Facebook Business page.
2. Click this link to install an applet called Woobox Static Iframe tab that will allow you to create a custom tab on your page for the tour. Click on "Install Page Tab." A new tab called "Welcome" by default will be created and you'll be prompted to configure it.
3. In the Edit section of Woobox, paste the code for the tour in the "Page Source" area. To get the code, open another browser window and go to your Google virtual tour. Navigate to a starting position within the virtual tour, the point at which you want the tour to begin on Facebook. (It will embed exactly as shown.) Click on the icon with 3 vertical dots in top-left corner, located to the right of the property name; after clicking, select "Share or embed image." Click "Embed image" tab in the window that opens. Choose the size of the window you want the tour to display in (see dropdown at left where the default size is "Medium" however you can change this to "Small" or "Large" or a custom size of your choosing. (We recommend a custom size of 800 px wide x 600 px tall.) Click and copy (CTRL + C) the embed code to the right of the size dropdown. Paste (CTRL + V) the code into the "Page Source" section. Save Settings.
4. In the Tab Settings section of Woobox, you can set the Tab Image and Tab Name. We recommend "Virtual Tour" for the Tab Name. Save Settings.
5. In the Share Settings section of Woobox, you can set the Share Image, Title and Description as well as add a Share button for the tour (recommended). Save Settings.
6. Configuration complete! At top of the Woobox page, click the "View Facebook Tab" link to see the new tab you've created and make sure you like what you see.