How To Add A Business Location On Google Maps In Divi (WordPress) - Local SEO

Do you own a local business? Adding an interactive location map to your website offers major benefits:

• Help customers locate your store effortlessly
• Provide instant driving directions
• Build credibility and trust for your organization
• Enhance overall customer experience
• Reduce website bounce rates

With our easy-to-use Location Map Divi Module, you can add a customized business location map to any page in minutes. We have got you covered!

Pre-Requisites

Pre-Requisites

• A WordPress Website
• Divi Theme or Gutenberg Block Editor
• Local SEO For Divi & Gutenberg Blocks Plugin

Setup Local SEO Settings

1. Ensure you have configured your core Local SEO settings before displaying location maps:

   • Access settings in WordPress Admin > Settings > Locations & SEO.
   • If you have already configured local SEO settings, you can skip this step.
   • For a complete guide, see Local SEO Configuration.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Add Location Data To Your Website

1. Ensure your business location entries are created in WordPress:

   If your business location data is already set up, you can skip this step.

   • Each location entry stores essential details (address, phone number, hours) used for Local SEO Schema data.
   • Fill in key address and contact fields for maximum SEO impact.
   • For step-by-step instructions, see Add Business Locations In WordPress.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Insert “Location Map” Divi Module On Visual Builder

1. To add a location map to any page:

   • Edit your page using the Divi Visual Builder.
   • Inside a Divi Row, click the + button labeled Add New Module.
   • In the module search box, type Location Map and select the Location Map module.
   • The interactive Location Map module is now active on your page.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Map - Module Content Tab

1. Select which location to display and configure core map view settings:

   Available settings include:

   • Use Current Location: Toggle ON/OFF switch.
     • When ON, the module automatically displays the location entry matching the current page or post.
     • When OFF, choose a specific business location entry from the Select Location Post dropdown below.
   • Select Location Post: Dropdown menu to select a specific location entry.
   • Map Type: Select your preferred map view:
     • Hybrid: Displays satellite imagery overlaid with prominent road networks.
     • Roadmap: Standard Google Maps street view.
     • Satellite: High-resolution aerial satellite imagery.
     • Terrain: Displays physical terrain, elevation contours, and natural vegetation.
   • Gesture Handling: Controls touch and scroll interactions:
     • Auto: Automatically toggles cooperative or greedy behavior based on page layout.
     • Co-operative: Single-finger touches scroll the web page smoothly without trapping map navigation. Two fingers pan and zoom the map.
     • Greedy: All touch and scroll events directly pan or zoom the map.
     • None: Disables interactive panning and zooming gestures.
   • Marker Icon: Upload a custom pin image to personalize your location marker (recommended size: 100px x 100px).

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Map Controls - Module Content Tab

1. Customize interactive on-screen map control buttons and positions:

   Available settings include:

   • Show Map Type Control: Toggle map type selection buttons (Roadmap, Satellite, Hybrid, Terrain).
     • Map Control Position: Choose placement on map (e.g., Top Left, Top Right, Bottom Right).
   • Show Zoom Control: Toggle (+/-) zoom buttons.
     • Zoom Control Position: Choose placement on map.
   • Show Scale Control: Toggle map scale indicator bar.
   • Show Street View Control: Toggle Google Pegman Street View button.
     • Street View Control Position: Choose placement on map.
   • Show Rotate Control: Toggle map rotation control.
     • Rotate Control Position: Choose placement on map.
   • Show Fullscreen Control: Toggle full-screen map expansion button.
     • Fullscreen Control Position: Choose placement on map.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Info Window - Module Content Tab

1. Control which location information fields display on the map info popup window:

   Available options include:

   • Show Info Window: Toggle popup info window when clicking a map pin.
   • Show Title: Toggle location name display.
   • Show Address: Toggle street address display.
   • Show Description: Toggle summary description display.
   • Show Direction Link: Toggle driving directions link display.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Map - Module Design Tab

1. Configure map container dimensions and custom color styling:

   Available design options include:

   • Height: Set map height in pixels.
   • Map Styles:
     • Apply custom color schemes to Google Maps.
     • Visit the Google Maps Styling Wizard.
     • Select No thanks, take me to the old style wizard.
     • Customize map colors, landmarks, and road styling.
     • Click FINISH and copy the generated JSON style code into this field.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Marker - Module Design Tab

1. Customize visual animation effects for the map location pin:

   Available options include:

   • Animation:
     • None: Static map marker pin.
     • Drop: Animates the pin dropping onto the map upon load.
     • Bounce: Animates the pin bouncing continuously on the map location.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Info Window Title - Module Design Tab

1. Style the title text inside the popup info window:

   Design options include:

   • Typography, Font Family, Size, Weight & Color

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Info Window Description - Module Design Tab

1. Style the description text inside the popup info window:

   Design options include:

   • Typography, Font Size & Color

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Info Window Address - Module Design Tab

1. Style physical address text inside the popup info window:

   Design options include:

   • Typography, Font Size & Color

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Custom CSS - Module Advanced Tab

1. Apply granular CSS customizations to location map components:

   • Inject custom CSS rules for individual map elements.
   • Access specific element targeted CSS fields.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial