|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Section settings
  • Blocks
  • Block settings
  1. Sections
  2. Pipeline sections

Contact form

Add a full-featured contact form with a wide range of customizable blocks to any page of your site

PreviousCollection product gridNextCustom HTML

Last updated 2 years ago

Build a simple or completely custom contact form with this section that includes blocks of many types of form elements. Add the section to any Page, Product detail pages, the homepage, blog posts, search, the 404 page, and more:

Add blocks to customize the form:

Section settings

Use the section settings to set up the section's heading, title alignment, text colors, background colors, form width, and form padding:

Leave the title blank and use a Rich text section above to build a custom heading with an intro for the section:

Blocks

The contact form section includes a wide range of form elements that you can use to fully customize the contact form:

Block settings

Each block contains options pertaining to the block. Configure each one to fine-tune the form.

Example of the heading block settings:

With the Text line, the label option displays text inside the form field to prompt the customer with what to enter. The label disappears once any text is inputted:

The Spacer block has the option to show a line. If unchecked, the spacer will add vertical spacing only without a line:

The Select dropdown block contains settings for the title and each of the dropdown options:

Text line

Single line form input. Used commonly for name, or address portions.

Text area

Multi-line form entry. Can be used in addition to message block

Telephone

Pre-formatted phone number entry, single line

Heading

Bold text for titles or information. Ideal for breaking up long forms

Spacer

Add vertical padding or a line spacer

Single checkbox

Checkbox with text. Add once or more for additional checkboxes

Select dropdown

Choose one or more from multiple options in a dropdown

Radio buttons

Grouped radio buttons, choose only one option from multiple

Email*

Required field for all forms. Collects customer's email address

Message*

Required field for all forms. The main message body

Form options including drop-down selections, checkboxes, radio buttons and more
Combine with the Rich Text section for a custom header
Rich text heading and text styled as title and intro
Rich text kicker and text styled as title and intro
Heading block
Text line. Similar settings used for Single checkbox and Telephone
Spacer block
Select dropdown. Similar settings are used with Radio buttons