# Image Contact Form

> Build your own contact form and pair it with an image.

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

---

**Image Contact Form** is a Shopify theme section in the Section Star library. Build your own contact form and pair it with an image.

## About the Image Contact Form section

The Image Contact Form section is a versatile and visually appealing way for your customers to get in touch with you. Featuring a customizable form alongside a prominent image, this section makes it easy for your visitors to reach out and ensures their messages are styled and retained within a consistent theme. Whether you want the image on the left or right, this section's flexibility allows it to adapt to your site's design needs effortlessly.

## Live demo

## Use cases

1. **Customer Support**: Allow customers to quickly reach out with questions, returns, or issues by embedding this form on your support page.
2. **Product Inquiries**: Place this form on product pages to enable customers to ask questions about your products directly.
3. **Event Sign-Up**: Use this form to collect RSVPs or registrations for events.
4. **Feedback Collection**: Add the form to your feedback page to easily gather customer opinions and suggestions.
5. **Wholesale Inquiries**: Use the form to provide an easy way for potential wholesale buyers to get in touch with you.

## Settings

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

### Colors
Set colors for the section.

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

### Content
Set image and text for section

| Setting | Type | Default |
| --- | --- | --- |
| Image Location | Select (Left, Right) | left |
| Image Aspect Ratio | Select (21:9, 16:9, 4:3) | 4 / 3 |
| Image | Image | — |
| Round Borders on Image | Range | 5 |
| Subtle Shadow on Image | Checkbox | On |
| Headline | Inline rich text | &lt;b&gt;Get in touch&lt;/b&gt; |
| Content | Inline rich text | Use this form to get in touch. We usu… |
| 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 |
| Label (required) | Text | Label |
| Required? | Checkbox | On |
| 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 | Label |
| Hide Label? | Checkbox | Off |
| Options (separate by comma) | Text | — |
| Span Columns | Checkbox | Off |
