Configure a Map and Contact Information

This topic applies to

Applies to

SuiteCommerce Web Stores | Site Management Tools

Configure properties to customize your map and contact information. You can adjust the layout, add email and call buttons, and include store information. The following procedures explain how to:

  • Configure general settings

  • Configure map and contact details

To configure general settings:

  1. While logged in to SMT on your website, navigate to the page that contains the map and contact content.

  2. In the Map & Contact box, click the Edit button.

    This displays the Map & Contact Settings in the side panel.

  3. In the General tab, set the following fields:

    Field

    Description

    Name

    This sets a description of your new content.

    Visibility

    This sets the visibility option that determines when you would like to make the form visible.

    For more information on visibility options, see Visibility Dates.

    Map Position

    This sets the layout of the map and the contact information.

    In mobile screens, the map and contact information sections stack in order depending on whether you choose the left or right position.

    Tags

    This sets keywords to help filter your content in the Review Changes list.

    For more information on content tags, see Content Tags and Filter Tools.

  4. Click Save.

To configure map and contact details:

  1. While logged in to SMT on your website, navigate to the page that contains the map and contact content.

  2. In the Map & Contact box, click the Edit button.

    This displays the Map & Contact Settings in the side panel.

  3. In the Map & Contact tab, set the following fields:

    Field

    Description

    Header

    This sets the title to display at the top of the Map & Contact box.

    Map HTML Snippet

    This is where you paste the HTML code of your map location.

    To use third-party map services, such as Google or OpenStreetMap, paste the HTML code obtained by the map provider here.

    To optimize display size, nest the embedded map HTML code within an iframe element.

    Business Address & Information

    This specifies information about your business, such as your postal address, opening hours, or special instructions.

    This field supports basic HTML formatting tags.

    Primary Phone Number

    This sets the phone number to display for your business.

    Mobile users can tap a Call us button to call the primary phone number automatically.

    Primary Email Address

    This sets the email address to display for your business.

    Mobile users can tap a Contact us button to send an email to the primary email address automatically.

    Hide Background Color

    This determines if the background color is hidden.

    Hide Icons

    This determines if the Call us and Contact us icons are hidden.

  4. Click Save.