# Contact Form

> Build a custom contact form — show customers you are accessible and build trust through easy, direct support.

URL: https://sectionstar.app/sections/contact-form/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**Contact Form** is a Shopify theme section in the Section Star library. Build a custom contact form — show customers you are accessible and build trust through easy, direct support.

## About the Contact Form section

The Contact Form section allows you to seamlessly integrate a customizable and stylish contact form into your Shopify store. This section provides a user-friendly interface for customers to get in touch with you, while giving you the flexibility to control fonts, colors, dimensions, and form fields to match your store's design and branding.

## Live demo

## Use cases

1. **Customer Support**: Use the contact form to allow customers to reach out for support, providing a direct channel for resolving issues or answering questions about products.
2. **Feedback Collection**: Encourage customers to provide feedback on their shopping experience, helping you to understand strengths and areas for improvement.
3. **Order Inquiries**: Customers can use the form to ask questions about their orders, shipping information, or product details.
4. **Business Inquiries**: Potential business partners or wholesale buyers can use the form to get in touch with you for business opportunities.
5. **Custom Orders**: Facilitate custom order requests where customers can specify their unique requirements.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Colors
Set colors for the section.

| Setting | Type | Default |
| --- | --- | --- |
| Form Label Color | Color | #111111 |
| Divider Color | Color | #888 |
| Highlight Color | Color | #0D8BF4 |
| Success Background Color | Color | #00D815 |
| Error Background Color | Color | #D53005 |

### Form
Set the form settings

| Setting | Type | Default |
| --- | --- | --- |
| Form Spacing | Number | 10 |

### Content
Set content for section

| Setting | Type | Default |
| --- | --- | --- |
| Headline Location | Select (Left, Right, Top) | left |
| Alignment | Text alignment | left |
| Headline | Inline rich text | <b>Get in Touch</b> |
| Content | Inline rich text | Use the form to get in touch with us.… |
| Subject (shown only in email) | Inline rich text | — |
| Success Message | Inline rich text | Thank you for submitting the form! |
| Error Message | Inline rich text | There was an error submitting the form. |
| Button Text | Text | Submit |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Button Text Size | Range | 15 |
| Button Padding Top/Bottom | Number | 10 |
| Button Padding Left/Right | Number | 25 |
| Button Border Radius | Number | 5 |

### Email block settings

| Setting | Type | Default |
| --- | --- | --- |
| Label (required) | Text | Email |
| Required? | Checkbox | On |
| Hide Label? | Checkbox | Off |
| Placeholder | Text | — |
| Span Columns | Checkbox | Off |

### Name block settings

| Setting | Type | Default |
| --- | --- | --- |
| Label (required) | Text | Name |
| Required? | Checkbox | On |
| Hide Label? | Checkbox | Off |
| Placeholder | Text | — |
| Span Columns | Checkbox | Off |

### Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| ID | Text | new-field |
| Required? | Checkbox | On |
| Label (required) | Text | Label |
| Hide Label? | Checkbox | Off |
| Placeholder | Text | — |
| Span Columns | Checkbox | Off |

### Multi-Line Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| ID | Text | new-field |
| Required? | Checkbox | On |
| Label (required) | Text | Label |
| Hide Label? | Checkbox | Off |
| Placeholder | Text | — |
| Span Columns | Checkbox | Off |

### Single Select block settings

| Setting | Type | Default |
| --- | --- | --- |
| ID | Text | new-field |
| Label (required) | Text | Label |
| Hide Label? | Checkbox | Off |
| Options (separate by comma) | Text | — |
| Span Columns | Checkbox | Off |

### Multiple Select block settings

| Setting | Type | Default |
| --- | --- | --- |
| ID | Text | new-field |
| Label (required) | Text | Email |
| Hide Label? | Checkbox | Off |
| Options (separate by comma) | Text | — |
| Span Columns | Checkbox | Off |