Text Input
The Text Input block allows you to collect a short, single-line text response from your user.
Question
Type the message or question you want the bot to ask the user.
- Example: “May I know your name?”
Placeholder
Type a hint text that appears inside the empty input box before the user starts typing.
- Example: “Type your full name here…”
Save to Variable
Select or create a custom storage variable to save the user’s response.
- How to use it later: You can easily display this answer in any later chat bubble by typing the variable name inside double curly brackets, like {{name}}.
Min Length & Max Length
Set character limits for the answer:
- Min Length: The fewest letters the user must type to move forward.
- Max Length: The maximum number of letters allowed in the box.
Allow Audio Clip
Toggle this switch to let users upload or attach a pre-recorded audio file (like an MP3 or OGG voice clip) as their answer.
Allow Attachment
Toggle this switch to let users attach and upload standard files or documents (like PDFs or images) alongside their response.
Text Area
The Text Area block allows you to collect a longer, multi-line text response from your user.
Question
Type the question or prompt you want the bot to show the user.
- Example: “Share your thoughts…”
Placeholder
Type a hint text that appears inside the empty box before the user begins writing.
- Example: “Write your feedback here…”
Save to Variable
Select or create a custom variable to save the user’s long response.
- How to use it later: You can easily display this message in any later chat bubble by typing {{message}}.
Rows
Type a number to set the starting height of the text box. A higher number makes the box taller right from the start so users see more lines of text.
Resize
Click this dropdown to control how users can manually change the size of the text box on their screen:
- Vertical: Users can only drag the box up and down to make it taller or shorter.
- Both: Users can freely drag the box both up/down and left/right to change its shape.
Min and Max Length
Set character limits for the response. This controls the minimum and maximum number of letters or symbols a user is allowed to type.
Required
Toggle this switch to choose if the question is mandatory.
- Enabled (Green): The user must write something in the text box before they can move forward.
Email Field
The Email Field block allows you to safely collect email addresses from your users.
Question
Type the message or question you want the bot to show the user.
- Example: “What is your email address?”
Placeholder
Type a hint text that appears inside the empty input box before the user types.
- Example: “name@example.com”
Save to Variable
Select or create a custom variable to save the user’s email address.
- How to use it later: You can display this email in any later chat bubble by typing {{email}}.
Validation & Rules
Smart Email Check (Automatic)
Formgic automatically checks the input text. If a user forgets the @ symbol or a proper extension (like .com), the form will stop them and gently ask for a valid email address before they can move forward.
Required
Toggle this switch to control if the email is mandatory.
- Enabled (Green): The user must type a valid email address to continue the conversation.
Number
The Number block allows you to collect a purely numeric value from your user.
Question
Type the question or prompt you want the bot to show the user.
- Example: “How old are you?”
Placeholder
Type a hint number that appears inside the empty box before the user types.
- Example: “0”
Save to Variable
Select or create a custom variable to save the user’s numeric response.
- How to use it later: You can display this number in any later chat bubble by typing your variable name, like {{age}}.
Prefix
Type a symbol or word that appears before the input box.
- Example: Adding $ or ₹ for currency values.
Suffix
Type a symbol or word that appears after the input box.
- Example: Adding % for percentages, or kg for weight measurements.
Validation Rules
Min & Max
Set strict limits for the numeric value:
- Min: The lowest number the user is allowed to enter.
- Max: The highest number the user is allowed to enter.
Step
Set the increment size for the input. For example, setting this to 5 will allow numbers like 5, 10, 15, etc. Setting it to 1 allows standard counting numbers.
Required
Toggle this switch to control if the question is mandatory.
- Enable: The user must enter a number before they can move forward.
Phone Input
The Phone block allows you to collect telephone numbers accurately from users all over the world.
Question
Type the message or question you want the bot to show the user.
- Example: “What is your phone number?”
Save to Variable
Select or create a custom variable to save the phone number response safely.
- How to use it later: You can display the collected phone number later by typing your variable name, like {{phone}}.
Country & Rules
Default Country
Click this dropdown menu to choose which country flag and country code should show up inside the input box by default when the chat first loads.
- Example: Selecting “United States (+1)” or “India (+91)” ensures the most common code for your target audience is ready to go automatically.
Required
Toggle this switch to control if entering a phone number is mandatory.
- Enable: The user must enter a valid phone number before they are allowed to move forward in the conversation.
Date Picker
The Date block allows you to display a clean, interactive popup calendar inside the chat window. This makes it incredibly easy for users to pick a date without making any typing mistakes.
Basic Settings
Question
Type the message or question you want the bot to display above the calendar.
- Example: “Select a date” or “When is your birthday?”
Save to Variable
Select or create a custom variable to save the date selected by the user.
- How to use it later: You can display the chosen date in any later chat bubble by typing your variable name, like {{date}}.
Calendar Limits & Rules
Min Date & Max Date
Set limits on which days users are allowed to click inside the calendar:
- Min Date: The earliest date a user can select. Any dates before this day will be locked and unclickable.
- Max Date: The furthest future date a user can select. Any dates after this day will be locked.
Disable Weekends
Toggle this switch to automatically block out Saturdays and Sundays on the calendar.
- Best used for: B2B companies, office appointments, or booking professional consultations that only take place during regular weekdays (Monday to Friday).
Required
Toggle this switch to control if picking a date is mandatory.
- Enabled (Green): The user must select a valid date from the calendar before they can move forward.
Time Picker
The Time block allows users to quickly select a time from an interactive clock menu without typing manually.
Question
Enter the message you want to show above the time picker.
- Example: “Select a time” or “When is the best time to call you?”
Save to Variable
Select or create a custom variable to save the exact time selected by the user.
- How to use it later: You can display the chosen time in any later chat bubble by typing your variable name, like {{time}}.
Format & Rules
Time Format
Choose how the time should be displayed.
- 12 Hours (AM/PM): Example: 2:30 PM
- 24 Hour: Example: 14:30
Required
Toggle this switch to control if picking a time slot is mandatory.
- Enabled : The user must choose a valid time slot from the menu before they can move forward.
Website
The Website block allows you to collect a web address (URL) from your users safely and accurately.
Question
Type the message or question you want the bot to show the user.
- Example: “What is your website?” or “Paste your portfolio link below:”
Save to Variable
Select or create a custom variable to save the website address.
- How to use it later: You can display this link in any later chat bubble by typing your variable name, like {{website}}.
Smart Link Check (Automatic)
Formgic automatically checks the text entered by the user. If they forget to include a proper web structure (like a domain extension such as .com, .org, or .net), the form will stop them and gently ask for a valid website URL before letting them move forward.
Required
Toggle this switch to control if entering a website link is mandatory.
- Enabled (Green): The user must type a valid website address to continue the conversation.
Rating
The Rating block allows you to collect visual feedback, stars, or numerical scores from your users. It is an excellent way to run customer satisfaction surveys (CSAT) or review checks right inside the chat window.
Basic Settings
Question
Type the question or message you want the bot to display above the rating icons.
- Example: “How would you rate your experience today?”
Save to Variable
Select or create a custom variable to save the numerical score chosen by the user.
- How to use it later: You can display the selected rating number in any later chat bubble by typing your variable name, like {{rating}}.
Customization Settings
Max Rating
Set the highest score limit for your rating scale.
- Example: Type 5 for a standard 5-star review, or 10 for a wider 10-point scale.
Style
Click this dropdown menu to choose how your rating choices look to the user:
- Stars ⭐: Displays classic clickable star icons.
- Number: Displays a clean row of sequential number buttons (e.g., 1, 2, 3, 4, 5).
- Emoji: Displays expressive faces or symbols for a fun, casual feeling.
Size
Click this dropdown menu to change the visual size of the rating icons on the screen (e.g., Small, Medium, Large) so they match your chat interface beautifully.
Rules & Configuration
Allow Half Ratings
Toggle this switch to let users select fractional scores.
- Enable: Users can click the exact half-point of a star or emoji to give a score like 4.5 out of 5.
- Disabled: Users can only click whole numbers, giving solid scores like 4 or 5.
Required
Toggle this switch to control if giving a rating score is mandatory.
- Enable: The user must select a rating value before they are allowed to move forward.
File Upload
The File Upload block allows your users to safely attach and upload files, documents, or images directly inside the chat window.
Basic Settings
Bot Message
Type the message or instruction you want the bot to display right above the upload box.
- Example: “Upload a file” or “Please share your resume below:”
Save to Variable
Select or create a custom variable to store the secure link of the uploaded file.
- How to use it later: You can access or display the file link in any later chat bubble by typing your variable name, like {{file}}.
Upload Rules & Limits
Accepted File Types
Specify exactly what kinds of files users are allowed to upload. Type them out as standard extensions separated by commas.
- Example: .pdf, .jpg, .png, .docx
- Tip: Leave this empty if you want to allow any file type.
Max File Size (MB)
Type a number to set the maximum file size weight allowed for a single upload.
- Example: Entering 5 means any file larger than 5MB will be blocked automatically to save your server space.
Allow Multiple Files
Toggle this switch if you want to let users select and upload more than one file at the same time.
- Disabled: Users can only upload 1 file.
Required
Toggle this switch to control if the upload step is mandatory.
- Enabled (Green): The user must successfully upload a file before they can continue.