Search for “Group” in the search field (outlined in green in the photo) and click to add the group block (red arrow). Next, click the “+” icon (the “Block Inserter” – red arrow in the image above) to insert a block. Scroll down to the location where you’d like to insert your map. If you’re using a block theme like Twenty Twenty Two, you will now be inside the Block Editor for your page. Step 1: Create an HTML Blockįor starters, login to the admin area of your WordPress site and navigate to the “Pages” section (red arrow in the above image).Ĭlick on the page you want to add your Google Maps feature to (you can click on the page name, in my case “Contact” – blue arrow in the above image – or simply click “Edit” under the page name). There are tons of Google Maps plugins out there, but many of them are clunky and require either payment for the full plugin features or a Google Developer account with complicated steps that produce a less-than-desirable result.Īll this being said, there is a really simple way to add Google Maps to your WordPress 6.0 pages without plugins and without a bunch of complicated steps.

It is very common for businesses to have a map on their contact page. It demonstrates to site visitors that you’re a local business and have a real, physical location. The Google Maps feature allows you to display your business’s location on an interactive map, allowing site visitors to easily view where you’re located and interact with the map to see what else is around you, get directions, etc. I’ll be using WordPress 6.0 for this tutorial, as well as the Twenty Twenty Two theme, which is the default theme for this version of WordPress. for a Contact page) without using a plugin.

In this article, I’ll show you how to add a responsive Google Maps map to a WordPress webpage (i.e.

Inkscape tutorials maps