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

  • Publish business opening hours on your website
  • Customers trust brands that maintain accurate hours of operation online
  • Increase the odds of appearing in filtered search results for businesses presently open
  • Add & style your address with Location Opening Hours 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 Opening Hours" Divi Module On Visual Builder

  1. To add Location Opening Hours 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 Opening Hours" & select the Location Opening Hours 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 Opening Hours 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 - Opening Hours (Content Tab) - Divi Location Opening Hours Setting

  1. Content settings for opening hours

    • First Day Of Week - Set the first day of the week. Options are
      • Sunday
      • Monday
    • Show Closed Days - Toggle ON to show closed days in the listing. OFF otherwise
      • Closed Label - Set the text indicating it's closed for business for the day
    • Time Format - Set the time format. Options are
      • 12 Hour
      • 24 Hour
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 6 - Table (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the HTML table that encloses the opening hours.

    Set Box Shadow for the table boundry

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 7 - Odd Row (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the odd numbered row of opening hours.

    Ability to set Background Color

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 8 - Even Row (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the even numbered row of opening hours.

    Ability to set Background Color

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 9 - Data Cell (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the cells that contains the text for day label & time text

    Ability to

    • Set border
    • Spacing - margin and padding.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 10 - Day Label (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the day label.

    Its the text in the first column of the opening hours table.

    Design options are

    • Font settings and styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 11 - Time (Design Tab) - Divi Location Opening Hours Setting

  1. Represents the time text in the second column of the table.

    Design options are

    • Font settings and styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 12 - Closed Label (Design Tab) - Divi Location Opening Hours Setting

  1. Text that indicates the location isn't open for business

    Design options are

    • Font settings and styles
    • Spacing - margin and padding
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 13 - Custom CSS (Advanced Tab) - Divi Address Opening Hours Setting

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

Start your FREE trial. No credit cards required.