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.

How To Embed Google Maps Into Your Website

 Note: We now offer a FREE wizard that does this all for you. 
Click here to configure and add to your website in seconds. 

Embedding a Google Maps into your site should be a simple task in 2018, but it isn’t helped by the fact that Google’s own instructions are not clear and many find them confusing. It is considered a standout amongst other things that you could improve the situation various reasons. One of them is for better bearing and association with clients on the off chance that you have a physical site. Another is on the grounds that Google is significantly more merciful on sites that are utilizing Google Maps, along these lines giving you favorable position when positioning.

Quite why Google does not make its API available by default to anyone is anyone’s guess, it seems they don’t want people without technical knowledge using Google Maps. A curious and baffling decision.

What Google Maps can do to improve the situation, we will cover how you will implant Google Maps into your site. It’s extremely basic as well, and you should simply take after these means. Implanting Google Maps First thing you’ll need to do is open Google Maps. You can do this utilizing various ways, yet the least demanding would be either heading off to Google’s Homepage and after that writing Google Maps or tapping on the Google applications menu, look down until the point when you discover the Google Maps alternatives and after that clicking it. Once that is done, you’ll be taken to the guide segment that intently covers your rough area. In the event that this isn’t the situation, you can simply zoom out and discover your locale, state, area, city or whatever else. You could likewise include a particular area utilizing the pursuit box on the upper left corner of the page.

Indicating Your Location

After you found the estimated area of the place that you need Google Maps to appear, it’s a great opportunity to begin tinkering. There are various things that you can do when you install the Maps include into your site keeping in mind the end goal to furnish your clients with more data. For a begin, nonetheless, you might need to ensure that you have the particular area that you need, down to the road, number, and milestones. Moving beyond that, you would now be able to tap on the area that you need stamped. You’ll realize this worked when a stick appears on the guide floating over the place you just clicked.

Sharing and Embedding Map Location

Once the area has been decided and chosen, you would now be able to proceed onward to really installing the guide area. Tap on the Menu (burger) symbol on the left of the inquiry box. Tap the Share or install, and the tap the Embed Map tab on the window that shows up. From here, you can pick exactly how enormous or little the guide will be through the size alternatives on the left of the fly up window. Once done, you can duplicate the implant code and afterward continue to glue it on the source code of your site.

How to Add Google Maps to PowerPoint

In this tutorial you will learn about adding Google Maps to PowerPoint. Adding a Google Map to PowerPoint gives your presentation a polished, professional finish. More importantly, because the map is live and interactive, you can take your audience on a journey without ever leaving PowerPoint. Whether you are adding the final touches to a company presentation or demonstrating the route of a cycle race, an interactive Google Map allows you to point out the precise area or region you need.

PowerPoint doesn’t offer the ability to embed web pages. To add a Google Map to PowerPoint, you need to use an add-in that provides embed functionality. We use the LiveSlides add-In for PowerPoint.

Google Maps offers a very rich environment – far, far more than a simple static map. The end result of this tutorial is a functional Google Map embedded in a PowerPoint slide. The embedded browser gives you the same functionality as you have on the Google Maps site. No coding or advanced technical expertise are required.

Contents

How to add Google Maps to PowerPoint 1

Installing LiveSlides PowerPoint add-in 1

Creating a map on Google Maps 2

Embedding the Google Map in PowerPoint 3

Enjoy Google Maps in your presentations 5

How to add Google Maps to PowerPoint

Adding Google Maps to PowerPoint involves three steps:

  1. Install the LiveSlides add-in for PowerPoint.
  2. Create a map on Google Maps.
  3. Embed the map in PowerPoint.

Installing LiveSlides PowerPoint add-in

PowerPoint does not support live web pages. You need to install an add-in to add this functionality. We use the LiveSlides PowerPoint add-in that is free and simple to use. It allows you to embed any web page in a PowerPoint slide.

