How to add a map to your Facebook page

In the first part of this tutorial we provide instructions on how to add a map to your Facebook business page. The tutorial covers how to add two different types of maps:

Both types of maps have advantages.

  • Built-in Facebook map: Allows users to check-in on Facebook, but it is static and simply points to your location.
  • Google Map: A live and interactive map that supports a host of features. You can give directions, switch between satellite and standard view, show Street View, and a lot more.

You can add both Google Maps and the built-in Facebook map if you like. You could, for example, show directions or Street View on a Google Map, and your static location on the built-in map.

Facebook does not offer Google Maps by default, but you can add them without difficulty or advanced technical skills. The process involves adding a custom tab and then embedding a Google Map, but the results are well worth it. Note that Facebook requires that your business page have 2000 likes or more to be allowed to add a custom tab.

Having a map, not matter the type, on you Facebook business page has a number of benefits:

  • Location: A map helps customer find your physical business. This is especially important for local businesses
  • Authenticity: Advertising your location gives your business authenticity and credibility. Users know you are not a fly-by-night, who exists only in cyberspace.
  • Convenience: Not all users have the skill or patience to find your address electronically. Providing a map makes it clear where you are.

 

Contents

How to add the built-in Facebook map to your business page 2

How to add Google Maps to your Facebook business page 4

Adding a custom tab to your Facebook business page 5

Creating a map on Google Maps 8

Embedding the Google Map in the custom tab 9

Enjoy your maps 11

How to add the built-in Facebook map to your business page

Adding the built-in Facebook map to your business page should be straight forward, but things can get tricky if the map does not recognize your address.

To add the built-in Facebook map:

  1. Login to Facebook and open your business page.
  2. Click in the header and then click Edit Page Info. <more-icon.png>
  3. Click Location:
    • Check Has a street address.
    • Enter your address. The most important box is the second one for City/Town. For the map to recognize your address, this box must turn blue. If it does not, you can try alternative spellings or even a nearby city or town. You can zoom in and out and reposition the pin to show a more accurate location, if necessary.
    • Check Customers visit my business to ensure that your address is visible and that users can check-in.
  4. Click Save Changes.
  5. Close the Edit your details dialog if necessary and return to your business page.
  6. Click the About tab to verify that you address displays correctly.
  7. Users can click the map in the About section to open an overlay zoomable map.

How to add Google Maps to your Facebook business page

Adding a Google Map to your Facebook business page involves three steps:

  1. Adding a custom tab to your page.
  2. Creating a map on Google Maps.
  3. Embedding the map in the custom tab.

Google Maps offers a very rich environment and far more features than the simple static map offered by Facebook. The browser embedded in the custom tab has almost as much functionality as the map on Google Maps.

To keep things simple, we use a free Facebook app to add the new custom page tab. No coding or advanced technical expertise are required.

Note that Facebook only allows you to add a custom tab if your business page has 2000 fans or more.

Adding a custom tab to your Facebook business page

To add a custom page tab:

  1. Open Facebook.
  2. Type Woobox Custom Tab in the search box.
  3. In Apps, select the Woobox Custom Tab app and click Use Now.
    <woobox-app-use-now.png>
  4. On the Woobox Custom Tab page click Install Page Tab.
    <install-page-tab.png>
  5. Select your Facebook business page in the drop-down and click Add Page Tab.
  6. The new tab, named Welcome, will open on your business page.
    <welcome-tab.png>
  7. In Tab Settings click Configure Page Tab.
  8. To authorize the app, click Continue as <your name> on the first screen and then Ok on the second screen.

  9. The Woobox configuration page opens where you can add custom content, configure tab settings and more.
  10. We will come back to these settings in Embedding the Google Map below. For now, we simply change the tab name to Map. To do this, click Tab Setting in menu, enter a name in Tab Name and click Save Settings.
  11. Click View Facebook Tab to open your business page and verify that the tab name has changed.

Creating a map on Google Maps

The next step is to create your map on Google Maps.

To create a Google Map:

  1. Open Google Maps at www.maps.google.co.uk (or your country’s equivalent).
  2. Make sure the map, Street View image, or directions you’d like to embed show up on the map.
  3. In the top left corner click the menu icon . <google-maps-menu-icon.png>
  4. Click Share or embed map.
  5. In the Embed a map tab, select Large and then click COPY HTML. The large size fills the page area in the Facebook tab on a desktop.
  6. Paste the code into Notepad or a similar program for now. We will use it to display the map in the new Facebook tab.

Embedding the Google Map in the custom tab

The final step is to embed the Google Map in the new custom tab on your Facebook business page.

To embed the Google Map:

  1. Open your Facebook page and click the new tab in the left menu.
  2. In Admin Options click Settings.
    <admin-options-settings.png>
  3. Use Ctrl+V to paste the code you copied in Google Maps into the Page Source box. Make sure that the Source icon is highlighted and all the other buttons in the editor are greyed out.
  4. Click Save Settings.
    <save-settings.png>
  5. Click View Facebook Tab in the menu.
  6. View the interactive Google Map in the new Facebook tab.

Enjoy your maps

We hope you have enjoyed this tutorial on adding maps to Facebook. Now that your users can find you, sit back and your business boom.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.