How to Create a Contact Page on Your Website: A Step-by-Step Guide

How to Create a Contact Page on Your Website: A Step-by-Step Guide

By Michael Thompson

January 22, 2025 at 03:53 PM

Set up a contact page for visitors to easily reach you with these essential elements:

Pre-Built Layout Setup

Version 7.1:

  • Click + icon in Pages panel
  • Select Page Layouts
  • Choose Contact layout
  • Add title (e.g., "Contact us")
  • Click Edit to modify content

Version 7.0:

  • Click + icon in Pages panel
  • Select Contact from Create New Page
  • Choose layout
  • Add title
  • Click Edit to modify content

Website navigation menu editor interface

Website navigation menu editor interface

Key Components

Form Block:

  • Customize form fields
  • Set post-submit messages
  • Connect to email, Google Drive, Mailchimp, or Zapier
  • Form submissions default to site owner's email

Contact form with text fields

Contact form with text fields

Contact form with text input fields

Contact form with text input fields

Location Map:

  • Add Google Map with your address
  • Clickable pin for directions
  • One location per map block
  • Add multiple blocks for multiple locations

Map showing Lower Manhattan

Map showing Lower Manhattan

Additional Features:

  • Business hours
  • Email/phone links (clickable)
  • Newsletter subscription form
  • Social media profile links
  • Footer contact information
  • Mobile information bar

Customization Tips:

  • Drag and drop blocks to rearrange
  • Edit text blocks for additional information
  • Link email addresses and phone numbers
  • Add social media icons
  • Save changes to publish

Connect your contact forms to:

  • Email notifications
  • Store email responses
  • Mailing list building
  • Customer service management

Related Articles

Previous Articles