The Link component provides a specialized input field for collecting URLs and web addresses. It includes built-in validation to ensure respondents enter properly formatted links.
When to use Link
Section titled “When to use Link”Link is useful for collecting:
- Website URLs
- Portfolio links
- Social media profiles
- LinkedIn profiles
- GitHub repositories
- Reference links or sources
- Any web address
Adding a Link component
Section titled “Adding a Link component”-
Open your form in the editor
-
Drag the Link 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:
- “Website URL”
- “Portfolio link”
- “LinkedIn profile”
- “Link to your work”
Description
Section titled “Description”Optional helper text that appears below the question label.
When to use descriptions:
- To specify what type of link you’re looking for
- To provide format examples
- To explain why you need the link
Examples:
- “Share a link to your online portfolio or personal website”
- “Enter the full URL including https://”
- “Link to a project that demonstrates your skills”
Placeholder
Section titled “Placeholder”Ghost text that appears inside the input field when it’s empty.
Examples:
- “https://example.com”
- “https://linkedin.com/in/yourprofile”
- “https://github.com/username”
- “Enter URL”
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 URL
- Validation errors appear for empty or invalid entries
URL validation
Section titled “URL validation”The Link component validates entries to ensure they follow standard URL format:
Valid formats:
https://example.comhttp://www.example.comhttps://example.com/page/subpagehttps://example.com?param=value
Invalid formats (will show error):
example.com(missing protocol)not a urlwww.example(incomplete domain)
Tips for effective use
Section titled “Tips for effective use”Specify the type of link. Instead of just “Link,” use specific labels like “Portfolio URL” or “LinkedIn profile” to get the right type of link.
Show the expected format. Use placeholders that demonstrate the full URL format including https://.
Consider making it optional. Not everyone has a portfolio or public profile. Making link fields optional can improve completion rates.
Explain why you need it. If the purpose isn’t obvious, explain in the description why you’re asking for this link.
Be specific about platforms. If you want a specific platform (LinkedIn, GitHub, etc.), say so clearly in the label.
Mobile optimization
Section titled “Mobile optimization”The Link component is optimized for mobile devices:
- Triggers the URL-specific keyboard on mobile devices
- Shows .com and / keys for faster entry
- Auto-capitalization is disabled
- Spell-check is disabled
Accessibility
Section titled “Accessibility”The Link component is built with accessibility in mind:
- Input type is set to “url” 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”Link responses in your form results:
- Are displayed as clickable hyperlinks
- Open in a new tab when clicked
- Can be exported for further processing
- Are searchable in your responses list
Related
- Short Answer - For general text input
- Email - For email addresses
- Long Answer - For detailed text responses
Need help?
For additional assistance with the Link component, check our FAQ section or contact our support team.