In your form builder, Basic Fields lists the fields that your form will need to collect basic information from your respondents.
Single Line
The Single Line field is a form field for concise input, typically accommodating short text or numeric data. For example, you can collect unique identification numbers with a character limit and specific input format.
In the Properties of the field, several customizable features enhance its functionality and user experience:
Placeholder Text
You have the option to provide placeholder text, offering a brief hint or example to guide respondents on the expected input. This aids clarity and encourages accurate responses.
Character Limit
The field can be configured with a specified character limit, ensuring that responses remain within a defined range.
Range: 0 - 255 characters
Initial Value
Provide the initial value to be displayed when the form loads. This allows you to prefill the field with default content, streamlining the data entry process for respondents.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
- No Duplicates: Prevent the submission of identical entries.
Input Type
You can choose the Input Type in which the respondents can provide input in the Single Line field from the following options:
- Any Character
- Letters Only
- Letters and Numbers
- Letters, Numbers and Spaces
- Letters and Spaces
- Custom Entry Format
If you are looking to collect field responses in a specific format (for example, an ID number which is a combination of alpha-numeric characters), choose the Custom Entry Format option in the Input type of the Single Line field properties.
Watch a quick video to understand a simple use-case where the Entry Format option can be used.
To use this option,
Go to the Properties of the Single Line field.
Under Input Type, select Custom Entry Format from the dropdown.
Under Entry Format, enter the format in which you wish to receive the responses using the below denotations:
W | Uppercase letters |
w | Lowercase letters |
L | Any letters (case insensitive) |
d | Digits |
* | Alphanumeric characters |
@ # $ % ^ & * ( ) - _ + = \ | : ' " , . / Space | Special characters |
To accept any of the above mentioned characters as input from respondents, you must prefix \ with these characters as shown:
\W denotes the alphabet W
\w denotes the alphabet w
\L denotes the alphabet L
\d denotes the alphabet d
\* denotes the character *
\\ denotes the character \
Check out the following examples to understand better:
If you wish to collect driver's license number with one alphabet followed by 12 numbers (Eg: S-514-778-616-977), you must enter the pattern as follows in the Single Line field Properties:
W-ddd-ddd-ddd-ddd
If you wish to collect the Employee IDs of respondents in the format:
ZYK-pm-0497 (ZYK - 2 Lower case alphabets - 4 Digits)
You must enter the pattern as follows in the Single Line field Properties:
ZYK-ww-dddd
If you wish to collect a Product Code in the format:
Wd-36-fp\6546 (Wd - 2 Digits - 2 Lower case alphabets \ 4 Digits)
You must enter the pattern as follows in the Single Line field Properties:
\W\d-dd-ww\\dddd
Alternatively, you can generate a format in which you wish to receive the field input. To do so,
Click the Generate Format option in the right corner of Entry Format under Properties.
In the pop-up, enter an example in the desired format.
For example: If you wish to collect the PAN of your respondents in a format with the first 5 characters being alphabets, followed by 4 numeric values, and ending with an alphabet, you can enter an example of the format as shown:
Note: If you wish to have a static content in the format, you must enclose the content in curly braces {}.
For example, {ZYK} - 123 will generate the format ZYK - ddd. Click Generate.
Click Use Format to use the generated format under Entry Format.
You can customize the default error message Entry does not match the required format under Settings > Custom Messages > Field Validation Messages to help your respondents enter the response in the required format.
Input Text Case
You have the flexibility to control the visual presentation of the entered text, aligning it with the intended formatting standards for your form.
- System Default
- Upper Case
- Lower Case
- Proper Case
Multi Line
The Multi Line field is a form field to capture responses that require more extensive input than a single line allows. It's particularly useful when you need respondents to provide detailed or elaborative information. For example, in a Feedback form for an event or a product, you can let respondents to share their overall experience or provide any additional comments over your service.
In the Properties of the field, several customizable features enhance its functionality and user experience:
Placeholder Text
You have the option to provide placeholder text, offering a brief hint or example to guide respondents on the expected input. This aids clarity and encourages accurate responses.
Character Limit
The field can be configured with a specified character or word limit, ensuring that responses remain within a defined range.
Range: 0 - 65535 characters/ 0 - 5000 words
Initial Value
Provide the initial value to be displayed when the form loads. This allows you to prefill the field with default content, streamlining the data entry process for respondents.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
Input Text Case
You have the flexibility to control the visual presentation of the entered text, aligning it with the intended formatting standards for your form.
- System Default
- Upper Case
- Lower Case
- Proper Case
Number
The Number field is a form field to collect numerical data from respondents.
In the Properties of the field,
- You can provide placeholder text, offering a brief hint or example to guide respondents on the expected input.
- You can define the number of digits allowed in the entered numerical value. Range : 0 - 18 digits
- You can constrain responses to a defined numerical range by setting minimum and maximum values. Respondents can only input values that fall within the specified minimum and maximum limits. For example, in the context of an Age field, you can set the minimum age to 18 and the maximum age to 65.
- You can use responses from other fields to dynamically influence the minimum and maximum values the respondent can enter in the Number field.
- You can provide a Unit to a number field to enhance clarity and context for respondents. For example, include unit such as meters or kilometers for a field capturing distance.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
- No Duplicates: Prevent the submission of identical entries.
- Allow Negative Value: Allow respondents to input numeric values that fall below zero.
- Include number input confirmation: Selecting this option prompts the respondents to re-enter the number for confirmation. The numbers are checked for matching entries, ensuring that users have correctly provided the numbers. It helps prevent typos and confirms that the provided number is accurate.
Decimal
The Decimal field is a form field to collect numerical data that includes decimal points, offering a more precise way to capture fractional values.
In the Properties of the field,
- You can provide placeholder text, offering a brief hint or example to guide respondents on the expected input.
- Thousand Separator: Automatically include a symbol (such as a comma or period) to separate groups of thousands when users input large numbers.
- Rounded to: You can set the number of decimal places allowed to ensure consistency and precision in the collected data.
- You can provide a Unit to a Decimal field to enhance clarity and context for respondents.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
- No Duplicates: Prevent the submission of identical entries.
- Allow Negative Value: Allow respondents to input numeric values that fall below zero.
Name
The Name field is a form field to efficiently collect name-related information within your forms.
Properties:
- Name Elements: The Name field typically comprises multiple elements, including Title (Mr., Mrs., Ms.), First Name, Middle Name, and Last Name.
- Designate specific name elements as mandatory by clicking the icon corresponding to an element. This ensures that respondents provide essential components, such as the first and last names, enhancing the completeness of the collected data.
- Hide the labels associated with name elements, offering a clean and streamlined appearance to the form. This can be particularly useful when space is a consideration, or when you prefer a more minimalist design.
Input Type:
You can choose the Input Type in which the respondents can provide input in the Name field from the following options:
- Any Character
- Letters Only
- Letters and Numbers
- Letters, Numbers and Spaces
- Letters and Spaces
This provides flexibility in adapting the Name field to different naming conventions or specific data requirements.
- Placeholder Text: Provide a placeholder text for each name element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
Input Text Case: You have the flexibility to control the visual presentation of the entered text, aligning it with the intended formatting standards for your form.
- System Default
- Upper Case
- Lower Case
- Proper Case
Learn more about input text case
Address
The Address field captures comprehensive address information with distinct elements, creating a structured and standardized approach to collecting location data.
- Address Elements:
Street Address: The specific street or building information.
Address Line 2: Additional address details, such as suite or apartment number.
City: The city or locality.
State/Region/Province: The state, region, or province.
Postal/Zip Code: The postal or zip code for the area.
Country: The country of residence. - You can set individual address elements to be mandatory for the user to fill in by clicking the icon corresponding to an element. For instance, you might make the Street Address, City, and Country mandatory to ensure essential address components are provided.
- You can choose to hide the labels associated with address elements to achieve a cleaner and more streamlined appearance in the form.
- Auto-fill Address From: This option enhances user convenience by suggesting and auto-filling address fields based on input. Choose one of the three elements (Street Address, Address Line 2, or Postal/Zip Code) to enable this feature. As a user begins typing in the selected field in the live form, a list of suggested addresses appears. When a user selects a suggestion from the list, the other address fields are automatically filled in with the corresponding details.
- Input Method: State/Region/Province: For the "State/Region/Province" element in an address field, you can choose the input method, allowing users to enter this information manually or automating it through a dynamically generated list of states based on the selected country.
- Allowed Countries: Tailor the available country options in the dropdown menu to display only the relevant countries for your audience or the specific context of your form.
- Default Country: You can set a default country to streamline the form-filling process. This can be achieved by selecting a country from the list or by automatically determining the country based on the respondent's IP location.
- Placeholder Text: Provide a placeholder text for each address element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Input Text Case: You have the flexibility to control the visual presentation of the entered text, aligning it with the intended formatting standards for your form.
- System Default
- Upper Case
- Lower Case
- Proper Case
Phone
The Phone field in a form collects phone numbers from respondents in a standardized format. For example, in a form for event registration where participants need to provide their contact information, the Phone field allows users to input their phone numbers.
- Field Format: Choose the desired format of the phone number from the Field Format dropdown list. This allows you to tailor the presentation of phone numbers according to regional or organizational preferences. Zoho Forms offers 2 formats for the phone number - International and ### - ### - ####.
- Placeholder Text: Provide a placeholder text to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Country Code: If you have opted for International format, you can opt to include the country code in the Phone field. You can also specify the desired countries to be listed in the dropdown, providing a streamlined experience for users.
- Allowed Countries: If you choose to include country code in the Phone field, by default all the country codes will be listed. you can refine the list by selecting only the desired countries from the Allowed Countries dropdown.
- Default Country: If you choose to include country code in the Phone field, you can set a default country to enhance user experience. This can be achieved by selecting a country from the list or automatically determining the country based on the respondent's IP location.
- Range: Specify the minimum and maximum digits that can be entered for a Phone field under Range.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
- No Duplicates: Prevent the submission of identical entries.
- Allow only numbers: Ensures that only numeric characters are accepted in the phone number field. This helps prevent users from entering non-numeric characters, ensuring data consistency and accuracy.
Include phone input confirmation: Selecting this option prompts the respondents to re-enter their phone number for confirmation. The phone numbers are checked for matching entries, ensuring that users have correctly provided their numbers. It helps prevent typos and confirms that the provided phone number is accurate.
Implementation Tips:
- Clear Instructions: Provide clear instructions on how respondents should format their phone numbers and use the confirmation field.
- Dynamic Default Country: Consider dynamically setting the default country based on the user's IP location for a personalized experience.
Email
The Email field in a form collects email addresses while providing various properties to ensure accuracy, validation, and user confirmation.
Properties:
- Placeholder Text: Provide a placeholder text to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Domain Validation: You can allow or restrict specific domains, providing flexibility in tailoring the form to your organization's needs. For example, in scenarios where you want to ensure that respondents use official or specific email domains associated with your organization in a privately shared form, you can use the domain validation option.
- Input Text Case: You have the flexibility to control the visual presentation of the entered text, aligning it with the intended formatting standards for your form.
System Default (-) : Retains the original text case in which the respondent enters.
Uppercase (AA) : Forces all text entered into the field to be displayed in uppercase letters.
Lowercase (aa) : Converts all entered text into lowercase letters for consistent formatting.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering the data in this field.
- No Duplicates: Prevent the submission of identical entries.
Include email input confirmation: Selecting this option prompts respondents to re-enter their email address for confirmation. The email addresses are checked for matching entries, ensuring that users have correctly provided their email addresses. It helps prevent typos and ensures that the provided email address is accurate.
Date
With the Date field, you can obtain a date within the specified range.
Placeholder Text: Provide a placeholder text to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
You can choose to autofill the date of response to prefill the Date field with current date and do a lot more by customizing date settings.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a date in this field.
- No Duplicates: Prevent the submission of identical entries.
Time
The Time field in a form is designed to collect time values, offering customization options for the format, minute intervals, and the ability to autofill the current time.
- Time Format: Let users enter time values in your desired time format (12-hour or 24-hour time notation), providing flexibility based on regional or organizational preferences.
- Minute Interval: Specify the minute interval to control the granularity of time entries. For example, you can set intervals of 15 minutes, allowing users to choose from a list of options like 12:00, 12:15, 12:30, etc.
- Initial Value: You can set the default time that is automatically prefilled when a user accesses the form.
- Autofill Time of Response: Selecting this option automatically populates the Time field with the current time when the user accesses the form. This can save time for users and ensure that the submission timestamp accurately reflects the current time.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a time in this field.
- No Duplicates: Prevent the submission of identical entries.
Date-Time
- The Date-Time field collects both date and time values, offering a range of properties to customize the format, range, and prefilling options.
- Allow users to input date values within a specific range, providing control over the timeframe for date entries.
- Let users input time values in the desired time format (12-hour or 24-hour formats).
- Automatically populate the Date-Time field with the current date and time when the user accesses the form.
Month-Year
- The Month-Year field in Zoho Forms allows you to specify the range of months and years available for respondents to select.
- This field is particularly useful when you need to limit choices to a specific period for the respondents, such as booking appointments or selecting project timelines.
Decision Box
The Decision Box field allows users to indicate their agreement or disagreement by checking or unchecking the box associated with a specific option. It provides several properties to customize the user experience and capture decision-related data effectively.
- Initial State: You can set a default status for the Decision Box, defining whether the box should be initially checked (indicating agreement) or unchecked (indicating disagreement) when the form loads.
- State Display Message: Depending on the checked or unchecked status of the Decision Box, you can customize the State Display Message. This customized message is utilized in various contexts such as email notifications, Zoho Sheets integration, Google Sheets integration, reports, entries, approvals, and tasks. This customization ensures that the decision status is clearly conveyed and understood.
- Prefill Decision Box State in Redirected Forms/Websites: If you have configured to prefill the Decision Box state from the current form to a redirected form or website, the decision status of the current form will be applied to the redirected form or website. This allows for continuity in decision statuses when users move from one form to another, ensuring a seamless and consistent user experience. Refer to the FAQ for more details.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting the checkbox in this field. For example, consider a scenario where a user must make a critical decision in the form, and submitting the form without making this decision is not allowed. In such cases, you can make the Decision Box field mandatory.
Implementation Tips:
- Clear Labels: Use clear and concise labels for the Decision Box and its associated options to avoid confusion.
- Consistent Messaging: Ensure that the State Display Message is consistent with the context in which it is used to maintain clarity in communication.
- User Guidance: If necessary, provide instructions or additional information to guide users in making informed decisions.
Dropdown
The Dropdown field allows users to select a single option from a list. It comes with several properties to customize the list of choices and enhance the user experience.
- Field Type: You can change the Dropdown field type to Radio field type in the properties.
- Placeholder Text: Provide a placeholder text for each name element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Add a list of choices as needed, providing users with a selection to pick from. Name the choices as you wish, tailoring them to better suit the context of your form.
- Import options: You can insert a list of pre-defined standard list of options or manually add the choices in the field. If you have a long list of options, such as a list of countries, it can become tedious to add each country as a choice in the Dropdown field. To make your job simpler, Zoho Forms provides you with the option to group choices and import the choices in bulk so you can add a long list of choices in the dropdown list without a hassle
- Assign Values: You can assign values (Numeric, Text, Email) to each choice. These assigned values can be used to perform calculations. Check out how you can use the values assigned to choices in Formulas, Email Notifications, Thank You Page, and Integrations. You can also configure rules to work with group choices.
Group Choices: Organize choices into multiple groups. This is particularly useful when you have a large number of choices and want to categorize them for better organization and user navigation.
- Sort Choices: You can sort the choices in ascending or descending order.
- Change Dropdown style to include a search option: Make a dropdown searchable so that the users can quickly find the required option from a long list of options by typing in a choice name. To make a Dropdown field searchable, navigate to Themes tab > Customize Form > Form tab > Fields > Dropdown List > Style > Searchable.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a choice from the Dropdown field.
Radio
The Radio field allows users to select one option from a list. In a Radio field, when a user selects one option, it automatically deselects any other options within the same field. It comes with several properties to customize the list of choices and enhance the user experience:
- Field Type: You can change the Radio field type to Dropdown field type in the properties.
- Show data in: Customize the layout or style of the Radio field to display the choices in 1/2/3 columns or side by side.
- Placeholder Text: Provide a placeholder text for each name element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Add a list of choices as needed, providing users with a selection to pick from. Name the choices as you wish, tailoring them to better suit the context of your form.
- Import options: You can insert a list of pre-defined standard list of options or manually add the choices in the field.
- Assign Values: You can assign values (Numeric, Text, Email) to each choice. These assigned values can be used to perform calculations. Check out how you can use the values assigned to choices in Formulas, Email Notifications, Thank You Page, and Integrations.
- Sort Choices: You can sort the choices in ascending or descending order.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a choice in the Radio field.
Multiple Choice
A Multiple Choice field allows users to select one or more answers from a list of predefined choices.
- Field Type: You can change the Multiple Choice field type to Checkbox field type in the properties.
Choice Limit: You can set a limit on the number of choices a user can select.
Import options: You can insert a list of pre-defined standard list of options or manually add the choices in the field.
- Assign Values: You can assign values (Numeric, Text, Email) to each choice. These assigned values can be used to perform calculations. Check out how you can use the values assigned to choices in Formulas, Email Notifications, Thank You Page, and Integrations.
- Sort Choices: You can sort the choices in ascending or descending order.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a choice in the Multiple Choice field.
Checkbox
A Checkbox field allows users to select one or more options from a list of choices. Each checkbox is typically accompanied by a label representing a distinct choice.
- Field Type: You can change the Checkbox field type to Multiple Choice field type in the properties.
- Show data in: Customize the layout or style of the Checkbox field to display the choices in 1/2/3 columns or side by side.
- Choice Limit: You can set a limit on the number of choices a user can select.
- Import options: You can insert a list of pre-defined standard list of options or manually add the choices in the field.
- Assign Values: You can assign values (Numeric, Text, Email) to each choice. These assigned values can be used to perform calculations. Check out how you can use the values assigned to choices in Formulas, Email Notifications, Thank You Page, and Integrations.
- Sort Choices: You can sort the choices in ascending or descending order.
Validation
- Mandatory: Ensure that respondents cannot submit the form without selecting a choice in the Checkbox field.
Website
The Website field in a form is designed to capture and validate website addresses (URLs) provided by users. Users can input a website address, commonly known as a URL (Uniform Resource Locator), into the website field.
- Placeholder Text: Provide a placeholder text for each name element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Initial Value: You can set the default website URL that is automatically prefilled when a user accesses the form.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering a URL in the Website field.
Currency
The Currency field captures monetary values in a specific currency along with its unit. This could be a monetary value associated with a transaction, donation, or any other financial information.
- Placeholder Text: Provide a placeholder text for each name element in a form to enhance user guidance and set expectations for respondents. Placeholder text serves as a temporary example or hint within the form fields.
- Select a Unit for the currency and choose if you wish to display the unit as a code or a symbol.
- Thousand Separator: Automatically include a symbol (such as a comma or period) to separate groups of thousands when users input large numbers of currency.
- Rounded to: The Currency field allows decimal values. You can set the number of decimal places allowed to ensure consistency and precision in the collected data.
- Initial Value: You can set the default currency amount to prefilled when the user accesses your form.
- Range: The field can be configured with a defined range of acceptable values. This involves setting minimum and maximum digits/values to constrain the allowable input.
Validation
- Mandatory: Ensure that respondents cannot submit the form without entering data in this field.
- No Duplicates: Prevent the submission of identical entries.
- Allow Negative Value: Allow respondents to input numeric values that fall below zero.
File Upload
The File Upload field in a form allows users to submit multiple files, and it comes with various customizable settings to control the types, number, and size of the files that can be uploaded.
- Allowed File Format(s): By default, the field accepts files of all formats. However, you can specify the desired file formats by entering them in the "Allowed File Type" section. This ensures that only files with specified formats are accepted.
- Upload Limit: You can set both minimum and maximum limits on the number of files that users can upload. This provides flexibility in controlling the quantity of files submitted.
File Upload Limit : Upto 5 - File Size: Specify the minimum and maximum sizes for each file. Additionally, you can choose to set these limits in kilobytes (KB) or megabytes (MB), depending on your preference.
Maximum size allowed: 20 MB/20480 KB
To allow file size above 20MB (upto1GB): Upgrade to our Premium or Zoho One Enterprise plan and configure to store the file attachments in Zoho WorkDrive. Learn more - File Name: When respondents upload files to your form, the different file names they use can make it difficult for you to visually organize the files. To make the names look consistent and to help you organize the files better, you can use the File Name option to rename the uploaded files automatically when a respondent submits the form. Learn more about Renaming uploaded files.
Validation
- Mandatory: Ensure that respondents cannot submit the form without uploading files to this field.
Image Upload
Using this field, respondents can capture an image using their smart phone or upload images from their gallery or computer to a form.
To configure an Image Upload field,
- Add the Image Upload field from the Basic Fields to your form.
- Under Properties, enter the name of the field in Field Label.
- You can enter the minimum and the maximum number of images that can be uploaded to the field under Image Upload Limit.
- You can enter the minimum and maximum size allowed for an image under File Size.
To allow image size above 20 MB (upto 1 GB): Upgrade to our Premium or Zoho One Enterprise plan and configure to store the file attachments in Zoho WorkDrive. Learn more - You can select the allowed formats of images under Allowed File Type.
Respondent can either upload images from their device or use the webcam to directly take pictures by clicking
.
Note:
- Respondents must turn on the camera permission on their browser if they wish to use their webcam to capture pictures.
- Respondents can capture images using webcam only in .png format.
- If your form is embedded on a website, the respondents will not be able to capture pictures using the webcam. To allow this, you must include the following in the embed code:
allow="camera"
?zf_enablecamera=true
For example:
While embedding using iframe
While embedding using JavaScript
While embedding as Lightbox pop-up
Uploading images from mobile
For a mobile app user,
- Select if you wish to allow users to capture images using the Front Camera or Rear Camera under Default Mode.
To allow users to upload pictures from their gallery, select Use Photo Gallery.
To allow users to capture images using both front and rear camera modes, select Switch between Camera modes.
To set a timer to capture images, select Use Timer.
To compress the size of the captured images, select Enable Compression.
Audio/Video Upload
Whether you're collecting video resumes in job applications, getting videos for a film audition, or getting song auditions via online forms, the Audio/Video Upload field makes it a breeze. Using this field, you can let your respondents upload audio/video files or record audio/video in the live form.
To add an Audio/Video field on your form,
- Drag and drop the Audio/Video Upload field from the Basic Fields.
- In the pop-up, select if you want to let respondent upload Audio or Video files.
- In the field Properties, you can change the Field Label and describe your expectation of the media file to be uploaded under Instructions.
- You change the Field Type from Audio to Video or vice-versa at any point.
- You can enter the minimum and the maximum number of media files that can be uploaded to the field under File Upload Limit.
- You can enter the minimum and maximum size allowed for a media file under File Size. The maximum size allowed is 20 MB.
To allow file size above 20 MB (upto 1 GB): Upgrade to our Premium or Zoho One Enterprise plan and configure to store the file attachments in Zoho WorkDrive. Learn more - When respondents upload audio/video files to your form, the different file names they use can make it difficult for you to visually organize the files. To make the names look consistent, you can use the File Name option to rename the uploaded files automatically when a respondent submits the form.
- You can select the formats of the audio/video files that can be uploaded under Allowed File Format.
Supported Audio file formats: mp3, m4a, flac, wav, wma, aiff
Supported Video file formats: mp4, mov, wmv, avi, mkv, webm
By default some web browsers support recording of audio/video in a specific format only.
Audio recording formats supported - wav (in all web and mobile browsers)
Video recording formats supported (in web browsers):
Chrome | webm |
Firefox | webm |
Edge | webm |
Opera mini | webm |
Ulla | webm |
Safari | mp4 |
For a mobile app user:
- To allow users to upload audio files from their media gallery, select Use Media Gallery.
- If you have chosen to provide a Video Upload field, you can additionally allow users to record video using both front and rear camera modes, by selecting Switch between Camera modes.
You can download or play the media files uploaded in the submitted form entries in the All Entries/ Reports section.
Note:
- To record audio, respondents must grant microphone permission in their browser settings.
- To record video using the webcam, respondents must grant camera permission in their browser settings.
- To record video with audio, respondents must enable both camera and microphone permissions. However, if only camera permission is enabled without the microphone permission, video will be recorded without any audio.
Description
You can make personalized interactions with your respondents by customizing the Description field. You can include the responses of other fields within the Description text.
To do this,
- Drag and drop the Description field from the Basic Fields to your form in the form builder.
The response for a field included within the Description will automatically appear in the live form as a respondent fills the form.
Click Done.
Supported Field Types for Description
Single Line, Number, Decimal, Address, Name, Dropdown, Radio, Email, Website, Phone, Date, Date-Time, Time, Currency, Slider, Rating, Formula.
Note :
- You can include a maximum of 12 fields in Description.
- Only the field labels of the fields configured above the Description field will be displayed in the Field Labels list.
- To avoid data abuse while collecting responses, the field included within Description will not be prefilled when the values are passed using Field Alias for the following field types: Name, Address, Dropdown, Radio, and Single Line.
Section
When a form is lengthy or has distinct categories, sections help break it down into more manageable parts. The Section field in a form can be used to organize and group related fields in the form together.
Create distinct sections within the form, making it easier for users to navigate and understand the structure of the form. The Section field is not used for collecting data directly. Instead, it helps organize the form into logical sections, grouping related information together.
After dragging and dropping a new section on your form builder, enter a label or title for the section. This label provides context and helps users understand the purpose of the fields contained within that section.
You can provide instructions for each section to guide users on the type of information expected.
Page Break
The Page Break field enables the design of multi-page forms. This field introduces a break in the form, dividing it into distinct pages. Users navigate through the form by progressing from one page to the next. It is ideal for guiding users through a step-by-step process, where each page represents a distinct stage.
When adding a Page Break field, you can specify a title for the page which serves as a label for the content on that particular page, providing users with context.
Learn more about:
- Creating multi-page forms with Page Break field
- Using Page Rules in multi-page forms
What is the difference between Section field and Page Break Field?
Section Field: The Section field is used to divide the form into separate parts or sections within the same page. This can help organize related fields together under a heading (like "Personal Details" and "Travel Details") for better readability and structure.
Page Break Field: The Page Break field separates parts of the form into different pages. When a user completes one page, they click "Next" to move to the next set of questions. This is useful for longer forms as it prevents the form from feeling overwhelming by presenting one page at a time.
In summary, Sections organize content within the same page, while Page Break splits the form into multiple pages for a step-by-step flow.
Slider
A Slider field allows your users to choose a number value on a slider scale by clicking and dragging the pointer on the slider. This field can be used in scenarios where you want to know what your respondents think about your service, or if you want to know their level of satisfaction, their experience with your business on feedback forms, and a lot more.
To add a Slider field to your form,
- Drag and drop the Slider field from the Basic Fields to your form in the form builder.
- Under Properties, you can enter a numeric value to be set as the Initial Value on the slider when a respondent accesses your form. The respondent can however, change this initial value as required.
- You can set the minimum and the maximum values that the the user can select on the slider under Range .
- You can give a Unit of measurement for the values that will be displayed next to the min and max values on the slider scale.
You can provide a Step Value which determines the step size for each increment in the pointer's position on the slider.
If you set the Step Value to 10, for example, each click and drag on the slider will scale to 10, 20, 30, and so on.
Note: Ensure that the you choose a step value that splits the slider at equal intervals within the given range. You can choose to display these Step Values, and the Step Pointers on the slider by enabling the respective checkboxes as shown.
Note: The step values and the step pointers will be displayed only if the slider's slice count is 10 or less.
- If you choose to have different labels for Min and Max, select the Show Min/Max Label option and provide the desired label name for each.
Rating
The Rating field enables the inclusion of diverse rating types.
You can choose from a range of predefined symbols that can be used to rate your product or service from the Rating Type dropdown.
You can also choose the count of symbols presented to users for rating. Let the chosen symbol count corresponds to the intended rating scale (e.g., a 5-star system with 5 symbols, allowing users to choose from 1 to 5 stars to indicate their satisfaction level with your service.)
Validation
- Mandatory: Ensure that respondents cannot submit the form without providing the rating.
Unique ID
With this field, each form entry will be assigned a unique ID to help uniquely identify each entry.
To do so,
- Add a Unique ID field from the Basic Fields to your form.
- Under Properties, you can enter a numeric value for the unique ID sequence to start with in Starts From.
You can include the field responses as Prefix or Suffix to the Unique ID.
The unique IDs assigned to the form entries can be viewed under the Unique ID column in the All Entries section of your form.
- Unique ID field supports a maximum length of 250 characters. If the prefixed or suffixed field responses make the character count exceed the maximum limit, the Unique ID will be trimmed to 250 characters.
- Fields supported to be added as Prefix or Suffix to the Unique ID: Single Line, Number, Decimal, Phone Number, Name, Address, Date, Date-Time, Currency, Slider, Rating, Time, DropDown, Radio.
Check out how you can make the Unique ID field visible in your form's PDF copy.
Audio/Video Embed
Embed field allows you to seamlessly embed video and audio directly within your form.
To embed video/audio on your form,
- Drag and drop the Embed field from the Basic fields.
In the pop-up, select the
Type of Embed and provide the appropriate URL from supported sources.
To copy embed code from Zoho WorkDrive,
- Select the file in Zoho WorkDrive.
- Click the Share dropdown in the top action bar.
- Select New embed code from the dropdown.
- From this copy the source alone as highlighted in the below example.
<iframe src="https://workdrive.zohoexternal.com/embed/him233b2d94f5be2218f2556a65fe33eba?toolbar=false&appearance=light&themecolor=green" scrolling="no" frameborder="0" allowfullscreen=true width="800" height="520" title="Embed code" ></iframe>
- Paste this code in the Embed Pop-up in Zoho Forms.
Note: For WorkDrive URLs with custom domains, you'll need to modify the URL format by replacing the custom domain with workdrive.zohoexternal.(dc).
For example:
Change this URL: https://zylker.com/embed/g5k5b09ffb43d30da4d8483dwe1544d2120?toolbar=false&appearance=light&themecolor=grey
To this: https://workdrive.zohoexternal.com/embed/g5k5b09ffb43d30da4d8483dwe1544d2120?toolbar=false&appearance=light&themecolor=grey
3. In the field Properties, you can change the Field Label and provide description about the embed file under Instructions.
4. You can change the Type of Embed from Audio to Video or vice-versa at any point. Changing the embed type removes the URL associated with the previous selection.
5. You can choose to align the embed container to the left, center or right of the form using Embed Container Alignment
6.Select the embedded video orientation type (Landscape or Portrait), specifically for forms viewed on mobile devices to enhance responsiveness.
7. You can adjust the Width and Height of the embedded audio/video container. You can adjust the width in both px and %. If you choose to have the embedded audio/video to be responsive on all the devices, we recommend you to prefer to configure the width in %.
8. Allowed width range and height range of the container is 250px/30% to 1000px/100% and 150px to 500px respectively, if you enter value outside this range the embed container will automatically adjust to the default size of 560px width and 315px height.
Supported video sources:
YouTube, Instagram, Vimeo, Loom, Dailymotion, Wordpress TV, KinoMap, Zoho WorkDrive, Dubb (copy the source URL from the embed code for Dubb).
Supported audio sources:
Spotify, SoundCloud, Amazon Music, Youtube Music, Apple Music, Zoho WorkDrive.
9. To enable video/audio autoplay option, the following parameters must be appended to the URL format.
Video Sources | Paramaters to be appended |
Youtube | autoplay=1&mute=1 |
Youtube Shorts | autoplay=1&mute=1 |
Vimeo | autoplay=1&muted=1&autopause=0 |
Instagram | Autoplay not allowed |
DailyMotion | autoplay by default |
Loom | autoplay=1 |
Wordpress TV | autoplay=1 |
KinoMap | autoStart=true |
Zoho WorkDrive | autoplay=true |
Dubb | autoplay=0&muted=0 |
Audio Sources | Paramaters to be appended |
Spotify | Autoplay not allowed |
SoundCloud | auto_play=true |
Amazon Music | Autoplay not allowed |
Youtube Music | autoplay=1&mute=1 |
Apple Music | Autoplay not allowed |
Zoho WorkDrive | autoplay=true |
Note:
- Certain YouTube videos have download limitations. When these videos are embedded in forms and shared, they will play on web forms but not on mobile devices due to download restrictions.
- Autoplay restrictions in some browsers may prevent videos from playing automatically on form load, even if parameters are added.