Creating a contact page

You can add a Contact page to your site with content like your Contact information, a form, a map, and hours of operation.

Watch a video

Use a starter layout

Add a new page with the Contact starter layout, and replace placeholder blocks with your own content:

In the Home Menu, click Pages, then click the + icon.
In the Create New Page menu, select Contact.
Select a layout option.
Enter a title for the page (for example, Contact us). You can change this later.
A new page will open with placeholder blocks.
Hover over different blocks to edit them. You can also add new blocks to expand the layout. For more help, visit Building Layout Pages.

Tip: To build a Contact page from scratch, choose the Blank layout in the Create new page menu. Then add blocks to customize the page with images, text, and other content.

What's included in the Contact starter layout?

The Contact starter layouts display different arrangements of:

The blocks that display are placeholders. Hover over them and click Edit to add your own content. Click any Text Block to edit it.

Build a contact form

Edit the Form Block to create a custom form for collecting email addresses or allowing visitors to contact you. Form submissions can be sent to your email address, Google Drive, or a Mailchimp subscriber list. You can customize the form with different form fields, a post-submit message, and more.

By default, form submissions are sent to the site owner's email address. You can change this in form and newsletter storage.

Add your location

To add a Google Map highlighting your address, edit the Map Block. Clicking the pin opens your location in Google Maps, helping visitors access directions and prevent potential mistakes from miscopied addresses.

Note: The map can only display one location pin. To show more locations, add multiple Map Blocks.

Add hours of operation or other text

Edit the Text Blocks to include your address, business hours, headings, or any other details you want to display.

Rearrange the layout

After you're finished adding blocks, drag and drop them around the page to create a custom layout. Then click Save to publish your changes.

To learn how to move blocks, visit Moving blocks.

Expand the layout

Add an email or phone link

To display your email address or phone number, you can create an email or phone link.

Clicking email links opens the visitor's default email program with a message addressed to the address set in the link.
Visitors on mobile start a phone call when they click phone links.

Add a newsletter subscription form

A relative of the Form Block, the Newsletter Block is built for encouraging newsletter subscribers. It's less customizable than the Form Block, but this streamlined approach can simplify the sign up process. You can connect a Newsletter Block to Email Campaigns, Zapier, Mailchimp, or Google Drive.

Link to social profiles

To add icons or buttons that lead to Facebook, Twitter, Instagram, Pinterest, and other social profiles, add a Social Links Block. If you haven't yet, connect the accounts you want to link to in the block.

Add a Mobile Information Bar

Enable the Mobile Information Bar to display your business hours, location, phone number, and email address in a clean mobile display.

Other ways to help visitors contact you

After saving your Contact page, you might want to:

Add contact information to your website footer.
Create a mobile information bar to display your information at the bottom of your site on mobile devices.
Customize the reply-to email address to your store's email notifications so customers can reply directly.