Hampton Bay Theme Docs – Your Path to E-Commerce!
Help CenterCompliance & LegalContact Us
  • Hampton Bay Theme Configuration
  • Overview
    • Our key features
    • Setting up the Hampton BayTheme
  • Theme
    • Header and Footer setup
      • Header
      • Announcement bar
      • Footer
    • Languages & Currencies
    • Theme customization options
      • Color Scheme
      • Typography
      • Inputs
      • Social media
      • Cart Drawer
      • Brand Information
      • Search Drawer
    • Sections
      • Banner Slider
      • Collage
      • Collapsible Content
      • Collections List
      • Collections Tab
      • Contact Form
      • Featured Collection
      • Featured Product
      • RichText
      • Multirow
      • Video Section
      • Featured Blog
      • Custom Liquid
      • Page Section
      • Image with Text
      • Multicolumn
      • Shop the Look Section
    • Cart
    • Pages
      • Collection
      • Product
      • About Us
      • Contact Us
Powered by GitBook
On this page
  • Section Overview
  • Section Settings
  • How to Add the Contact Form Section
  1. Theme
  2. Sections

Contact Form

The Contact Form section is a vital part of your Shopify theme, designed to allow customers to reach out to your store directly. This section can be used for general inquiries, support requests, or feedback. With customizable settings, it fits seamlessly into your theme design and enhances customer interaction.

Section Overview

The Contact Form section includes a pre-built form where customers can submit their queries. It also offers customizable options to add additional content, such as headings, text, and links. It’s typically placed on a dedicated Contact Us page or within a larger section of your homepage.

Section Settings

Here are the settings available for the Contact Form section:

  1. Heading

    • Add a heading to introduce the contact form, such as "Get in Touch" or "Contact Us."

    • Customize the heading size to fit your store’s design.

  2. Text

    • Provide additional context or instructions for the contact form. For example, "We’ll respond within 24 hours" or "Let us know how we can help!"

    • Adjust the text size for better readability.

  3. Form Fields

    • The default form fields include:

      • Name

        • A text field where customers can input their name.

      • Email Address

        • A required field to ensure you can reply to the inquiry.

      • Message

        • A text area for customers to write their query or feedback.

  4. These fields are automatically configured to send submissions to your store's contact email.

  5. Background

    • Adjust the background color or add an image to make the section visually appealing and consistent with your theme.

  6. Padding

    • Modify the spacing around the contact form to create a balanced layout.

How to Add the Contact Form Section

  1. Go to your Shopify admin and navigate to Online Store > Themes.

  2. Click Customize to open the theme editor.

  3. In the theme editor, locate the page where you want to add the form (e.g., Contact Us page).

  4. Click Add Section and search for "Contact Form."

  5. Add the section and configure its settings:

    1. Update the heading and text to provide context for customers.

    2. Ensure all fields are correctly set up to capture customer information.

  6. Save your changes and preview the form to test its functionality.

Best Practices

  • Place It Strategically

    • Add this section to a dedicated Contact Us page or the footer of your store for easy accessibility.

  • Keep It Simple

    • Only include essential fields to make it quick and easy for customers to submit their queries.

  • Add Confirmation

    • Configure a success message to appear after submission, reassuring customers that their query has been received.

  • Test the Form

    • Submit test queries to ensure the form is working correctly and emails are being received.

PreviousCollections TabNextFeatured Collection

Last updated 4 months ago