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

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

By Michael Thompson

January 22, 2025 at 05:14 PM

Creating an effective contact page allows visitors to easily reach your business. Here's how to set it up:

Using Pre-Made Contact Layouts

  1. Open the Page panel and click the + icon
  2. Select Page Layout (v7.1) or Contact (v7.0)
  3. Choose your preferred contact layout
  4. Enter a page title (e.g., "Contact Us")
  5. Click Edit to customize the page

Yellow arrow pointing to the plus sign

Yellow arrow pointing to the plus sign

Key Components

The contact layout includes:

  • Text blocks for business information
  • Map block for location
  • Contact form for inquiries
  • Spacer blocks for layout

Example layout of the Contact Us page

Example layout of the Contact Us page

Contact Form Setup

  • Edit the existing form block or add a new one
  • Customize fields and submission messages
  • Choose where to receive submissions (email, Google Drive, Mailchimp, or Zapier)
  • Forms default to the site owner's email address

Form submission button included

Form submission button included

Location Information

  • Edit the map block with your business address
  • Visitors can click the pin for directions
  • Add multiple map blocks for multiple locations

Map showing the boroughs of New York City

Map showing the boroughs of New York City

Additional Features to Include:

  1. Business Hours
  2. Email and Phone Links
  3. Newsletter Signup Form
  4. Social Media Links

Final Steps:

  1. Arrange blocks by dragging and dropping
  2. Save changes to publish
  3. Add contact info to website footer
  4. Set up mobile information bar
  5. Customize reply-to email addresses for notifications

Related Articles

Previous Articles