Location Map Flexible Content Showcase Your Store With a Clear Map

Help customers find your store with a Google Map, address, contact details, opening hours, and a clear directions button in one clean, responsive section.

  • check-icon Google Map Integration
  • check-icon Store Contact Details
  • check-icon Responsive Location Layout
Location Map Flexible Content Desktop Preview 1
Location Map Flexible Content Desktop Preview 2
vector
vector

Key Features: Create a Clear Store Location Experience

Combine a Google Map with store details, contact information, directions, flexible alignment, button styling, and responsive layouts for your Shopify store.

Google Maps Location Embed

Google Maps Location Embed

Add a Google Maps iframe to display your store or business location directly within the section.

Store Location Details

Store Location Details

Show your address, phone number, opening hours, and other important store information beside the map.

Custom Contact Details

Custom Contact Details

Include additional contact information, such as an email address, to help customers reach your business easily.

Location Information Heading

Location Information Heading

Add a dedicated heading to introduce your store information and make the location panel easier to understand.

Custom Directions Button

Custom Directions Button

Add a customizable button that links customers to directions, maps, or another relevant location page.

Desktop Content Position

Desktop Content Position

Choose whether the location information appears on the left or right side of the map on desktop.

Desktop & Mobile Alignment

Desktop & Mobile Alignment

Set separate text alignment options for the location content on desktop and mobile devices.

Full Width Map Layout

Full Width Map Layout

Use the available section width to create a spacious map layout when a separate content panel is not needed.

Location Map Flexible Content Settings & Options

Customize the map, location details, button, alignment, colors, spacing, and section width directly from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Main heading is displayed above the location map.

Heading

Supporting rich text displayed below the main heading.

Content

Choose the alignment of the main section content.

Content alignment

Heading displayed inside the location information panel.

Heading

Add the address, phone number, hours, and store location details.

Content

Add additional email or contact information for visitors.

Contact details

Add the Google Maps embedded iframe source.

Google Maps iframe source

Choose the location panel position on desktop.

Content position (Desktop)

Customize the section and location panel background colors.

Background color

Make the section span the full available width of the page.

Full width
Block Settings

Block Settings

Applies to the location content area

Set the text displayed on the location action button.

Label

Add the destination URL or page for the button.

Link

Enable an outlined style for the location action button.

Use outline button

Set the corner radius of the location button.

Border radius

Set the location content alignment on desktop.

Desktop

Set the location content alignment on mobile.

Mobile

Where This Section Can Be Used

Use Location Map Flexible Content to help shoppers find your physical store, view contact details, check opening hours, and access directions from important pages.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Help Customers Find Your Physical Store

Add your store location to the homepage to show visitors where you operate, share important contact details, and provide a direct way to get directions.

check-iconShow your store location clearly

check-iconHighlight important contact information

check-iconDisplay current opening hours

check-iconSupport local customer visits

check-iconProvide a direct directions link

Collection Page

Add Store Information to Collection Pages

Use the map section on collection pages when shoppers may need store information, pickup details, or location guidance while browsing your product collections.

check-iconSupport local shopping journeys

check-iconShare useful store information

check-iconHelp shoppers find your location

check-iconAdd directions beside product browsing

check-iconImprove access to contact details

Product Page

Connect Products With Your Store Location

Add a store map below product information to help customers discover your physical location, contact your team, or visit your store in person.

check-iconConnect online products with your store

check-iconShare local store information

check-iconSupport in-store customer visits

check-iconDisplay contact information nearby

check-iconMake directions easy to access

Landing Page

Create a Location-Focused Landing Page

Use the map section on showroom, event, local promotion, or campaign pages to provide visitors with location details and a clear route to your business.

check-iconHighlight a specific business location

check-iconSupport event or showroom visits

check-iconDisplay useful contact information

check-iconMake directions easy to find

check-iconAdd practical local information

Make Store Locations Easier for Customers to Find

Give shoppers the map, address, contact details, opening hours, and directions they need without sending them across multiple pages.

Location Map Flexible Content Section

Keep Important Location Details Together

Combine your map and store information in one section so customers can quickly understand where to go and how to reach your business.

check-iconMake your physical store easier to discover

check-iconKeep address and contact details together

check-iconShow opening hours beside the map

check-iconAdd a direct link for directions

check-iconChoose a layout that fits your store design

check-iconCreate a responsive experience across devices

check-iconMatch colors and typography with your theme

Do This, Skip That.

DO

  • do Use an accurate Google Maps embed for your store location
  • do Keep addresses and opening hours updated regularly
  • do Add clear contact details that customers can easily understand
  • do Use a relevant destination for the directions button
  • do Check the map layout carefully on mobile devices

DON'T

  • don't Use an outdated or incorrect Google Maps location
  • don't Fill the content area with unnecessary store information
  • don't Add unclear or unrelated text to the location panel
  • don't Link the button to an unrelated page or destination
  • don't Ignore mobile alignment, spacing, or map visibility

Frequently Asked Questions

Can I add a Google Map to this section?

Yes. Add a Google Maps iframe through the Google maps iframe source setting to display your store or business location directly in the section.

What location details can I display beside the map?

You can add a heading, rich-text content, address, phone number, opening hours, and additional contact information next to the map.

Can I add an email address to the location section?

Yes. Use the Contact details setting to display additional information, such as your business email address or other contact details.

Can I add a directions button?

Yes. Add a button label and link to direct customers to directions, a maps page, your store locator, or another relevant destination.

Can I move the location content beside the map?

Yes. Use Content position (Desktop) to place the location information on either the left or right side of the map.

Can I use different text alignment on mobile?

Yes. The section provides separate Desktop and Mobile alignment settings for the location content, giving you better control on smaller screens.

Can I make the map section full width?

Yes. Enable the Full width setting to let the section span the available page width for a wider map presentation.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Location Map Flexible Content

Install SectionHub and add the Location Map Flexible Content section to your theme in minutes - no coding required.