About Customer Form Field Element
Shopify Customer Form Field element is designed to help you easily customize your Customer Form. It helps to gather specific customer information for marketing or internal use, and it can also be used to incentivize customer actions with discounts or offers. 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
- Step 1: Click on the Elements icon > Then, in the Shopify tab choose the Customer Form Field
- Step 2: Drag and drop the desired Customer Form Field variant into the page editor
The Customer Form Field includes Email, First Name, Last Name, and Customer Note elements. You can also search for the element in the search bar.
How To Configure 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
Click on the element in the page canvas to access its parameters in the General and Styling tabs, which are specific to this element.
General Settings
| 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 |  |
Styling Settings
You may modify a range of parameters in the Styling tab, such as element size, spacing, typography, colors, and more, to guarantee that the Customer form field element matches the overall layout of your page.
You can check more information about the Styling tab here.
How To Configure For Customer Form Field Element Sub-Elements
The Customer form field element has 2 sub-elements:Field Label and Field input. You can click on the sub-element to see all settings parameters for each sub-element.
Field Label Element Settings
Select the whole Field Label element and in the General tab, there is only one setting for it, which is the Label text. You have to enter the name of the label that you want to display.
The styling settings for the Field Label element are similar to the element styling. You can read more about the element styling settings here.
Field Input Element Settings
| Customer Details: Select customer’s details field to populate with data submitted via the form
There are 4 options:
|
 |
| Placeholder Text: Text to show in the input box until your visitors start typing. |  |
| Input type: Only display when you select Customer note for Customer Details
There are 8 options available:
|
Single Line Text
Placeholder Text: Text to show in the input box until your visitors start typing Multiple Line Text
Line Number: The height of the text is counted in lines (min value is 1, max value is 20). Placeholder Text: Text to show in the input box until your visitors start typing Single Choice
Single choice options: You can rename, add more options by entering new lines Checkbox
Checkbox Label: Enter the name of the checkbox. Dropdown
Dropdown options: You can rename, add more options by entering new lines Number
Default number: Setup the default number for customers. Date
Default date: Setup the default date for customers. Time
Default time: Setup the default time for customers |
For the Styling tab, you may adjust the size, spacing, typography, colors, and more of the Field input element. Simply click on Field input element in page canvas > Navigation to Styling to see those parameters.
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.
- If the form has only 1 field, then that field must be an email (required).
Frequently Asked Questions
1. What is the Customer Form Field element used for?
It’s used to create custom fields within a customer form to collect specific information from your customers. This information can be used for various purposes, such as order fulfillment, marketing, or customer support.
2. Can I use multiple Customer Form Field elements in one form?
Yes, you can add as many Customer Form Field elements as needed to collect the desired information.
3. Where can I use the Customer Form Field element?
You can use it on any PageFly page, but it’s commonly used on checkout pages, contact pages, and landing pages.
Previous article
