Element Types

The Canvas allows you to build forms using different types of elements, each serving a unique purpose.
Element Types are grouped into four categories:

New Page
Send
FlowSplit
Conditional Split

This page covers all elements under New Page, including how they work and how to customize them.

Shared Characteristics Across All Elements
All question-based elements share the following core features:
1. Required / Not Required Toggle
  This toggle determines whether a question must be answered.
  - Green (ON): Required
  - Gray (OFF): Optional
  By default, all newly added questions are set as Required.
  Required questions are marked with an asterisk (*) in the live form.
  ℹ️ Note:
  Use Required only when necessary. Too many required fields can increase abandonment rates.
2. Question Name
  This is the main text of your question.
3. Description
  Use the Description field to provide additional context or instructions for the user.
  Descriptions help reduce confusion and improve form completion rates.
4. Input Field (Preview)
  The Canvas shows a visual preview of the input field as it will appear to users filling out the form.
Element Types (New Page)
Below is a breakdown of each element type inside the New Page category.
1. Short Text
  Used for questions where answers are expected to be short, such as:
  - Name
  - Job title
  - City
  - Favorite color
  +Suggest Feature
  This feature lets you provide suggested responses. Users can click a suggestion to auto-fill the input.
  To add a suggestion:
  1. Click + Suggest
  2. Enter the suggestion in the new input field
  After adding suggestions, the node may look like this:
  
  Users can click a suggestion to auto-fill their answer.
  
  To delete a suggestion:
  - Click in the suggestion field → a trash icon appears → click it to remove.
  💡 Tip:
  Suggestions work best for common, repetitive answers (e.g., department names or predefined labels).
2. Long Text
  Similar to Short Text, but intended for longer answers such as:
  - Feedback
  - Descriptions
  - Diagnostic notes
  - Multi-step explanations
  A Long Text node allows customization of:
  - Question name
  - Description
  - Placeholder text
  Example of a fully customized Long Text node:
  
  💡 Tip:
  Use Long Text sparingly — long responses take more effort and may discourage users.
3. Email
  Used to collect email addresses.
  This field includes built-in validation to ensure users enter a valid format (e.g., [email protected]).
  
  ⚠️ Important:
  Validation only ensures the format is correct — it does not check whether the email inbox exists.
4. URL
  Allows users to submit a valid website link. Common use cases include:
  - Portfolio websites
  - LinkedIn profiles
  - Digital CVs
5. Phone
  Used to collect phone numbers, with country code selection.
  (Insert screenshots 27–28)
  You can change the default country code:
  1. Click the arrow next to the flag
  2. Choose the desired country
  3. Or type the country name and select it from the list
  User experience on the form:
  
  💡 Tip:
  Set the default country code to the country most of your users are from.
6. Multiple Choice
  This element supports two modes:
  - Single Choice (select one option)
  - Multiple Choice (select multiple options)
  Single Choice Mode (Default)
  Add options using + Add Option.
  
  This icon indicates you can use that option for pathing (branching the flow).
  
  Example Single Choice pathing:
  
  To recreate:
  1. Click the arrow next to an option
  2. Choose New Page → Text
  3. Enter your message for that branch
  Multiple Choice Mode
  When switched to Multiple Choice, pathing becomes unavailable (because users can choose more than one answer).
7. Dropdown
  Functions like a Single Choice node but uses a dropdown menu instead of option buttons.
  
  Example:
  
  💡 Tip:
  Dropdowns are best when you have many options (e.g., 20+ items) to reduce clutter.
8. File Upload
  Allows users to upload:
  - Images
  - PDFs
  - Documents
  - Screenshots
  - Any other supported file format
  User view:
  
  Viewing Uploaded Files
  In the Results page:
  1. Click a response
  2. Open the Files tab
  You can view or download files. Viewing opens a modal preview:
  
  ⚠️ Important:
  File Upload fields may increase form submission size — avoid using too many in one form.
9. Date
  Used to collect a calendar date (e.g., bookings, birthdays, reservations).
  
  User experience varies by browser — native date pickers will appear:
10. Address
  Comes preloaded with a default structure:
  - Address Line 1
  - Address Line 2 (optional)
  - City
  - State / Region
  - Postal Code
  - Country
  You can add or remove fields:
  - Hover → trash icon → delete
    - Before:
    - After:
  - Click + Add Field to create new ones
  User view example:
11. Signature
  Allows users to provide a digital signature.
  
  Users can clear their signature using the X icon.
  
  In the Results page, signatures can be viewed or downloaded.
  
  ⚠️ Important Legal Notice:
  Signatures collected in Formflow do not constitute legally binding eSignatures under ESIGN, UETA, or eIDAS regulations.
12. Text (Terminal Node)
  The Text node displays a message to the user and can serve as a Terminal Node to end a form flow.
  
  If your form has any branch that does not end in a Terminal Node, you will see a publishing error.
  
  Using a Text node at the end of a path:
  
  ⚠️ Important:
  Every path in your form must end with a Terminal Node. Otherwise, the form cannot be published.