Map, Business Hours, Multi Location and Location Finder widget settings

Four widgets in the Business group of the Add panel show a business's address and hours. Map shows one address. Business Hours shows opening hours. Multi Location shows a map and list of several locations. Location Finder shows a clickable US map, with each state's offices.

Map, Business Hours and Multi Location can read straight from Business Info, so when the client's address or hours change there, every widget on the site updates. See Business Info and Business Text.

Every panel ends with Spacing and Animations & Effects (see Widget design panel basics and Animations and effects). The title and text sections use the standard text controls explained there.

Map

An interactive map with a pin on one address, and an optional popup.

How to add it

1. Click Add, open Business, and drag Map onto the page. It's also in the toolbar's quick-add list.
2. Click Manage Map.
3. Leave it on Business Info address, or pick Another address. Click Save.

Manage Map

• Business Info address (default) or Another address.
• Which location (Business Info address, when Business Info has extra locations): Main business address or one of the locations. The window shows the address it'll use, and it updates when Business Info changes.
• Address (Another address): type an address and pick it from the suggestions.
• Location info popup: a title ("Title, e.g. our business name") and a description ("Description, e.g. Parking in the back").
• Show popup: Never, On hover, On click (default) or Always.

Layout

• The map style: Streets (default), Light, Dark, Outdoors or Satellite.

Style

• Zoom: 1 to 20. Default 13. Higher is closer in.
• Height: 120 to 900 px, per screen size. Default 300.
• Pin color: default red.
• Border: 0 to 12 px. Default 0.
• Border color: shows when the border is above 0.
• Corner radius: 0 to 60 px. Default 0.

Map Button

Starts closed. Swap the map for a directions button on some screen sizes, which is often better on phones.

• Show a directions button instead of the map on: Desktop, Tablet and Mobile, each its own switch. All off by default.
• Text on button: default "Get directions".

The button opens directions in Google Maps and uses the theme's primary button style.

Connect to Data

On a dynamic page, Connect Location to can follow a field on each row, so every service-area page shows its own town. The field holds text in the form lat,lng|Town, ST. See Connect to Data.

Business Hours

The opening hours, day by day, with special days such as holidays.

How to add it

1. Drag Business Hours from Business onto the page.
2. Click Manage Hours.
3. Leave it on Business Info hours, or pick This widget's own hours and set the schedule. Click Save.

Manage Hours

• Business Info hours (default): uses Business Info → Opening Hours, so every Business Hours widget on the site stays in sync.
• This widget's own hours: a schedule just for this widget. Each day is Working hours, Open 24 hours, Closed or Appointment only. Use + Add hours for a split day and Copy Monday's hours to Tuesday–Friday to save typing. Under Special days & holidays, add a date, a name ("e.g. Thanksgiving") and that day's hours.
• Start week on: Monday (default) or Sunday.
• Use 24-hour format: off by default.
• Combine days with the same hours: shows "Mon – Fri" instead of five rows. On by default.
• Show special days (two weeks ahead): special days show during the two weeks before them. On by default.
• Title and Show: default "Business Hours", shown.
• Wording: your own words for Closed, Open 24 hours and Appointment only (default "By appointment only").

Layout

• Rows: Days left, hours right (default) or Hours under days.
• Line between rows: off by default.
• Line color: shows when the line is on.

Title

Shows when the title is on. Text controls. Default 30 px, bold.

Description

The day and hour rows. Text controls with a box (Background, Border, Border color, Padding), size up to 40 px. Default 18 px.

Multi Location

A map with a pin for every location and a list beside or under it. Each location can have a title, extra info, a Click to Call button and a link. Visitors can press Find nearest location to sort the list nearest first, using their browser's location.

How to add it

1. Drag Multi Location from Business onto the page.
2. Click Manage Locations.
3. Pick where the locations come from: My locations, Business Info or Collection. Click Save.

Manage Locations

• My locations: a list you type in. Add location, then for each: Address, Title with Show ("e.g. Downtown office"), Additional information ("e.g. Open weekends · Free parking"), Phone with a Click to Call button switch, and Link (+ Add link or Remove link). Reorder with Move up and Move down.
• Business Info: shows the locations from CMS → Business Info → Locations. Edit them there and every Multi Location widget updates. Include the main business address first is on by default.
• Collection: pick a Collection, then match fields to Title, Address (location field), Additional info, Phone and Link. Filter & sort narrows and orders the rows.
• Multi location title with Show: default "Business Locations", shown.
• Nearest location button with Show: default "Find nearest location", shown.
• Click to Call text: default "Call".
• Link text: default "Learn more".

