Use Map Blocks to embed Google Maps with a location pin on your site. This is a great way to display your business or event's location. It's popular to add Map Blocks to Contact pages.
Add a Map Block
To add a Map Block:
- Click Edit on a page or post.
- Click an insert point. For more details on these first steps, visit Adding blocks.
- Select Map from the menu.
- In the Address tab of the Map Block, add a location pin.
- Use the Design tab to customize the color and appearance of the map.
- Click Apply to save your changes.
Add a location pin
To add a location pin:
- In the Address tab of the Map Block, enter an address. When you start typing an address, the page populates a list of autocomplete suggestions powered by Google. The Business Name helps find the address, but it doesn't display on the Map Block itself.
- Press Enter to drop a pin of your location on to the Map Block.
Note: Map Blocks use information from Google Maps. If Google Maps doesn't have an address, Map Blocks won't be able to locate it. Visit Google's documentation to add a missing place or report an error. If the Map Block isn't updating even after adding an address Google Maps has, see our FAQ.
Change the design
Click the Design tab, and follow these steps to customize the color and appearance of the map.
Customize the map color
Click the color drop-down menu to select one of the following options:
- Original - Classic Google Maps design
- Minimal Dark
- Minimal Light
- Minimal Blue - Displays water in blue and the rest of the map in white
Add more layers
Check the options below to add more layers to the map:
- Show Labels - Display location names
- Show Terrain - Display terrain features
- Show Controls - Display zoom, direction arrows, and map scale
Resize the block
Change the Map Block's height by clicking and dragging the bottom handle.
Tip: Press and hold Shift while dragging the handle to resize the map in 20 pixel increments. This can help align the bottom of the map with another block.
When the Map Block is in a column next to another block, you can adjust its width. To learn more, visit Resizing blocks.
Change the zoom
Visitors can zoom in by double-clicking anywhere on the Map Block, and zoom out by pressing and holding Ctrl while double-clicking on the map.
To change the default zoom level:
- Click Edit on the Map Block.
- Use the method above to zoom to your desired level or, if you're on a Mac, use two-finger trackpad scrolling to zoom in and out.
- Click Apply to save your changes.
Can I add multiple location pins to the map?
Map Blocks can only display one location pin. To create maps for multiple locations, add multiple Map Blocks to a page.
Alternatively, you can embed a Google Map on your site using a Code Block. Third-party customizations like this fall outside the scope of our support. For more help, visit Google's documentation.
How do visitors use Map Blocks?
Visitors can click the pin on Map Blocks to open the address in Google Maps. In desktop browsers, visitors can click and drag to move around the map. In mobile browsers, visitors can use two fingers to move around the map.
The Map Block resizes and hides the pin on mobile devices.
The Map Block resizes responsively based on browser size. While this helps with your site's mobile appearance, it sometimes hides the pin on smaller browsers. If you're viewing on a desktop browser, try expanding the browser window to reveal the pin.
Preview how your map looks on smartphones and tablets with Device View.
The Map Block displays incorrect information.
If you enter your address and the Map Block updates successfully but displays incorrect information, you can report it to Google directly. Click Report a Map Error in the bottom-right corner of the map.
If you enter your address but the Map Block isn't updating, try deleting the Map Block and adding a new one. If that doesn't work, contact us.