How To Add Business Location Address In Divi (WordPress) - Local SEO

  • Publishing local business address on your website, adds credibility to your organization
  • Make it easy for customers to locate your business.
  • Increase your sales by increasing customer footfall
  • Add & style your address with Location Address Divi Module.
  • 100% divi visual builder compatible

Pre-requisites

  1. WordPress Website
  2. Divi Theme by Elegant Themes
  3. Local SEO For Divi & Gutenberg Blocks plugin

Tools

  1. Computer

Estimated Cost : 49

Total Duration : 9 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 1 - Setup Local SEO Settings

  1. Ensure you've configured Local SEO essential for store locator to work.

    • Local SEO settings available at WordPress Admin > Settings > Locations & SEO
    • Ignore this setup, if you've done this before.
    • For details visit Local SEO Configuration
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 2 - Add Location Data To The WordPress Website

  1. Ensure your business locations are setup on your website.

    Ignore this step, if you're business location data is setup

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 3 - Insert "Location Address" Divi Module On Visual Builder

  1. To add Location Address divi module to a page

    • Edit a page in Divi Visual Builder
    • With a divi row, click on + sign with label Add New Module
    • A popupover listing of module list shows up.
    • In the search box, type "Location Address" & select the Location Address module
    • That's it, you have the store locator divi module on the page.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - Location (Content Tab) - Divi Location Address Setting

  1. In this section, select a location post & setup content options

    • Use Current Location
      • Toggle ON/OFF switch
      • When ON, we use current post for location data
      • When OFF, we select a location from the Select Location Post dropdown below.
    • Select Location Post - A dropdown field to select a location.
    • Show "No Location Found" Error
      • Add toggle switch to show/hide "No Location Found" error.
      • Error text shown on not finding location data
      • Ideally it shouldn't happen on a live website but used as a failsafe text.
      • No Location Found Error - Set the error text to show when location data isn't found.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 5 - Address (Design Tab) - Divi Location Address Setting

  1. Set the styles for address text

    • Layout - Layout option for the address text
      • Single Line - Display the address as continuous text on single line.
      • Multi Line - Display each component of the address on a new line.
    • Font settings and styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 6 - "No Location Found" Error (Design Tab) - Divi Location Address Setting

  1. Set the style for no location found error

    Design options are

    • Font settings and styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 7 - Custom CSS (Advanced Tab) - Divi Address Map Setting

    • Gain fine-grained control over UI elements of the location address.
    • Add custom css for those elements
FREE DOWNLOAD

Start your FREE trial. No credit cards required.