Layout

• Map and list (default), List or Map.
• Map position (Map and list): Above (default), Left or Right.

Map

Shows unless the layout is List. Starts closed.

• The map style: Streets (default), Light, Dark, Outdoors or Satellite.
• Height: 160 to 900 px, per screen size. Default 360.
• Zoom (one location): 1 to 20. Default 12. With several locations, the map zooms to fit them all.
• Pin color: default red.

Buttons

Starts closed. Click to Call and Nearest Location buttons: Primary (default) or Secondary from the site theme.

Multi Location Title, Item Title and Additional Information

Text controls for the widget title (shown when the title is on; default 30 px bold), each location's title (up to 40 px; default 18 bold) and its extra info (up to 32 px; default 16).

Location Finder

A clickable map of the United States. States with offices are highlighted. When a visitor picks a state, a window opens with that state's location cards. It needs a collection with one row per location, and every card is on the page for search engines.

How to add it

1. Make a collection of locations first, with at least an office name and a state or an address field. See Collections and dynamic pages.
2. Drag Location Finder from Business onto the page.
3. Click Manage Locations and pick the collection under Locations collection.
4. Match the fields, then click Save.

Manage Locations

• Locations collection: each row is one location. It appears under its state, from a State field or from the state in an address field.
• Field matches: Office name, State (name or 2-letter code), Address (location field — also gives the state), Street address (text), City, Phone, Email, Photo, Areas served and Link.
• Text: Heading with Show (default "Find a Location Near You"), Subtitle with Show (default "Select your state to see our locations"), Areas served label (default "Locations Served").
• Show the map legend: on by default.
• Show a list of states under the map (easier on phones): on by default, with its label (default "Or choose a state:").

Map

• States with locations, Hover / selected state, States without locations and State borders: the four map colors. Defaults light blue, blue, light gray and white.

Location Cards

Starts closed.

• Card background: default white.
• Card border: 0 to 6 px. Default 1.
• Border color: shows when the border is above 0.
• Corner radius: 0 to 32 px. Default 12.
• Photo height: 80 to 320 px. Default 160.

Heading, Subtitle, Office Name and Details

Text controls. Heading and Subtitle show only when they're turned on. Defaults: heading 25 px bold centered, subtitle 15 px gray centered (up to 32), office name 18 px bold (up to 36), details 15 px (up to 28).

Examples

• A dentist's contact page: Map from Business Info, popup On click with "Free parking behind the building", and a directions button on Mobile.
• A café: Business Hours from Business Info, combined days, with Christmas Day as a special day.
• A three-branch plumber: Multi Location from Business Info, Map and list with the map on the left.
• A franchise with 40 offices: Location Finder from an Offices collection, with photos and areas served.

Limits and what it can't do

• Map shows one address. For several, use Multi Location.
• The Map only shows a pin for a confirmed address (one picked from the suggestions).
• When Hide street address (service-area business) is on in Business Info, a Map set to the business address shows no pin.
• Location Finder covers US states only, and only reads from a collection. It can't use Business Info or typed locations.
• Find nearest location needs the visitor to allow their browser's location.
• Map clicks are counted under Engagement in the Site dashboard.

Who can use it

Anyone with the Mount Olympus tool. Client people need Editor to add these widgets or change their design, and Widget content to change what they show. Changing the address or hours in Business Info needs Content Library or Editor.

Troubleshooting

• "No confirmed address in Business Info yet — pick the address from the suggestions there, or set one in Manage Map.": open Business Info and choose the address from the suggestions, not just typed text.
• "Business Info has no confirmed address yet." in Manage Map: the same fix.
• "Pick an address in Manage Map.": the map is on Another address with nothing picked.
• The map shows a button instead of a map: a switch under Map Button is on for that screen size.
• The map shows no pin: check Hide street address (service-area business) in Business Info.
• The hours are wrong: if the widget uses Business Info hours, fix them in Business Info → Opening Hours. If it uses its own hours, fix them in Manage Hours.
• A holiday doesn't show: special days show only in the two weeks before them, and only with Show special days on.
• "Connect a Locations collection in Manage Locations to highlight states.": Location Finder has no collection yet.
• "No locations with a recognized US state — check the State field in Manage Locations.": match a State field (name or 2-letter code) or an address field.
• Clicking a state in the editor does nothing: states open in Preview or on the live site.