Form Builder

Overview

The HashBar Form Builder allows you to create powerful lead capture forms without any coding. With 11 field types, drag-and-drop ordering, validation, and email integrations, you can build forms perfectly suited to your lead capture goals.

Field Types

Free Field Types

Email Field

Capture email addresses with automatic validation. This field ensures that only valid email addresses are submitted, reducing data quality issues.

• Email format validation
• Required field option
• Custom placeholder text
• Most popular field for lead capture

Name Field

Simple text field for capturing visitor names. Perfect as a complement to email fields for personalization.

• Text input
• Custom label and placeholder
• Optional or required
• Works with first/last name

Checkbox

Single or multiple checkboxes for capturing yes/no answers or preference selections. Perfect for GDPR consent, newsletter opt-ins, and preference collections.

• Single or multiple checkboxes
• Custom labels for each option
• Mark as required to ensure selection
• Common uses: consent, preferences, terms

Pro Field Types

Note: The following field types are available only on HashBar Pro plans.

Text Field

Flexible short text input for capturing company names, job titles, phone numbers, or any other short text data.

• Customizable input type (text, number, tel)
• Custom validation patterns
• Placeholder and label text
• Required field option

Textarea

Multi-line text field for longer responses. Perfect for capturing messages, feedback, or detailed inquiries.

• Multi-line text input
• Customizable height
• Character limit option
• Rich formatting support

Phone Field

Specialized field for phone number capture with automatic formatting. Supports international phone numbers.

• Automatic phone number formatting
• International number support
• Phone validation
• Custom placeholder

Dropdown

Dropdown select field for choosing from predefined options. Great for category selection, country selection, or preference capture.

• Customizable dropdown options
• Optional or required selection
• Placeholder text option
• Single selection only

Radio Buttons

Radio button field for selecting one option from multiple choices. Use when you want options to be clearly visible without scrolling.

• Multiple radio button options
• Only one selection allowed
• Clear, visible options
• Required field option

Date Picker

Calendar-based date input field. Perfect for event registrations, birthday capture, and scheduling applications.

• Calendar date picker interface
• Min/max date constraints
• Customizable date format
• Mobile-friendly date selection

Hidden Field

Hidden field for passing data that visitors don't see. Useful for tracking source, campaign ID, or other metadata.

• Invisible to form users
• Fixed value or dynamic value
• Perfect for tracking and attribution
• Variable substitution support

GDPR Consent

Specialized checkbox field for GDPR-compliant consent capture. Ensures you have explicit permission for email marketing and data processing.

• GDPR compliance
• Custom consent message
• Link to privacy policy
• Required to proceed

Field Configuration

Labels and Placeholders

Every field supports custom labels (the field name shown to users) and placeholder text (hint text inside the field). Use clear, descriptive labels and helpful placeholder text to guide users through your form.

Required Field Validation

Mark any field as required to ensure users provide the information before submitting. Required fields are indicated with an asterisk (*) and the form will not submit until all required fields are completed.

Drag-and-Drop Field Ordering

Rearrange form fields by dragging and dropping them into your preferred order. The field order directly impacts user experience and form completion rates. Generally, place simpler fields (name, email) before more complex ones (date picker, textarea).

Form Settings

Success Message

Customize the message shown to visitors after they successfully submit the form. Thank them for their submission and let them know what to expect next.

• Personalized thank you message
• Rich text formatting support
• Show for 3-10 seconds before closing
• Increases user confidence in submission

Redirect URL After Submission

Optionally redirect users to a specific page after form submission. This is useful for sending users to a thank you page, special offer, or next steps page.

• Optional redirect destination
• Internal or external URLs
• Blank to show success message only
• Useful for segmentation and next steps

Custom Submit Button Text

Customize the submit button text from the default "Submit." Use action-oriented language like "Get My Discount," "Send My Message," or "Download Now."

• Default text: "Submit"
• Action-oriented alternatives recommended
• Impacts form completion rates

Mailchimp Integration

Enabling Mailchimp

HashBar integrates directly with Mailchimp to automatically add form submissions to your Mailchimp audience. This eliminates manual data entry and ensures your subscribers are added immediately.

API Key Setup

To enable Mailchimp integration, generate an API key from your Mailchimp account and enter it in the HashBar settings.

1. Log into your Mailchimp account
2. Navigate to Account Settings → Extras → API Keys
3. Create a new API key
4. Copy the API key
5. Paste the API key into HashBar's Mailchimp settings

Audience Selection

Select which Mailchimp audience you want form submissions added to. You can choose different audiences for different campaigns.

Double Opt-In

Enable double opt-in to send confirmation emails to new subscribers, ensuring they actively confirm their subscription. This increases list quality and deliverability but reduces conversion rates slightly.

• Enabled: Subscribers receive confirmation email
• Disabled: Subscribers added directly to list (single opt-in)
• Recommended for compliance and quality

Auto-Tag Subscribers

Automatically add tags to subscribers added through your popup form. Tags help you segment and organize your audience in Mailchimp.

• Create custom tags like "popup-signup" or "20% discount"
• Multiple tags can be added per form
• Organize and segment easily in Mailchimp
• Perfect for campaign tracking and targeting

Field Mapping

Map your form fields to Mailchimp merge tags. Email fields are automatically mapped, but you can also map name fields and custom fields to Mailchimp audience fields.

• Email field (automatic)
• First name / last name mapping
• Custom field mapping
• Ensures data goes to correct Mailchimp fields

Form Best Practices

Keep It Short

Shorter forms have higher completion rates. Collect only the information you absolutely need. Email-only forms convert better than forms asking for 5+ fields.

Start Simple

Place simple fields (email, name) before complex ones (textarea, date picker). Users are more likely to abandon forms when complex fields appear first.

Use Clear Labels

Make field labels clear and descriptive. "Email Address" is better than "Email" or "E-mail." Clarity reduces abandonment.

Action-Oriented Button Text

Your submit button text matters. "Get My Free Guide" converts better than "Submit." Match the button text to the value you're offering.

Test Your Form

Always test your form before publishing your campaign. Submit test entries and verify they appear correctly in Mailchimp or your email service provider.

Next Steps

After building your form, enhance your popup's visual appearance with our Design & Styling guide, and set up triggers to show your popup at the right time using our Smart Triggers guide.