Contact info and hours

Two-column visit section with your address, opening hours, a transit note, email, call and directions buttons, and an interactive map with pins.

contactmaphourslocationvisitdirectionsphoneemailstudio

About this block

A visit-us section that puts everything someone needs to find you in one place: your address, opening hours, a short note on parking or transit, and an interactive map. Three buttons let visitors email you, call you, or open turn-by-turn directions. It suits shops, studios, clinics, and offices that welcome walk-ins.

When to use it

  • On a contact or location page for a business people visit in person.
  • Near the bottom of a homepage, so visitors can check your hours without leaving.
  • When your entrance is easy to miss and a map pin plus a note saves you phone calls.
  • When you want call and directions one tap away for people on their phones.

What's inside

  • An eyebrow line, an h2 heading, and a short intro paragraph.
  • Address and hours as separate labelled groups, one line per day range, plus an italic transit note.
  • Email, Call, and Directions buttons. They sit in a row on small tablets and wide desktops and stack full-width everywhere else, so the labels never get squeezed.
  • A grey OpenStreetMap map with two pins, your door and the nearest station. Each pin opens a small popup with a title and a note.
  • Two columns from tablet width up. On phones the map comes first and the details follow.

How to customize it

  • Replace the address and hours with your own, and keep one line per day range so people can scan them.
  • Point the Email and Call buttons at your own email address and phone number, and set the Directions button to a Google Maps link for your address.
  • Select each map pin to set its latitude, longitude, title, and popup text, and move the map's center to match.
  • Delete the second pin or the transit note if you don't have a station nearby, or add a Map Path to show the walk from the street to your door.

Questions

Do I need a Google Maps API key for the map?
No. The map uses OpenStreetMap tiles, which need no key or account. The Directions button opens Google Maps in a new tab for the route itself.
Should I put my opening hours on my website?
Yes. Hours are one of the most common reasons people visit a local business site. Keep them matching your Google Business Profile, because search engines and visitors both compare the two.
Will the map work on phones?
Yes. It sits at the top of the section on phones, you can pinch to zoom and drag it, and the call and directions buttons are full-width below.

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library

Contact form with photo

Contact section with a photo hero, overlapping card, and a multi-field form.

Contact form (stacked)

Simple centered contact form with name, email, message fields, and a submit button.

Contact callout

Centered contact section with a large headline, accent eyebrow, and a mailto pill button.

Contact row (no form)

Minimal contact strip with email and phone buttons, social links, and a short policy note.

Contact info with photo

Contact section with a photo strip and two-column layout showing address, phone, and office details.

Mobile call / text bar

Phone-only action bar pinned to the bottom of the screen with Call and Text buttons wired to the site phone number from company settings. Built from native nodes and link actions, no inject code. Add it as the last section on a page: it is position:sticky, so it reserves its own space and never covers the footer. Hidden from tablet width up, and hidden entirely when the site has no phone number set.

Contact form with select

Multi-field inquiry form with name, email, subject select dropdown, message textarea, and submit button.

Opening hours

contact section from the Wellness & lifestyle brand template, opens with “CONTACT · DETAILS”, with a single CTA, 3 form fields.

Tell us what you need

contact section from the Local business landing template, opens with “Tell us what you need”, with a single CTA, 3 form fields.

Let's Talk

contact section from the Healthcare marketing agency template, opens with “Let's Talk”, with 5 form fields.

Counsel that moves the needle

contact section from the Law firm website template, opens with “GET IN TOUCH”, with a single CTA, 3 form fields.

Start a thread

contact section from the Light creative agency template, opens with “Start a thread”, with a single CTA, 3 form fields.