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 pre-built layout
Add a new page with the Contact 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.
- Add a title for the page (for example, Contact us) and press Enter. You can change this later.
- A new page will open with placeholder blocks. Hover over the page and click Edit to open the page editor.
- Hover over different blocks and click Edit to replace the placeholder content with your own. You can also add new blocks to expand the layout. For more help, visit Layout Pages.
- In the Home Menu, click Pages, then click the + icon.
- In the Pages menu, select Page Layouts.
- Click Contact and select a layout option.
- Add a title for the page (for example, Contact us) and press Enter. You can change this later.
- Click Edit in the top-left corner to open the page editor.
- Hover over different blocks and click the pencil icon to replace the placeholder content with your own. You can also add new blocks to expand the layout. For more help, visit Layout Pages.
Tip: To build a contact page from scratch, choose the Blank layout in the page menu. Then add blocks to customize the page with images, text, and other content.
What's included in a Contact layout?
Contact layouts display some combination of:
The blocks that display are placeholders. Click into any Text Block to edit it. Hover over other blocks and click Edit or the pencil icon to add your own content.
Build a contact form
To create a custom form for collecting email addresses or allowing visitors to contact you, edit the Form Block. If your layout doesn't include a Form Block, you can add one.
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. If your layout doesn't include a Form Block, you can add one.
Clicking the pin opens your location in Google Maps, helping visitors access directions and prevent potential mistakes from miscopied addresses. 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.
Expand the layout
Add an email or phone link
To link to your email address or phone number, 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 collecting 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.
Rearrange the layout
After you're finished adding or editing 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.
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.