Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
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:

  1. In the Home Menu, click Pages, then click the + icon.
  2. In the Create New Page menu, select Contact.
  3. Select a layout option.
  4. Add a title for the page (for example, Contact us) and press Enter. You can change this later.
  5. A new page will open with placeholder blocks. Hover over the page and click Edit to open the page editor.
  6. 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.

NewPageMenuContact.png

  1. In the Home Menu, click Pages, then click the + icon.
  2. In the Pages menu, select Page Layouts.
  3. Click Contact and select a layout option.
  4. Add a title for the page (for example, Contact us) and press Enter. You can change this later.
  5. Click Edit in the top-left corner to open the page editor.
  6. 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 the Contact starter layout?

The Contact starter 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. 

ContactLayoutBlocks.png

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.

EditFormBlock.png

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.

EditMapBlock.png

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:

Was this article helpful?
83 out of 195 found this helpful