Google Maps Block | Carrot Help Center

If you’re looking for a way to insert an interactive Google map of a location into your site’s content, we’ve got you covered! As of July 2025, we’ve added a brand new Google Maps block so that you can easily embed Google maps without having to install any scripts or use any shortcodes. You’ll want to avoid adding Google Maps scripts to your pages as that can affect your sites load speed, and affect your scores when running a Google Pagespeed test. Our new Google Maps block also performs better than the shortcode method, and is easier to implement!

Check out the steps below to learn how to add the Google Maps block to your site!

Step 1: Edit Your Page and Add the Block

In your site dashboard, edit the page you wish to add a map to. Then in the editor, click the + button to add a block then search for and click on the Google Maps block to add it to the page.

Step 2: Enter Your Address

Once the map block is added to the page, enter your address into the address field. Once you start typing your address, a dropdown will appear with a list of addresses that match the content you enter. Go ahead and select your address from the list.

Once you select your address, the map will display:

Step 3 (Optional): Change the Settings to Your Liking

The Google Maps block has a few settings that you will find in the block settings pane on the right. Here’s a breakdown of what each of them does:

Height: Sets the height of the map
Zoom: Sets how zoomed in or out the map is by default
Image only (Toggle): Sets the map to display as an image instead of an interactive map

Step 4: Save

Once you have your map dialed in the way you want it, go ahead and click the Save button in the top right and you’re finished!

Conclusion

That’s it! In just 4 simple steps, you now have a Google Map embed with great performance and customization options! This method of adding Google Maps is recommended because it improves page speed by just loading an image when the page initially loads, then making it interactive when a visitor hovers or clicks. On top of that, it is much easier to implement than using the shortcode method.

ℹ️ NOTE: The map shortcode still works and existing maps set up with the shortcode are unaffected. To learn about the map shortcode, or any other shortcodes, please refer to our guide on shortcodes.

You can even take it a step further by adding the Google Maps block to a custom block pattern, making it even easier to add your map to multiple pages!

To learn more about customizing your site, please check out the guides below!