How to Add Interactive Maps

This article explains how to add interactive maps to your WordPress website on Web60.

Method 1: Using Google Maps Embed

The easiest way to add a map is using Google's free embed feature.

Go to Google Maps and search for your business address
Click the "Share" button on the left panel
Select the "Embed a map" tab
Choose your preferred map size (Medium works well for most websites)
Copy the HTML code provided
Log into your WordPress admin dashboard
Edit the page where you want the map to appear
Add a new "Custom HTML" block
Paste the Google Maps code into the block
Click "Update" to save your changes

Your map will now display on your website. Visitors can zoom, get directions, and interact with it.

Method 2: Using a WordPress Plugin

For more control over your maps, install a dedicated mapping plugin.

In your WordPress dashboard, go to "Plugins" → "Add New"
Search for "WP Google Maps" or "MapPress"
Click "Install Now" on your chosen plugin
Click "Activate" once installation completes
Follow the plugin's setup wizard to configure your maps
Most plugins require a Google Maps API key - the plugin will guide you through getting one
Create your map using the plugin's interface
Copy the shortcode provided
Paste this shortcode into any page or post where you want the map

If you need help with plugins, see our guide on how to set up WordPress plugins.

Adding Your Business Location

For business websites, you'll want to highlight your location:

Create a dedicated "Location" or "Find Us" page
Add your interactive map using either method above
Include your full business address below the map
Add opening hours and contact details
Consider adding directions from major landmarks

This works particularly well alongside your business hours and location information.

Troubleshooting Common Issues

If your map doesn't display:

Check that you copied the entire embed code
Ensure your page is saved and published
Try refreshing your website in a private browser window
Some ad blockers may hide maps - this is normal for visitors using them

If you're still stuck, contact Web60 support for help with your specific setup.

FAQ

Q: Do I need to pay for Google Maps on my website?

A: Basic embedded Google Maps are free for most websites. You only pay if you have very high traffic or need advanced features.

Q: Can I customise the colours of my map?

A: With the basic embed method, customisation is limited. WordPress mapping plugins offer more styling options including custom colours and markers.

Q: Will maps slow down my website?

A: Google Maps can add some loading time. The embedded version is optimised for web use, but consider placing maps on dedicated pages rather than your homepage.

Q: Can I add multiple locations to one map?

A: Yes, but you'll need to use a WordPress plugin rather than the basic Google embed. Most mapping plugins support multiple markers.

Q: What if my business address doesn't show up in Google Maps?

A: You can still embed a map of your general area. Also consider adding your business to Google My Business to get it listed properly.

Q: Do maps work on mobile devices?

A: Yes, both embedded Google Maps and plugin-based maps work on smartphones and tablets. Visitors can tap to open in their maps app.