Integrate a Google Maps map on my website

Discover how to easily integrate your business location on your website using Google Maps. Enhance user experience and make it easier for your customers to get in touch.

mer. 31 juil. 2024, 11:41

If you are a merchant, have a location to receive your customers, or operate in a specific geographic area, displaying your business's location is a plus. This reassures your clientele, who often wish to consult reviews or verify the route to your premises.


Get the Google Maps link for my location

Follow these steps to retrieve the code to display the Google Maps map on your site:

  1. Open Google Maps (maps.google.com) in a new tab of your browser.

  2. Search for your business name or its address in the search bar.

  3. Once your business appears on the map, click the Share button located under the name of the establishment (in the left panel or pop-up window).

  4. In the window that appears, click on the Embed a map tab.

  5. Choose the size of the map from the options (Small, Medium, Large, or Custom).

  6. Copy the map code by clicking on Copy HTML.


Add the Google Maps map to my page

Once you have copied the Google Maps code, follow these steps to integrate it into your site:

  1. Go to the Website > Web Pages List tab.

  2. Click on the page you want to edit, or on any page if you want to add it to your footer, then click on Edit.

  3. In the section where you want the map to appear, click the +Element button.

  4. Choose the Integration element.

  5. In the Iframe code box in the right panel, click Edit code.

  6. Replace the existing code with the one you copied earlier.

  7. Click on Validate code to display your map.

You can now customize the shape of the map via the editing menu in the right panel.