Fluorescent
Stiletto
Stiletto
  • Stiletto Help Center
    • Start using Stiletto
      • Theme licenses
      • Migrate your theme
    • FAQs
    • Video tutorials
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • SEO for Shopify themes
      • H1 heading tags
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
  • Theme styles
    • Theme settings
    • Style presets
      • Demo layouts
    • Fonts
    • Colors
    • Animation
  • Pages
    • Templates
      • About page
      • Blog page
      • Blog posts
      • Collections list
      • Contact page
      • Customer accounts
      • FAQ page
      • Lookbook
      • Password page
      • Search page
      • Store locations
      • 404 page
      • Home page
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menus
      • Mobile menu
      • Quick search
      • Language and currency
      • Social media icons
      • Customer account icon
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language and currency
      • Payment icons
      • Custom Liquid
  • Sections
    • Theme sections
      • Using sections
      • Content blocks
      • Blog posts
      • Collapsible row list
      • Collection list grid
      • Collection list slider
      • Complete the look
      • Contact form
      • Countdown banner
      • Countdown bar
      • Events
      • Featured collection grid
      • Featured collection slider
      • Featured product
      • Gallery carousel
      • Grid
      • Image compare
      • Image hero
      • Image hero split
      • Image with text
      • Image with text split
      • Multi column
      • Newsletter
      • Newsletter compact
      • Promotion banner
      • Promotion bar
      • Quotes
      • Recently viewed products
      • Rich text
      • Sales banner
      • Scrolling content
      • Shoppable image
      • Shoppable image editorial
      • Slideshow
      • Testimonials
      • Video
      • Video hero
      • Video with text
    • Popups
      • Sign up popup
      • Age verification
      • Countdown popup
      • Promotional popup
  • Products
    • Product listings
      • Product card style
    • Prices and discounts
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Alternate templates
      • Pre-order template
      • Gift card
    • Layout and style
      • Product tabs
      • Media gallery
      • Sticky product details
      • Breadcrumbs
      • Navigation buttons
    • Overview blocks
      • Default blocks
        • Description
        • Product header
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
        • Sticky add-to-cart bar
      • Collapsible rows block
      • Complementary products
      • Custom options
      • Image block
      • Information popup
      • Product labels
      • Secure payment
      • Stock level indicator
      • Text block
      • Text list with icons
      • App blocks
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom colors
        • Use variant images
        • Use custom images
        • Change swatch styles
        • Show on product cards
        • Dynamic option availability
      • Media grouping
      • Sibling product swatches
    • Product page sections
      • Product reviews
      • Product recommendations
  • Collection pages
    • Collection template
      • Collection landing
      • Sale collection
      • Subcollections
      • Flash sale
    • Banner
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Quick cart
      • Added to cart popup
      • Empty cart promotion
    • Free shipping bar
    • Low inventory warning
    • Cross sells
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Set up section
  • Add contact fields and options
  • Contact form blocks
  • Change content width
  • Show reCAPTCHA terms
  • Section header

Was this helpful?

  1. Sections
  2. Theme sections

Contact form

Last updated 3 months ago

Was this helpful?

Use the Contact form section to let customers get in touch with you directly from any page.

Add custom text fields, buttons, and options for customers to fill out, and choose to make them required before submitting a message.

To create a full contact page, see the .

Sending and receiving messages through the contact form is a Shopify feature. You can test Shopify's free theme Dawn to see if an issue is platform-related. For assistance, you can contact .

Set up section


Editing a template changes all pages that use that template. To edit specific pages, you can or

In the editor side panel, click (+) Add section and select Contact form. Click and hold the drag handles ⋮⋮ to re-order sections.

Click the section to edit the general section styles: | |

Add contact fields and options


Use the Contact form blocks to add custom text fields, buttons, and options for customers to fill out, and choose to make them required before submitting a message.

Use the drag handles ⋮⋮ to re-order blocks, and add Spacer and Divider blocks to further customize the layout.

STEPS: Add contact form blocks

In your theme editor (Customize):

  1. Click on a Block to open the settings.

    Click (+) Add block to add a new block.

    See the list below for an overview of .

  2. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block or the eye icon to delete or hide a block.

  3. Click Save.

Contact form blocks

Change content width


Change the width of the content blocks area.

Click Contact form section to find settings

Setting
Description

Content width

Display the section at Full width or use the slider to set a custom width between 400 - 1000 pixels.

Show reCAPTCHA terms


Google reCAPTCHA is enabled by default on all Shopify stores to minimize spam from bots.

Click Contact form section to find settings

Setting
Description

Show reCAPTCHA terms

Show the terms of service and privacy policy for Google's reCAPTCHA form.

Section header


Customize the section Headings, including font size and alignment.

STEPS

In your theme editor (Customize):

  1. Click on the Contact form section to open the settings.

  2. Change the Heading text as a title for your section.

    Delete the text in this field to remove the heading.

  3. Enter Subheading text to display more information below the Heading.

  4. Select the Alignment for the Heading and Subheading. Either Heading and text left, Heading and text center, or Heading center, text left.

  5. Set the Heading size to Small, Medium, or Large.

  6. Click Save.

Click Contact form section to find settings

Setting
Description

Alignment

Set the position of the section Heading and Text.

Heading

Enter text to display a section title in the top-left corner.

Heading size

Display heading text as Small, Medium, or Large.

Heading tag

Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. This option doesn't change the heading's appearance.

Subheading

Enter text to display a section subheading below the heading. Use the formatting buttons to add text styles, links, or lists.


Related links

Email

A text field for your customer's email.

Phone

text field for the customer's phone number.

Text line

Show a text field for customers to add a single word or line.

Text area

Show a text field for customers to add multiple lines.

Checkbox option

Add multiple checkboxes that allow for more than one selection.

Radio buttons

A list of buttons for multiple options that requires a single choice.

Select dropdown

Show a menu of multiple options that requires a single choice.

Heading

Enter text to display as a title above any blocks.

Spacer

Add a margin of space between other blocks.

Contact page
Newsletter
contact page template
Shopify support ↗
insert dynamic content with metafields
all available blocks
Padding
Top divider
Animation
create new templates