HYPER theme
Try Hyper freeResourcesOther solutions
  • What is Hyper theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Hyper theme
    • Set up my store as Hyper demo
    • Update Hyper theme
    • Theme license & Transfer
  • Page's global sections
    • Announcement bar
    • Top bar
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Cart drawer
    • Popup
    • Product compare
    • Quick view
    • Spotlight picks
  • Theme sections
    • Banner with hotspots
    • Before/after image slider
    • Brand logos 🔥
    • Button group
    • Collapsible tabs
    • Collection list
    • Collection list slider
    • Collection tabs
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products 🔥
    • Featured blogs
    • Featured collection
    • Featured countdown timer 🔥
    • Featured product
    • Horizontal products list 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider 🔥
    • Lookbook slider
    • Multicolumn
    • Multicolumn with icon
    • Press 🔥
    • Products bundle 🔥
    • Promotion banner
    • Recently viewed products
    • Rich text
    • Shop the feed 🔥
    • Scrolling banner
    • Scrolling gallery images
    • Scrolling promotion
    • Slideshow
    • Tabs content
    • Testimonials
    • Testimonials masonry 🔥
    • Video
    • Video hero
  • Theme settings
    • General
    • Animations
    • Blog cards
    • Buttons
    • Cart
    • Color swatches
    • Colors
    • Currency format
    • Custom CSS
    • Layout
    • Logo
    • Product badges
    • Product cards
    • Product compare
    • Quick view
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Quick comparision table
      • Quick order list
      • Related products
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Add Highlighted text to your Headings
    • Add gift wrap option to my cart
    • Change the default sorting of a collection
    • Combined listings app
    • Customize the checkout
    • Remove 'Powered by Shopify' in Copyright
    • Remove text Tax included and Shipping calculated at checkout below the product price
    • Set up Local Pickup option
    • Set up quantity rules and volume pricing in B2B
    • Show Payment icons
Powered by GitBook
On this page
  • How to add a Contact form section to your Shopify store
  • How to edit a Contact form section
  • Custom field
  • Sidebar
  1. Theme sections

Contact form

PreviousCollection tabsNextCountdown timer

Last updated 4 months ago

The Contact form section helps you stay connected with your customers effortlessly. Whether they have questions, feedback, or support requests, this form makes it simple for them to reach out. 📩

Your contact form sends all submissions to the sender email address of your store. You can change the sender email address in the Notifications settings page of your Shopify admin.

How to add a Contact form section to your Shopify store

Steps:

  1. In the theme editor (Customize), click Add section.

  2. Locate Contact form.

  3. Make necessary changes.

  4. Save.

How to edit a Contact form section

The form comes with default fields: Name, Email, Phone - which cannot be deleted.

Among them, the Email field is required for customers to fill in.

Default wordings of the default fields can be changed in Actions > Edit default theme content.

In addition to the default fields, you can add custom fields to gather extra information or a sidebar next to the form.

Custom field

For each of the custom fields, you can customize the following elements to improve the user experience:

  • Field type: Select the supported format for the field input.

    • Text: For short responses like names, subjects, etc.

    • Textarea: Ideal for collecting longer responses, such as inquiries or detailed feedback.

    • Phone: Collect customers' phone numbers for contact purposes.

    • Select (dropdown list): Allow customers to choose one from predefined options.

    If you select this field type, add the options below. Separate them by commas.

    • Checkbox: For consent agreements, terms acceptance, or opt-ins.

    If you select this field type, define values for the checked option and unchecked option.

    • Radio: Let the customer select a single option from a set of predefined choices.

    If you select this field type, add the options below. Separate them by commas.

Sidebar

You can add a Sidebar to your contact form to provide additional information such as business hours, contact details, and store locations.

  • Position: Choose whether the sidebar should appear (on the left or right side of the form).

  • Content: Add the sidebar content to show customers what is it about.

  • Icon with text: You can add up to 3 icon with text items to the sidebar.

  • Button: Add a button with a custom link at the end of the sidebar.