Ray's Contact Form
Basic Fields – Complete Guide
Basic Fields are the core building blocks of your forms.
They are designed for:
- Contact forms
- Inquiry forms
- Feedback forms
- Simple registrations
- Lead capture forms
Each Basic Field is easy to configure and works seamlessly with:
- Multi-column layouts
- Conditional Logic
- Email notifications
- Theme styling
This guide explains every Basic Field in detail.
Text Field
Single-line text input field.
The Text field is one of the most commonly used fields.
Best Used For:
- First Name
- Last Name
- Company Name
- Subject
- Short answers
Key Features:
- Custom label
- Placeholder text
- Required option
- Default value
- Column width control
- Conditional Logic support
When to Use It
Use the Text field when you need short, single-line input.
Avoid using it for long messages — use Textarea instead.
Email Field
Email address input field with built-in validation.
The Email field ensures users enter a properly formatted email address.
Best Used For:
- Contact forms
- Newsletter signups
- Account inquiries
- Quote requests
Key Features:
- Email format validation
- Required option
- Placeholder support
- Conditional Logic support
Why Use Email Instead of Text?
The Email field validates input automatically, reducing errors and improving deliverability.
Textarea Field
Multi-line text input field.
Textarea is designed for longer responses.
Best Used For:
- Message fields
- Detailed inquiries
- Feedback
- Comments
- Support descriptions
Key Features:
- Multi-line input
- Adjustable column width
- Required option
- Conditional Logic support
When to Use It
Use Textarea whenever users need to provide detailed information.
Avoid placing Textarea inside narrow columns.
Telephone Field
Single-line input field for phone numbers.
The Telephone field is designed specifically for capturing phone numbers with proper input types on mobile devices.
Best Used For:
- Phone Number
- Mobile Number
- Contact Number
- WhatsApp Number
Key Features:
- Custom label
- Placeholder text
- Required option
- Default value
- Column width control
- Conditional Logic support
- Mobile-friendly numeric keypad
When to Use It
Use the Telephone field when collecting phone numbers to improve mobile user experience.
Avoid using a Text field for phone numbers, as it won’t trigger the numeric keypad on mobile devices.
Number Field
Numeric input field.
The Number field restricts input to numbers only.
Best Used For:
- Quantity
- Age
- Budget
- Order number
- Reference numbers
Key Features:
- Numeric validation
- Min/Max value support (if configured)
- Required option
- Conditional Logic support
When to Use It
Use Number when you need numeric data — not general text.
Website URL Field
URL input field with format validation.
This field ensures users enter a valid website address.
Best Used For:
- Company website
- Portfolio link
- Social media profile
- Project reference
Key Features:
- URL format validation
- Required option
- Conditional Logic support
Using this field reduces invalid link submissions.
Password Field
Hidden text input for secure entry.
The Password field masks input characters.
Best Used For:
- Private access forms
- Restricted submission forms
- Verification forms
Key Features:
- Masked input
- Required option
- Conditional Logic support
Note: This is not a full user authentication system, but can be used for controlled access forms.
Select Field
Selectable list of predefined options.
Dropdown allows users to choose one option from a list.
Best Used For:
- Inquiry type
- Service category
- Department selection
- Country selection
Key Features:
- Custom option list
- Default selection
- Conditional Logic support
- Column width control
When to Use Dropdown
Use Dropdown when:
- You want to save space
- You have many options
- Only one option should be selected
Radio Buttons
Single selection from visible options.
Radio Buttons allow users to choose one option, but all choices are visible.
Best Used For:
- Yes / No questions
- Preference selection
- Short option lists
Key Features:
- Visible option list
- Single selection
- Conditional Logic support
When to Use Radio Buttons
Use Radio Buttons when:
- You have 2–4 options
- You want options clearly visible
Avoid using for long lists — use Dropdown instead.
Checkbox (Single)
Single agreement or toggle option.
This field allows users to check or uncheck a box.
Best Used For:
- Terms & Conditions agreement
- Newsletter opt-in
- Consent confirmation
Key Features:
- Required option
- Conditional Logic support
This is commonly used for compliance and permissions.
Checkbox Group
Multiple selectable options.
Checkbox Group allows users to select more than one option.
Best Used For:
- Services needed
- Interests
- Feature selection
- Preferences
Key Features:
- Multiple selections
- Custom option list
- Conditional Logic support
Use this when users may select more than one answer.
Section Break
Visual separator and grouping element.
Section Break helps organize longer forms.
Best Used For:
- Dividing form sections
- Creating logical groupings
- Improving readability
Example:
Personal Information
— Section Break —
Project Details
— Section Break —
Additional Notes
Section Break does not collect data — it improves layout and clarity.
Using Basic Fields with Conditional Logic
All Basic Fields support Conditional Logic.
You can:
- Show fields based on dropdown selections
- Hide optional fields
- Create dynamic form flows
For example:
Show “Company Name” only if “Business” is selected.
This keeps forms clean and user-friendly.
Using Basic Fields with Multi-Column Layouts
Basic Fields support column width settings.
You can:
- Place two Text fields side by side (50% + 50%)
- Create three equal columns (33% each)
- Mix widths for custom layouts
This allows professional form designs without custom coding.
Choosing the Right Field
Here’s a quick reference:
- Short answer → Text
- Email address → Email
- Long message → Textarea
- Numeric input → Number
- One selection (many options) → Dropdown
- One selection (few options) → Radio Buttons
- Multiple selections → Checkbox Group
- Agreement → Single Checkbox
- Layout separation → Section Break
Best Practices for Basic Fields
✔ Keep forms short
✔ Only require essential fields
✔ Use clear labels
✔ Combine with Conditional Logic for better UX
✔ Test on mobile devices
Related Guides
To get more out of Basic Fields, explore:
- Creating Multi-Column Layouts
- Using Conditional Logic
- Email Notifications Setup
Documentation
- Getting Started
- Creating Your First Form
- Understanding the Form Builder Interface
- Creating Multi-Column Layouts
- Using Conditional Logic
- Email Notifications Setup
- Managing & Viewing Submissions
- Exporting Submissions to CSV
- Form Settings – Complete Guide
- Upgrade to Pro
- Basic Fields – Complete Guide
- Advanced Fields – Complete Guide
- Field Settings – Complete Guide
- Spam Protection & Security
- Shortcodes & Embedding Forms