60Web60

Setting Up Service Area Maps

Building Your Website4 min read·

This article shows you how to add service area maps to your website to show customers where your business operates.

What You Need Before Starting

You'll need to access your WordPress admin dashboard. If you haven't done this before, read How to Access Your WordPress Admin Dashboard first.

Method 1: Using a Plugin for Service Areas

Step 1: Install a Service Area Plugin

  1. Go to your WordPress admin dashboard
  2. Click "Plugins" in the left menu
  3. Click "Add New"
  4. Search for "service area map" or "coverage area"
  5. Install and activate a plugin like "Service Areas by Location" or "WP Store Locator"

Step 2: Configure Your Service Areas

  1. Look for your new plugin in the WordPress admin menu (usually called "Service Areas" or similar)
  2. Click "Add New" to create your first service area
  3. Enter your business address as the centre point
  4. Set the radius in kilometres (e.g., "15km" for a 15-kilometre service area)
  5. Choose a colour for your service area on the map
  6. Add a description like "Standard delivery area" or "Emergency callout zone"
  7. Click "Save"

Step 3: Add the Map to Your Pages

  1. Edit the page where you want to show your service area (like your Contact page or Services page)
  2. Add a new block by clicking the "+" button
  3. Search for your plugin's block name (usually "Service Area Map" or similar)
  4. Insert the block
  5. Select which service areas to display
  6. Update the page

Method 2: Creating Custom Service Area Graphics

If you prefer a simpler approach:

  1. Use Google My Maps to create a custom map with your service areas
  2. Draw your service boundaries using the drawing tools
  3. Save the map and make it public
  4. Get the embed code from Google My Maps
  5. Add an HTML block to your WordPress page
  6. Paste the embed code into the HTML block

Method 3: Adding Multiple Service Tiers

Many businesses have different service levels for different areas:

  1. Create separate areas for each service tier (e.g., "Same Day Delivery", "Next Day Delivery", "Weekly Service")
  2. Use different colours for each tier
  3. Add clear descriptions explaining what each area includes
  4. Create a legend or key explaining the colours

Best Practices for Service Area Maps

Be Specific About Boundaries: Clearly mark where your service area ends. Don't leave customers guessing.

Update Regularly: If you expand or reduce your service area, update the map immediately.

Add Contact Information: Include a phone number or contact form near the map for customers outside your service area.

Mobile-Friendly: Test your map on mobile devices to ensure it loads properly and is easy to read.

For more help with adding interactive elements to your website, see How to Add Interactive Maps.

If you're still stuck, contact Web60 support through your dashboard. Include details about which method you're trying to use and any error messages you see.

FAQ

Q: Can I show multiple service areas on one map?

A: Yes, most service area plugins allow you to create multiple areas with different colours and descriptions on the same map.

Q: Will the service area map work on mobile phones?

A: Yes, properly configured service area maps work on all devices. Test your map on your phone after setting it up.

Q: Can I charge different prices for different service areas?

A: The map itself won't handle pricing, but you can create different coloured areas and explain your pricing structure in the map description or nearby text.

Q: What if a customer is just outside my service area?

A: Add text near your map explaining how customers outside the area can still contact you, or mention if you make exceptions for larger jobs.

Q: How do I change the size of my service area?

A: Edit your service area in the plugin settings and adjust the radius distance, or redraw the boundaries if you're using custom shapes.

Q: Can I show driving time instead of distance?

A: Some advanced plugins offer driving time zones, but most basic service area tools use circular distance measurements from your business location.

Q: Do I need to update my service area map for SEO?

A: Yes, keeping your service area information current helps with local SEO and ensures Google shows accurate information about where you operate.

Last updated: 1 March 2026