How to add a Google Map with your Business Profile to your website? Instructions

GBP instructions

Contents

tGoogle Maps is one of the most widely used tools in the world – with over 2 billion users every month (https://mapsplatform.google.com/why-google/). For many, it’s an indispensable car navigation system, and for others, a quick way to find local businesses and services. More and more entrepreneurs are also choosing to embed a Google Map on their website to help customers find their business and increase their online credibility. See how you can do it in a few simple steps.

Why Add a Google Map to your Website?

Adding a Google Map to your website is a simple yet effective way to:

  • show customers your exact location – a Google Map allows them to find your business and get directions without having to copy the address;
  • increase trust in your company – a map with an official address and positive reviews on your Google Business Profile increases credibility and makes customers more likely to choose your services;
  • provide key information in one place – customers can easily check the address and reviews about your business, which positively impacts user experience;
  • improve website functionality – an interactive map means the user doesn’t have to leave the page to get the necessary data or plan a route;
  • support visibility in local search results – a well-managed Google Business Profile and its associated map can build your company’s position in local search results, thereby influencing Google listing SEO.

Google Map on your Website – where should You Place it?

Depending on the nature of your business and website structure, a Google Map can be placed in various locations:

  • contact page – the most popular and intuitive place to embed a Google Map. Users visiting this section expect details about the company’s location, and an interactive map allows them to quickly verify the address and plan their route;
  • website footer – adding a map to the footer provides users with quick access to the company’s location from any subpage. This solution is especially recommended for locally operating businesses that want to increase their visibility and make it easier for customers to find their premises;
  • homepage – a Google Map on the homepage is particularly useful for local businesses or those with multiple branches. This allows customers to immediately see where the company’s headquarters or branches are located, increasing transparency and reducing search time;
  • dedicated branch pages – companies with multiple locations often create separate subpages for each branch and place individual Google Maps on them. This approach allows for a precise presentation of the offer and makes it easier for customers to find the nearest service point.

How to add a Google Map to your website? Step-by-step instructions

Embedding a Google Map on your website is simple and doesn’t require advanced technical knowledge. Just follow a few basic steps.

  1. Find your business in Google Maps
  • Search for your business name in Google Maps and then ensure the correct Business Profile is displayed.
  • Click the Share button.
osadzanie-wizytowki-na-stronie-www-1
  1. Copy the map embed code (iframe).
  • Go to the Embed a map tab.
  • Copy the generated HTML code.
osadzanie-wizytowki-na-stronie-www-2
  1. How to embed a Google Map into your website’s HTML code?
  • Open the HTML file of the selected subpage.
  • Paste the iframe code in the chosen location (e.g., on the contact page below the contact details).
  • Save changes and refresh the page.


uwaga - ikona

Note

If you are not familiar with basic HTML tags and the structure of such files, back up your website before making changes. If the code is overwritten, you will be able to restore the previous version of the page. Another option is to seek support from an experienced web developer, programmer, or SEO specialist.

  1. How to add a Google Map to WordPress?
  • Log in to your WordPress dashboard.
  • Go to edit the selected page or post.
  • Add an “HTML” or “Custom Code” block and paste the iframe code.
  • Update the page and save changes.
wskazówka - ikona

Tip

Regardless of whether you want to embed a Google Map on a WordPress site or in HTML, make sure the map displays correctly on mobile devices. You can also adjust its size by changing the width and height parameters in the iframe code.

Embedding a Google Map on your Website for Multiple Locations – how to Do it?

If your business has several locations and you want to mark them on a single map, you can easily do this by creating your own map in Google My Maps. This way, instead of separate maps for each branch, you can show all locations in one view.

  1. Open the Google My Maps application in your browser: https://www.google.com/maps/about/mymaps/
  2. Click the red Create a new map button.
osadzanie-wizytowki-na-stronie-www-3
  1. Find the selected location.
osadzanie-wizytowki-na-stronie-www-4
  1. Click the “+” that appears next to the address, then similarly enter additional locations (all addresses will appear in the left-hand window) and add them to the list.
osadzanie-wizytowki-na-stronie-www-5
  1. Select the Share option from the left-hand window. In the pop-up window, enter the map name and a short description.
osadzanie-wizytowki-na-stronie-www-6
  1. Grant appropriate permissions to people who will be able to view the map and click Done.
osadzanie-wizytowki-na-stronie-www-7
osadzanie-wizytowki-na-stronie-www-8
  1. Your map will appear in the top left corner. Click the 3-dot icon and select Embed on my site. Paste the HTML code similarly to how you would for a single-location map.
osadzanie-wizytowki-na-stronie-www-9

Also check out why it’s worth standardizing franchise brand profiles.

Do You Need to Manage a Listing to Add a Google Map to your Website?

No, access to a Google listing is not required to get the iframe code and embed a map on your website. Anyone can do this. Simply go to Google Maps, select the Business Profile you’re interested in, then choose Share and Embed a map (you’ll find screenshots with instructions above). However, it is good to have an active and verified Google listing. After completing the Google Business Profile verification process, you will also gain the ability to:

  • update contact information and opening hours;
  • manage reviews and respond to customer feedback;
  • build a credible image in Google search results and on maps.

Is adding a Google Map to your website free? When do you use a paid API?

Using Google Maps on your website via an iframe code is completely free. It also doesn’t require registration or an API key. Simply generate the map embed code in Google Maps and paste it onto your website. This simple solution is ideal for displaying a single location or a static directions map.

It’s worth using the paid Google Maps API if you need more advanced features, such as:

  • displaying multiple locations on a single interactive map, e.g., for a network of branches;
  • adding custom markers, e.g., routes, layers, and personalized elements;
  • integrating the map with a database or dynamically generating maps based on user actions;
  • using additional services, such as route calculation, address geocoding, or defining delivery zones.

Google offers a free API usage limit, which should be sufficient for most small and medium-sized businesses. Fees only apply after exceeding a certain limit of API calls in a given month. Pricing and detailed API usage rules can be found in the official Google Maps documentation (https://mapsplatform.google.com/pricing/?utm_experiment=13102542).

Also check out what are the ranking factors for Google Business Profile

How to embed a Google Map on your website? Summary

Adding a Google Map to your business website is a simple and effective way to increase website functionality and build trust among visitors. With it, users can quickly find your business location, check opening hours, read reviews, or get directions without having to leave your site. You can easily embed the map on a WordPress-built site or in HTML code – just a few steps are needed for everything to work correctly.

Sources:

  1. https://developers.google.com/maps/documentation/javascript/add-google-map?hl=pl, [accessed online: 2025-07-09].
  2. https://mapsplatform.google.com/pricing/?utm_experiment=13102542, [accessed online: 2025-07-09].
  3. https://mapsplatform.google.com/why-google/, [accessed online: 2025-07-09].
  4. https://agilestorelocator.com/blog/7-methods-to-embed-google-maps-on-websites/, [accessed online: 2025-07-09].