About Customer Form Field Element
Summary: Shopify Customer Form Field element is designed to help you easily customize your Customer Form. You can tailor the form fields according to your specific requirements and branding preferences.
- Customer Form Field element can’t live outside a Customer Form, make sure that you have dragged a Customer Form element into layout before adding the Customer Form Field element.
- Each Customer Form requires at least one email to function properly.
To obtain further information, kindly refer to this video tutorial:
How To Access Customer Form Field Element
Accessing the Customer Form Field element involves following 3 simple steps:
- Step 1: Click on the 2nd icon in the Element Catalog which is the Add Shopify element function
- Step 2: Click on the Customer Form Field element in the dropdown menu
- Step 3: Drag and drop the element into the page editor and then start using it.
The Customer Form Field includes Email, First Name, Last Name, and Customer Note elements.
How To Configure (Setting) For Customer Form Field Element
The Customer Form Field element comes with plenty of parameters allowing you to fine-tune content appearance to reach the best possible conversion rate. All the elements in the Customer Form Field have similar parameters.
To start, drag one element to the layout and select it to see its variables.
General Settings
| Field Label | |
| Label Text: Name of the field. |  |
| Show Label: Hide / Show the label. |  |
| Label Position: Position of the label with respect to the input box. |  |
| Require Field: Make this field a required field |  |
| Email Field | |
| Customer Details: You can choose First Name, Last Name, Email, Customer Note. |  |
| Placeholder Text: Text to show in the input box until your visitors start typing. |  |
| Customer Note Field | |
| Customer Details: You can choose First Name, Last Name, Email, Customer Note. |  |
| Input Type: You can choose either Email, Single Line Text, Less Text, Single Choice, Checkbox, Dropdown, Number, Date, and Time. | 
Single Line Text Placeholder Text: Text to show in the input box until your visitors start typing
Less Text Line Number: The height of the text counted in lines (min value is 1, max value is 20).
Single Choice Choice items: You can rename, add or remove options.
Checkbox Checkbox Label: Name of the checkbox.
Dropdown Choice items: You can rename, add or remove options. Number Default number: Default option given to customers. Date Default date: Default option given to customers. Time Default time: Default option given to customers |
You can get further information about VISIBILITY, ATTRIBUTES, ANIMATION parameters here.
Styling Settings
You can check more information about the Styling tab here.
Common Cases
- Note that the Field State options are only visible when selecting the Input Field within the Contact Form Field. Ensure you’re selecting the appropriate elements to access these options.
Frequently Asked Questions
What Should I Ask On A Contact Form?
Typically, you would want to ask for the user’s email address, first name, last name, and any additional notes or comments they might have.
How Many Fields Should A Contact Form Have?
A contact form ideally should have between 3 to 5 fields. However, it’s best to aim for fewer fields to prevent visitor fatigue and ensure they don’t become disinterested or bored while filling out the form.
What Size Should Form Fields Be?
Form fields should ideally have a height of around 30-40 pixels to provide enough space for comfortable input while maintaining a clean and visually appealing layout.
Previous article