To install the LiveSlides add-in:

  1. Close PowerPoint, if it is open.
  2. Go the LiveSlides and download the add-in.

  3. Double-click the downloaded file (liveslides.exe) to launch the installer.
  4. Click Install.

  5. Click Finish when the wizard is done.
  6. Open PowerPoint and note the new LiveSlides tab on the ribbon.

Creating a map on Google Maps

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

  1. Open Google Maps at www.maps.google.co.uk (or your country equivalent).
  2. Find the location you want.

  3. Copy the URL of the Google Map.

  4. Paste the URL to Notepad or similar application for now. We will use it in the next section.

Embedding the Google Map in PowerPoint

The final step is to embed the Google Map in PowerPoint.

  1. Open PowerPoint.
  2. Go to the LiveSlides tab and click Live slide.

  3. Use Ctrl+V to paste the URL you copied from Google Maps into the dialog.

  4. Click Insert.
  5. In normal view the slide will look like this.

  6. Switch to reading view <reading-view-icon.png> to view the live Google Map.

You may have to switch from Lite mode to full Google Maps for all features to be available. Click the lightning icon < lightning-icon.png> to switch modes
  1. You can now enjoy the full functionality of Google Maps directly in your presentation.
    • Search.
    • Zoom and pan.
    • Switch to satellite view.
    • Get directions.

    • Use Street view.

    • Much more.

Enjoy Google Maps in your presentations

We hope you have enjoyed this tutorial on adding Google Maps to PowerPoint. May your next presentation delight your audience with a fully functional Google Map.

How to Add Google Maps to Wix

 Note: We now offer a FREE wizard that does this all for you. 
Click here to configure it and add to your WIX website in seconds. 

In this tutorial you will learn how to add Google Maps to Wix. You can use Google Maps with all Wix accounts – both free and paid. Adding a Google Map on your Wix website has a number of benefits:

  • Location: A Google Map helps your customer find your physical business. You can offer directions and even interactivity to your users.
  • Authenticity: Advertising your physical location lends authenticity and credibility to your website. It lets your audience know that you are not a fly-by-night, who exists only in cyberspace.
  • Convenience: Not all site visitors have the skill or patience to find your address on Google Maps themselves. Providing a map on your Wix site bypasses the need for this.

The Wix editor provides out-of-the-box support for simple Google Maps. The built-in function gives you a lot of choice when it comes to style and visual appearance, but does not offer all the features available for Google Maps.

If you need more advanced functionality, you can embed a Google Map on your Wix page. To do this, you create the map on the Google Maps site and then paste the code onto your Wix website page.

Contents

Adding a simple Google Map in the Wix editor 1

Accessing your site in the Wix editor 1

Adding a Google map in the Wix editor 3

Setting your address in the Google Map 4

Setting the Google Map behaviour 5

Troubleshooting the Google Map address 6

Making your Google Map responsive 7

Embedding a Google Map in a Wix page 9

Creating a map on Google Maps 9

Embedding the Google Map code on a Wix page 10

Adding a simple Google Map in the Wix editor

Follow our step-by-step guide to adding Google Maps to your Wix website. It only takes a few clicks to display a map.

Accessing your site in the Wix editor

To access your site in the Wix editor:

  1. Login to your Wix account.
  2. Select the site you want to work on, if necessary.
  3. Click Manage & Edit Site.

  1. In Site Manager click Edit Site.

  1. Your site opens in the Wix editor.

Adding a Google map in the Wix editor

To add a Google map:

  1. Select a page.
  2. Click a page area to select it.
  3. Click Add > Contact and then scroll to the Google Maps section of the Add a Contact Tool.
  4. Click the map style you want and drag it onto the page.
  5. Use the handlebars to resize the map to suit your page design.
The map is dynamic and as you stretch and shrink it, more or less of the area surrounding the target address displays.

Setting your address in the Google Map

The address of the Wix office is used by default when you add the map.

To set your address:

  1. Click on the map to display the controls.
  2. Click Change Address.
  3. In Google Maps Settings:
    • What’s your location?: Enter your address or the location you want users to find and then press Enter. If Google Maps recognizes the address, a green tick displays to indicate this. If you experience difficulties, please see Troubleshooting the Google Map address below.
    • Want to show a description?: Optionally enter a description. This text displays in a callout pointing to the red pin. You can ignore this field if you like.
