Google Maps integration on websites has become indispensable for businesses across various sectors, including restaurants, retail stores, real estate agencies, healthcare facilities, and service providers.
For local businesses, integrating Google Maps not only aids visitors in locating you effortlessly but also enhances your search engine visibility, potentially attracting more visitors. And if you’re one of them, you might be wondering about how to embed Google Maps into your WordPress site.
Within this post, I will walk you through the steps of embedding Google Maps into your WordPress site, offering guidance on both direct embedding and utilizing a plugin.
- FIRST METHOD: USE THE GOOGLE MAPS EMBED FEATURE
- SECOND METHOD: EMBED GOOGLE MAPS BY USING A PLUGIN
Why Add Google Maps in WordPress?
If you find yourself still uncertain about adding Google Maps to your WordPress site, consider these features to gain clarity:
Improved Visitor Navigation: The inclusion of Google Maps enhances user experience by facilitating easy navigation to your specified location.
Increased Local Business Exposure: Google Maps integration amplifies the visibility of your local business, making it more accessible and discoverable for potential customers.
SEO Advantages: Google Maps can positively impact search engine optimization, potentially attracting a higher volume of organic traffic to your site.
Competitive Advantage: Leveraging Google Maps sets your website apart by offering a contemporary and practical feature that can give you a competitive edge.
FIRST METHOD: USE THE GOOGLE MAPS EMBED FEATURE
We start with the easiest way: by using the embed code.
STEP 1: ACQUIRE THE HTML CODE FOR YOUR MAP
To get started, you should visit the Google Maps Embeds page first. This platform provides default embedding functionality, allowing you to incorporate your address into your website smoothly.
Enter your preferred address in the address bar, and the location will be loaded automatically. If you prefer not to customize anything, just click the ‘Get HTML-Code’ button.
To customize the map view, toggle between the ON and OFF buttons to switch to Satellite view. You can also adjust the zoom level and modify the map’s height and width according to your preferences.
Once you’ve made the desired changes, click the ‘Get HTML-Code’ button. Subsequently, a pop-up window will appear displaying the code; copy the entire code.
STEP 2: EMBED YOUR MAPS INTO YOUR WEBSITE
Navigate to the page or post on your website where you intend to embed Google Maps. Click the “Add block” button and search for ‘Custom HTML’.
All that remains is to paste the code into the HTML block and then publish or update the post.
Your post will resemble the one below.
SECOND METHOD: EMBED GOOGLE MAPS BY USING A PLUGIN
For the second approach, we have to install a Google Maps plugin to embed maps on your website.
STEP 1: INSTALL THE WP GO MAPS PLUGIN
To execute this approach, begin by logging into your WordPress dashboard. Next, navigate to the “Plugins” section and click on “Add New.” Then, search for the plugin titled “WP Go Maps”.
Once you find and install the plugin, you’ll see the Activate button in the same place. Click on the button to activate it.
STEP 2: CHANGE MAP ENGINE
Following activation, proceed to the dashboard and navigate to “Maps” -> “Settings” to select your desired map engine.
STEP 3: ADDING A NEW MARKER ON THE MAP
Click on “Maps,” and then, within the “My Maps” section, select the “Edit” button to modify your existing map.
Within the same Edit option, you have the flexibility to either update your existing marker or opt to add a new one.
To add a new marker, simply scroll down to the Marker panel, input your address, and click on the “Add Marker” button.
To modify a marker, select the marker first and then hit the ‘Edit’ button.
STEP 4: RETRIEVE THE SHORTCODE FOR THE MARKER
Retrieve the shortcode by navigating to ‘Maps’ and then choose the Shortcode tab to copy it.
STEP 5: EMBED THE MAP ON YOUR PAGE OR POST
Access the page or post where you wish to insert the map. Click on the “Add Block” button and look for the ‘Shortcode’ block.
Once you’ve located the block, insert it by clicking on it, then paste the shortcode.
Now, all that’s left is to publish or update your post and witness your map in action as it goes live on your website.
Google Maps transforms your WordPress site into a navigation hub, simplifying how visitors discover your location by easily integrating it through a straightforward code or opting for a convenient plugin. The advantages are manifold – enhanced visitor navigation, increased visibility for your local business, and the potential for improved search engine rankings on Google. Just follow the steps, enhance the user-friendliness of your website, and distinguish yourself in the online realm. Let Google Maps lead the way for your website!