You can add a Contact page to your site with content like your contact information, a form, a map, and hours of operation.
Note: If you're working in a new site, your template may already have a demo Contact page that you can copy, allowing you to skip some of these steps. If your template comes with this page, open it, click Edit, and then click Create in the message to customize the example content. To learn more about demo content, visit Working with demo content.
Step 1 - Add a Regular Page
In the Home Menu, click Pages, then click the + icon.
In the New Page menu, select Page. This adds a Regular Page to your site.
Enter a title for the page (for example, “Contact" or "Contact Us”).
Then select a starter layout. We recommend the following options:
- Blank is a blank slate where you can add different combinations of blocks to form a custom layout of text, images, and content. This is a great option if you already know how you want to structure your Contact page.
- Contact layouts offer three designs with different combinations of forms, maps, addresses, and phone numbers. Replace placeholders with your own content, or go beyond the starter layout by adding and rearranging blocks.
Click Start Editing to begin adding content.
Step 2 - Add content
The sections below cover the common blocks seen on Contact pages. You can use all of these methods, or just pick the ones that work for your site.
To add any of these blocks, click an Insert Point or the + icon, then select from the Block Menu. For more help, visit Adding blocks.
Tip: If your template has a footer, you can add any of these blocks there to display contact information site-wide.
Add a contact form
Add a 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 will be sent to the site owner's email address. Learn how to change this in Managing Form Block storage.
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 MailChimp or Google Drive.
Add your location
To add a Google Map highlighting your address, add a 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 a pin for a single location. Add multiple Map Blocks to display multiple locations.
Add an email link
To display your email address, you can create an email link. Clicking this text will open the visitor's default email program with a message addressed to the email address set in the link.
Add a phone link
To add a link that automatically opens a call option on mobile, add a phone link.
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 hours of operation or other text
Add more Text Blocks to include your address, business hours, headings, or any other details you want to display.
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.
Arrange 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.
After saving your Contact page, you might want to: