Electro How to Use Electro Contact Form
Theme: Electro · Section type: All-template section
The Contact form section lets customers send you a message from any page. Messages go to your store's email address, and you can add your own text fields and dropdowns to collect the details you need.
Note: You can add this section to any template, but not to the header or footer. Each section holds up to 3 Custom text fields and 3 Custom dropdowns.
What you can do
- Add the section and set up the form
- Add your own fields
- Add an image beside the form
- See what customers see
- Change the section settings
- Fix common problems
Add the section and set up the form
- In the theme editor, open the template where you want the section, for example your contact page.
- In the left sidebar, click Add section > Contact form.
- Under General, enter a Heading and choose a Heading size from H2 to H5.
- Under Submit button, enter a Label for the button.
- Click Save.
The form always includes a name field, an email field, and a message field. The email and message fields are required.
Tip: Messages are sent to your store's contact email, which you set in your Shopify admin under Settings > General. Send yourself a test message after you set up the form.
Add your own fields
Custom text field
- Click Add block > Custom text field.
- Enter a Label and a Placeholder.
- Optional: select Field is required so customers can't send the form without it.
- Optional: select Use as text area for a larger, multi-line box.
- Click Save.
Custom dropdown
- Click Add block > Custom dropdown.
- Enter a Label.
- In Value, enter the options separated by commas, for example "Order question, Returns, Product support".
- Click Save.
Custom fields appear between the email field and the message field, in the order of the blocks. Each answer is included in the message you receive, under the field's label.
Tip: Give each custom field a different label. The label names the answer in the email you receive.
Add an image beside the form
- Click the Contact form section.
- Under Image, select an Image. A 1600 x 800 px .png is recommended.
- Under Layout, choose a Content ordering on large screen: Text first shows the form on the left, Image first shows the image on the left.
- Click Save.
What customers see
- Form: customers see the heading, name and email fields side by side, your custom fields, the message box, and the submit button. Required fields are marked with a red asterisk.
- Signed-in customers: the name and email fields are filled in for them.
- After sending: the page reloads and a confirmation message appears above the form. If something is missing, an error message appears instead.
- With an image: on large screens the image sits beside the form. On phones, the form and image stack.
- Phones: all fields take the full width.
Settings reference
General
Setting | What it does |
|---|---|
Color scheme | Sets the background, text, and button colors of the section. You edit color schemes in Theme settings > Colors. |
Heading | Sets the heading above the form. |
Heading size | Sets the heading size, from H2 to H5. |
Layout
Setting | What it does |
|---|---|
Content ordering on large screen | Shows the form before the image (Text first) or the image before the form (Image first). Applies only when you add an image. |
Image
Setting | What it does |
|---|---|
Image | Adds an image beside the form. A 1600 x 800 px .png is recommended. |
Submit button
Setting | What it does |
|---|---|
Label | Sets the text of the submit button. |
Custom text field settings
Setting | What it does |
|---|---|
Label | Sets the field name shown above the field and in the message you receive. |
Placeholder | Sets the hint text inside the empty field. |
Field is required | Makes customers fill in the field before they can send the form. |
Use as text area | Turns the field into a larger, multi-line box. |
Custom dropdown settings
Setting | What it does |
|---|---|
Label | Sets the dropdown name shown above it and in the message you receive. |
Value | Sets the options of the dropdown. Separate each value with a comma. The first value is selected by default. |
Troubleshooting
I'm not receiving contact form messages.
Check your store's contact email in your Shopify admin, under Settings > General, and look in your spam folder.
The submit button is missing.
The button is hidden when the Label under Submit button is empty. Enter a label, for example "Send message".
Two answers are merged or missing in the email.
Give each custom field and dropdown a different Label. Fields with the same label share one entry in the message.
I can't add another field.
Each section holds up to 3 Custom text fields and 3 Custom dropdowns.
Related articles
- Electro How to Edit Electro Page Template
- Electro How to Use Electro Map Section
- Electro How to Use Electro Collapsible Content
- Electro How to Use Electro Newsletter
Updated on: 30/10/2026
Thank you!