How to add Google Map on WordPress website

If you run a local business and need to be in touch with your customers or suppliers, location is essential to reach your company headquarters. Are you wondering how to add Google Map on your WordPress website? Here is a quick instruction thanks to which you can easily set direction in the contact page.

Gutenberg Map Block for Google Maps

The Gutenberg editor is a real revolution in WordPress. Thanks to it, editing pages has become very simple and intuitive. That is the reason why we decided to use Gutenberg as a base editor in the Astratic theme we created.

The continuous development and additional functions added by the community create almost unlimited possibilities of the editor. Sometimes we are even surprised by it. Such a surprise was the Gutenberg Map Block for Google Maps plugin, which we used for our client website to add a map with directions to the company’s headquarters.

Map on contact page

To add Google Maps and set directions in the contact page, just follow the few steps:

  • go to the admin panel, select Plugins> Add New
  • enter “Gutenberg Map Block for Google Maps” in the search field
  • install and activate the plugin
  • now go to the page where you want the map block to be placed and click “+” to add a new element (a new “Map” will appear among the available blocks)
  • in the menu on the right, enter your company’s address and the appearance will automatically adapt to the instructions

Gutenberg with a Google Maps block

As we mentioned above: the Gutenberg editor keeps surprising us! We can no longer imagine building websites without it. If you have similar feelings, we are sure that you will like our Astratic theme VERY much;)

It has everything needed to create a company website, professional blog, or engaging landing page. But most importantly: the number of available options and settings is not overwhelming. In addition, we are constantly adding new opportunities as the editor is developed itself 🙂

Has Gutenberg surprised you with something nice lately? Write us about it in the comment!

Add the first comment and start a discussion

Leave a Reply

Your email address will not be published.

This site uses cookies to optimize the use of it and for statistical purposes in accordance with Privacy Policy. The conditions for storing cookie files can be specified in Browser Settings. Further using the site and not blocking cookies means that you accept the use of these files.

Service namePurposeSettings
Service nameCookies required for the operation of the website.
Google AnalyticsAnalytical purposes.
DisqusCookies required for the operation of the comments system.

Need help?

Thank you!


We will answer in next 24 hours

Need a help? support-icon