The Email component provides a specialized text input designed specifically for collecting email addresses. It includes built-in validation to ensure respondents enter properly formatted email addresses.
When to use Email
Section titled “When to use Email”Email is ideal for:
- Contact forms requiring email addresses
- Newsletter signup forms
- Account registration
- Event registration
- Any form where you need to follow up with respondents
- Collecting work or personal email addresses
Adding an Email component
Section titled “Adding an Email component”-
Open your form in the editor
-
Drag the Email component from the left sidebar onto your form
-
Click the component to select it and configure its settings
Configuration options
Section titled “Configuration options”Question label
Section titled “Question label”The main question or prompt displayed above the input field.
Examples:
- “Email address”
- “Your email”
- “Work email”
- “Where should we send your confirmation?”
Description
Section titled “Description”Optional helper text that appears below the question label.
When to use descriptions:
- To specify which email to use (work vs. personal)
- To explain how the email will be used
- To reassure about privacy or spam
Examples:
- “We’ll use this to send your receipt”
- “Enter your work email for business inquiries”
- “We’ll never share your email with third parties”
Placeholder
Section titled “Placeholder”Ghost text that appears inside the input field when it’s empty.
Examples:
- “[email protected]”
- “[email protected]”
- “Enter your email address”
Required
Section titled “Required”Toggle whether this field must be filled out before the form can be submitted.
When enabled:
- An asterisk (*) appears next to the question label
- Users cannot submit without providing a valid email
- Validation errors appear for empty or invalid entries
Email validation
Section titled “Email validation”The Email component automatically validates entries to ensure they follow standard email format:
Valid formats:
Invalid formats (will show error):
notanemail(missing @ and domain)user@(missing domain)@example.com(missing username)[email protected](invalid domain)
Tips for effective use
Section titled “Tips for effective use”Be clear about email usage. Tell respondents how their email will be used to build trust and encourage accurate submissions.
Consider privacy concerns. If email is optional, make that clear. Some respondents hesitate to share email addresses.
Use appropriate labels. “Email” or “Email address” is usually sufficient. Avoid overly formal language like “Electronic mail address.”
Specify email type when relevant. If you need a work email specifically, say so in the label or description.
Don’t ask twice. Avoid “confirm your email” fields unless absolutely necessary—they frustrate users and rarely catch typos.
Mobile optimization
Section titled “Mobile optimization”The Email component is optimized for mobile devices:
- Triggers the email-specific keyboard on mobile devices
- Shows @ and .com keys for faster entry
- Auto-capitalization is disabled
- Spell-check is disabled to prevent unwanted corrections
Accessibility
Section titled “Accessibility”The Email component is built with accessibility in mind:
- Input type is set to “email” for proper semantics
- Labels are properly associated with input fields
- Validation errors are announced to screen readers
- Keyboard navigation is fully supported
Handling responses
Section titled “Handling responses”Email responses in your form results:
- Are displayed as clickable mailto: links
- Can be exported for use in email marketing tools
- Are searchable in your responses list
Related
- Short Answer - For general text input
- Phone - For phone numbers
- Link - For URLs
Need help?
For additional assistance with the Email component, check our FAQ section or contact our support team.