About Contact Form Field Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Summary: Shopify Contact Form Field element is designed to help you easily customize your Contact Form.
With its user-friendly interface, you can efficiently modify various aspects of the form to enhance user experience and capture essential information effectively.
Please note that:
You can check more details in the video tutorial below:
How To Access Contact Form Field Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Simply follow these steps to access the Contact Form Field element feature:
- Step 1: Click on the 2nd icon in the Element Catalog which is the Add Shopify element function.
- Step 2: Click on the Contact Form Field element in the dropdown menu.
- Step 3: Drag and drop the element into the page editor and then start using it.
The Contact Form Field includes Email, Single Line Text, Multiple Lines Text, Single Choice, Checkbox, Dropdown, Number, Date and Time elements.
How To Configure For Contact Form Field Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
This element comes with plenty of parameters allowing you to fine-tune content appearance to reach the best possible conversion rate. All the elements in Contact Form Field have similar parameters.
To start, drag one element to the layout and select it to see its variables.
General Settings![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can get further information about VISIBILITY, ATTRIBUTES, ANIMATION parameters here.
Styling Settings![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
There are three state options for Contact Form Field element:
- Normal state
- Mouse over state
- Active/selected state
You can check more information in the Styling tab.
Common Cases![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- Focus on collecting only the essential information you need to address user inquiries. This could include name, email address, phone number (optional), and a message field
- Use clear and concise labels for each form field that accurately describe what information is needed
- Organize the contact form fields logically, with the most important fields (e.g., name, email) at the beginning to encourage completion
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What’s Included In The Contact Form Field?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
It comprises Email, Single Line Text, Multiple Lines Text, Single Choice, Checkbox, Dropdown, Number, Date, and Time fields.
What’s Included In The Field Input?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
It comprises Email, Single Line Text, Multiple Lines Text, Single Choice, Checkbox, Dropdown, Number, Date, and Time options.