Skip to main content

Location Block

Show your location with address, map, and opening hours pulled from space settings.

Data Block

Preview​

Full Location Block

Address, map, and opening hours

Visit Us

Address

123 Sukhumvit Road, Khlong Toei, Bangkok 10110, Thailand

Open in Google Maps

Map preview

13.7563, 100.5018

Opening Hours

Monday
6:00 AM - 9:00 PM
Tuesday
6:00 AM - 9:00 PM
Wednesday
6:00 AM - 9:00 PM
Thursday
6:00 AM - 9:00 PM
Friday
6:00 AM - 9:00 PM
Saturday
8:00 AM - 6:00 PM
Sunday
8:00 AM - 6:00 PM

Address Only

Without opening hours

Our Location

Address

123 Sukhumvit Road, Khlong Toei, Bangkok 10110, Thailand

Open in Google Maps

Map preview

13.7563, 100.5018

Hours Only

Just opening hours

Opening Hours

Opening Hours

Monday
6:00 AM - 9:00 PM
Tuesday
6:00 AM - 9:00 PM
Wednesday
6:00 AM - 9:00 PM
Thursday
6:00 AM - 9:00 PM
Friday
6:00 AM - 9:00 PM
Saturday
8:00 AM - 6:00 PM
Sunday
8:00 AM - 6:00 PM

Properties​

PropertyTypeDefaultDescription
titlestring-Optional heading
showMapbooleantrueShow map and Google Maps link
showOpenHoursbooleantrueDisplay weekly opening hours
showAddressbooleantrueShow address card

Data Dependencies​

This block pulls location and hours from your space settings:

interface Location {
  address: string
  googlePlaceId: string | null
  latitude: number | null
  longitude: number | null
}

interface OpenHours {
  mondayOpenTime: string
  mondayCloseTime: string
  mondayIsOpen: boolean
  // ... repeated for each day
}

Usage​

// Full location with all features
<LocationBlock
  content={{
    title: 'Find Us',
    showMap: true,
    showOpenHours: true,
    showAddress: true,
  }}
  location={locationData}
  openHours={openHoursData}
/>

Best Practices​

  • Keep address accurate - Double-check your Google Maps coordinates
  • Update hours regularly - Especially for holidays or special events
  • Use on multiple pages - Location works well on Home, Contact, and About pages