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
- 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.
- Feedback Collection: Encourage customers to provide feedback on their shopping experience, helping you to understand strengths and areas for improvement.
- Order Inquiries: Customers can use the form to ask questions about their orders, shipping information, or product details.
- Business Inquiries: Potential business partners or wholesale buyers can use the form to get in touch with you for business opportunities.
- 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 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Contact Form”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.
