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 component.
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 component when it’s empty.
Examples:
- “[email protected]”
- “[email protected]”
- “Enter your email address”
Required
Section titled “Required”Toggle whether this component 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)
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 components
- 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