It is only possible to add one location. If you need to show more than one, you can embed a Google Map.

Setting the Google Map behaviour

There are a number of options to control what your visitors see and what they can do when interacting with the Google Map.

To set the behaviour:

  1. Click the map to activate the controls.
  2. Click the setting icon.
    <controls-settings.png>
  3. In Google Maps Settings click the toggle buttons to enable and disable options:
    • Show map and satellite views: Displays the Map | Satellite links that allow visitors to switch views.
    • Show zoom control: Displays the + and icons that allow visitors to zoom in and out.
    • Show Street View control: Displays the street view icon that allows visitors to use Google Street View.<street-view-icon.png>
    • Allow dragging: Allows visitors to move around the map by clicking and dragging.
    • What language is the button in?: Click the down arrow and select your language from the dropdown, if necessary.

Troubleshooting the Google Map address

If Google Maps does not recognize your address or show your address correctly, you can use your coordinates instead of the physical address in the What is your location field?.

To find your coordinates:

  1. Go to Google Maps at https://maps.google.co.uk (or your country equivalent).
  2. Enter your address into the search box.
  3. Right-click the pinned location on the map and click What’s here?
  4. Copy the coordinates that appear in the pop up.
  5. On your Wix page, click the Google Map in the editor to activate the controls.
  6. Click the settings icon
  7. Paste the coordinates your copied in the What’s your location? field.
    <coordinates.png>

 

Making your Google Map responsive

Simple Google Maps are static by default. You can test this by progressively narrowing and widening your browser window while observing the map’s behaviour.

To make your Google Map responsive:

  1. Click your map to activate the controls.
  2. Click the stretch icon.
    <controls-stretch.png>
  3. In Stretch Map:
    • Stretch to full width: Click on the toggle button to enable this. The map will stretch to cover the full width of the page.
    • Margins: Use the slider to set margins on the left and right of the map. You can use pixels or percentage. Maximum settings are 80px or 5%.
      <stretch-map-dialog.png>
  4. There are many available tools to test responsiveness. This is how our map displays on an iPad Pro in Google Chrome’s Responsive tool. Go to More Tools > Developer Tools in Chrome to access this tool.
    <map-ipadpro.png>
You can also insert a responsive Google Map from Add > Contact > Full Width Google Maps. This has the same effect as adding a static map and applying the stretch function.

<select-full-width-map.png>

 

Embedding a Google Map in a Wix page

While the simple Google Maps available out-of-the box in the Wix editor offer a great solution for most websites, they do not provide the full functionality that is possible when you create a custom map on the Google Maps site.

Limitations of the out-of-the box Wix solution include:

  • You can only mark a single location.
  • You cannot render a Street View image.

To get the full power of Google Maps you need to create your map on the Google Maps site and then embed the code on a page of your Wix site.

Creating a map on Google Maps

The first step is to create a map on the Google Maps site.

To create a map on Google Maps:

  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.
    <google-maps-share-embed.png>
  5. Select the Embed map tab, and then select the size you want and copy the HTML embed code.
    <copy-embed-code.png>
  6. Paste the code into Notepad or a similar program for now. We will use it to display the embedded map in our Wix site.

Embedding the Google Map code on a Wix page

The next step is to paste the embed code copied from Google Maps on a page.

To display an embedded Google Map on your Wix website:

  1. Select a page and go to Add > More > Embeds.
  2. Drag HTML Code onto the page. This allows you to add custom HTML code on your page. < html-code-icon.png>
  3. Click Enter Code.
  4. Paste the code you copied from Google Maps into the Add your code here box. Wix will verify the code and indicate that it is valid with a green tick.
  5. Click Apply.
  6. The embedded map renders on the page. You may have to resize the element to suit your page and the size of the Google Map.

We hope you have enjoyed this tutorial on how to add Google Maps to your Wix website!

May lots of new customers find you and make your business boom.