Form Fields Guide

Create powerful feedback forms using Bugwise's intuitive drag-and-drop form builder. This guide will help you choose the right field types and configure them effectively.

How to Add Form Fields

1. Open your project in the Bugwise dashboard
2. Click "Edit Form" to open the form builder
3. Drag field types from the left panel into your form
4. Click on any field to configure its settings in the right panel
5. Use the preview to see how your form looks to users
6. Save and publish when you're ready

Available Field Types

📝 Text Fields

Text Input

Collect short text responses like names, titles, or brief descriptions.

Perfect for:

• Names and contact information
• Product names or titles
• Short descriptions
• Reference numbers

How to use: Drag "Text" from the field list, set your label and placeholder text.

Email Input

Specialized input for email addresses with automatic validation.

Perfect for:

• Contact information
• Account registration
• Follow-up communications

Benefits:

• Automatic email format validation
• Better mobile keyboard
• Prevents common email typos

Number Input

Collect numeric values with optional limits.

Perfect for:

• Ages or quantities
• Scores or ratings (1-10)
• Budget amounts
• Priority levels

Settings: Set minimum/maximum values and step increments in the field settings.

Long Text (Textarea)

Multi-line text input for detailed responses.

Perfect for:

• Bug descriptions
• Detailed feedback
• User stories
• Additional comments

Settings: Adjust the number of visible rows in the field settings.

🎯 Selection Fields

Dropdown/Select

Let users choose from a predefined list of options.

Perfect for:

• Issue categories (Bug, Feature, Question)
• Priority levels (Low, Medium, High)
• Product types
• Department selection

How to configure:

1. Drag "Select" from the field list
2. Add your options in the settings panel
3. Set display names for each option
4. Choose a default selection (optional)

Checkbox

Simple yes/no questions or agreement confirmations.

Perfect for:

• Terms and conditions acceptance
• Newsletter subscriptions
• Yes/no questions
• Feature preferences

How to use: Drag "Checkbox" and set your question as the label.

⭐ Rating Fields

Rating

Collect user satisfaction or quality ratings.

Choose Your Style:

• ⭐ Stars: Traditional 1-5 star rating
• 😊 Emojis: Fun emoji-based rating (😞 😐 😊 😍 🤩)

Perfect for:

• Satisfaction surveys
• Product reviews
• Experience ratings
• Quality assessments

Settings: Choose stars or emoji style and set maximum rating (1-10).

📅 Date & Time Fields

Time Element ⭐ New Feature

Flexible date and time collection with three variants to match your needs.

Choose Your Variant:

📅 Date Only

• Best for: Issue dates, deadlines, birthdays, event dates
• User sees: Calendar popup to select a date
• Example: "When did this issue occur?"

🕐 Time Only

• Best for: Appointment times, daily schedules, contact preferences
• User sees: Time picker with hours and minutes
• Example: "What time works best for you?"

📅🕐 Date & Time

• Best for: Precise timestamps, appointment scheduling, event times
• User sees: Calendar picker + time input
• Example: "Schedule a support call"

How to Configure:

1. Drag "Time" from the field list
2. Set your field label
3. Choose variant in settings:
   • "Date" for date-only
   • "Time" for time-only
   • "Date & Time" for combined
4. Mark as required if needed

Time Range

Collect start and end times for periods, availability, or durations.

Perfect for:

• Availability windows ("I'm free 9 AM - 5 PM")
• Project timelines
• Event durations
• Vacation periods

Variants:

• Date Range: Start date to end date
• Time Range: Start time to end time
• Date & Time Range: Full timestamp ranges

📄 Information Fields

Plain Text

Add instructions, descriptions, or information that users read but don't fill out.

Perfect for:

• Form instructions
• Privacy notices
• Explanatory text
• Section headers

How to use: Drag "Plain Text" and enter your message in the settings panel.

Form Design Best Practices

Keep It Simple

• Ask only what you need - every field should have a purpose
• Use 5-7 fields maximum for best completion rates
• Group related questions together
• Start with easy questions to build momentum

Write Clear Labels

• Be specific: "Your work email" vs "Email"
• Use familiar language: Avoid technical terms
• Ask direct questions: "How satisfied are you?" vs "Satisfaction level"
• Include examples: "Phone number (555-123-4567)"

Choose the Right Field Types

For Contact Information

• Use Email field for email addresses
• Use Text field for names
• Use Number field for phone numbers

For Feedback Collection

