Form Styling and Customization

Customize your FormRobin forms by adjusting content, layout, and settings to match your needs.

What Can You Customize?

FormRobin focuses on content and functional customization rather than visual theming. You can customize:

  • Form content - titles, descriptions, field labels
  • Field types - choose from text, email, dropdowns, checkboxes, etc.
  • Field order - arrange fields in any sequence
  • Required fields - mark which fields are mandatory
  • Conditional logic - show/hide fields based on responses
  • Success messages - customize thank-you text or redirect
  • Validation rules - email format, number ranges, text length

Form Appearance

FormRobin uses a clean, modern design that works well on all devices. The appearance is standardized to ensure:

  • Responsive design - automatically adapts to mobile, tablet, and desktop
  • Accessibility - follows web accessibility standards
  • Professional look - consistent styling across all forms
  • Fast loading - lightweight design for quick page loads

Customizing Form Content

Form Title and Description

  1. Open form in editor
  2. Click form title at top to edit
  3. Add description text below title (optional)
  4. Use clear, concise language for better completion rates

Field Labels and Placeholders

  1. Click any field to select it
  2. Edit Label - main field name shown to users
  3. Edit Placeholder - hint text inside the field
  4. Edit Help text - additional guidance below field
  5. Toggle Required to mark mandatory fields

Field Options (Dropdowns, Checkboxes, Radio)

  1. Select the field (dropdown, checkbox, or radio button)
  2. Click Options in right panel
  3. Add, remove, or reorder choices
  4. Edit option text to customize labels

Layout Customization

Rearranging Fields

  1. In form editor, drag fields up or down
  2. Drop field in desired position
  3. Fields reorder automatically
  4. Save changes when done

Grouping Related Fields

Use field types strategically:

  • Section headers - Add text blocks to separate form sections
  • Field proximity - Place related fields together (e.g., address fields)
  • Logical flow - Order fields in natural progression

Conditional Logic Customization

Show or hide fields based on user responses:

  1. Select field to add condition to
  2. Click Add Condition
  3. Choose trigger field and value
  4. Set action: Show or Hide
  5. Save and test the logic

💡 Example: Show "Company Name" field only if user selects "Business" for account type.

Success Message Customization

Default Thank-You Message

  1. Open form Settings
  2. Go to After Submit tab
  3. Edit default success message text
  4. Add custom instructions or next steps
  5. Save changes

Custom Redirect URL

  1. Open form Settings ➜ After Submit
  2. Enter full URL to redirect page
  3. Must start with https://
  4. User redirects immediately after submission

Note: Custom redirects require Individual tier or higher.

Field Validation Customization

Customize how fields validate user input:

  • Email fields - automatically validate email format
  • Number fields - set min/max values
  • Text fields - set min/max character length
  • Phone fields - enforce phone number format
  • Required toggle - make any field mandatory

Embedding Customization

When embedding forms on your website:

  • iframe size - adjust width and height in embed code
  • Responsive width - set width="100%" for fluid design
  • Fixed height - increase height if form is cut off

Example iframe customization:

<iframe src="https://forms.formrobin.com/your-form" width="100%" height="800" frameborder="0"></iframe>

Styling Limitations

FormRobin does not currently support:

  • Custom CSS styling
  • Color scheme changes
  • Custom fonts
  • Logo uploads within forms
  • Background images
  • Custom button styling

Why? Standardized design ensures accessibility, mobile responsiveness, and consistent user experience.

Customization Workarounds

If you need branded forms:

  • Embed on your site - surround iframe with your branding
  • Custom redirect - send users to branded thank-you page
  • Email branding - customize notification emails with your messaging
  • Form title/description - add your brand name and messaging in text

Customization Best Practices

  • Keep it simple - fewer fields increase completion rates
  • Clear labels - use plain language everyone understands
  • Logical order - arrange fields in natural progression
  • Helpful placeholders - show examples in placeholder text
  • Test thoroughly - submit test responses after customization
  • Mobile-first - verify forms work well on phones
  • Use conditionals sparingly - too many conditions confuse users

Testing Your Customizations

  1. Click Preview button in form editor
  2. Test form on desktop and mobile
  3. Submit test responses to verify behavior
  4. Check success message or redirect works
  5. Verify conditional logic functions correctly
  6. Review test submissions in Responses tab

Troubleshooting Customization

Issue: Changes not saving
Fix: Click Save button in top right. Wait for confirmation message before closing.

Issue: Conditional logic not working
Fix: Verify trigger field comes BEFORE the conditional field in form order.

Issue: Custom redirect not working
Fix: Ensure URL starts with https://. Verify you have Individual tier or higher plan.

FAQ

Q: Can I change form colors?
A: No, FormRobin uses standardized styling for consistency and accessibility.

Q: Can I add my logo to forms?
A: Not within the form itself, but you can embed forms on your branded website.

Q: Can I customize email notification design?
A: Email content can be customized but visual design is standardized.

Q: How do I make forms look better on mobile?
A: Forms are automatically responsive. Keep forms short and use clear labels.


Need help customizing your forms? Contact support for guidance!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Related Articles