• Use Rating for satisfaction scores
• Use Long Text for detailed descriptions
• Use Select for categorization
• Use Time fields for when issues occurred

For Scheduling

• Use Time (Date & Time) for appointments
• Use Time Range for availability windows
• Use Time (Date) for deadline selection

Using Time Fields Effectively

When to Use Each Variant

Date Only

Use when: You need to know when something happened, but not the specific time.

Examples:

• "When did you first notice this issue?"
• "What's your project deadline?"
• "When did you last use this feature?"

Time Only

Use when: You need specific times but the date isn't relevant.

Examples:

• "What time of day do you usually work?"
• "When would you prefer to be contacted?"
• "What's your usual lunch time?"

Date & Time

Use when: You need precise timestamps.

Examples:

• "When exactly did this error occur?"
• "Schedule a support call"
• "When would you like us to follow up?"

Time Range vs Single Time

Use Time Range when:

• Collecting availability ("I'm free Monday 9 AM - 5 PM")
• Project durations ("This project runs Jan 1 - Jan 31")
• Event periods ("Conference is March 15-17")

Use Single Time when:

• Specific moments ("When did this bug happen?")
• Deadlines ("Project due date")
• Single appointments ("Schedule call")

Common Use Cases

Bug Report Form

Perfect for collecting detailed issue reports:

1. Plain Text: "Help us fix this issue by providing details"
2. Text: "Your name"
3. Email: "Your email address"
4. Time (Date & Time): "When did this issue occur?"
5. Select: "Issue severity" (Low, Medium, High, Critical)
6. Long Text: "Describe what happened"
7. Checkbox: "I'd like email updates on this issue"

Feature Request Form

Great for collecting product improvement ideas:

1. Text: "Feature name"
2. Long Text: "Describe the feature you'd like"
3. Rating (Stars): "How important is this feature?"
4. Time (Date): "When do you need this by?"
5. Select: "Which product area?" (Dashboard, Reports, Settings)

Scheduling Form

Ideal for appointment booking:

1. Text: "Your name"
2. Email: "Your email"
3. Time (Date & Time): "Preferred appointment time"
4. Time Range: "Your general availability"
5. Long Text: "What would you like to discuss?"

Customer Satisfaction Survey

Perfect for measuring user experience:

1. Rating (Emojis): "How was your experience?"
2. Select: "Which feature did you use?" (List your features)
3. Time (Date): "When did you last use our product?"
4. Long Text: "Any suggestions for improvement?"
5. Checkbox: "Would you recommend us to others?"

Tips for Higher Response Rates

Form Length

• Keep it short: 3-5 fields get the best response rates
• Progressive disclosure: Ask follow-up questions based on answers (coming soon)
• Optional vs required: Mark only essential fields as required

User Experience

• Clear instructions: Use plain text fields to explain what you need
• Logical flow: Order questions naturally
• Mobile testing: Always preview on mobile devices
• Quick completion: Aim for under 2 minutes to complete

Time Field Tips

• Be specific about timezone needs in your labels
• Use date-only when time doesn't matter
• Provide context: "When did this issue occur?" vs "Date"
• Consider user's perspective: Use their local time, not yours

Mobile Experience

All form fields are optimized for mobile devices:

• Touch-friendly buttons and inputs
• Mobile keyboards automatically appear for email and number fields
• Responsive design that works on any screen size
• Accessible date/time pickers that work with screen readers

Accessibility

Bugwise forms are built to be accessible to all users:

• Screen reader compatible with proper labels
• Keyboard navigation for all fields
• High contrast support
• Touch-friendly on mobile devices
• Clear error messages when validation fails

Getting Help

Preview Your Forms

Always use the preview feature to:

• Test how your form looks on different screen sizes
• Verify that all fields work correctly
• Check the user experience flow

Troubleshooting

Time fields not working?

• Make sure you've selected the right variant (Date, Time, or Date & Time)
• Check that the field is marked as required if needed
• Try the preview to see how it looks to users

Form not collecting responses?

• Verify your form is published (not just saved)
• Check that required fields are clearly marked
• Test the form yourself before sharing

Mobile issues?

• Always test on mobile devices
• Use the preview feature to check mobile layout
• Ensure touch targets are large enough

Need More Help?

• Check this guide for common questions
• Use the preview feature to test your forms
• Contact support at [email protected]

---

Ready to create your first form? Head to your Bugwise dashboard and click "Create New Project" to get started!