User Guides for Freeform
Check out the user guides below to see solutions to common problems and questions:
Form Validation
Explore additional validation options for your forms.
Dynamic Data
Learn how to integrate external data dynamically.
Templating
A variety of commonly requested templating tips.
Fields
Implement custom validation or styles on regular field types.
Submission Data
Tips and tricks for handling submission data.
Specialty Forms
Guides for building specialty forms like user registration.
Best Practices
Guides that show best practices with Freeform.
Testing
Testing and troubleshooting guides for your forms.
Headless
Demos of common headless frameworks and GraphQL.
Developer
Guides for custom development and building modules.
Form Validation
- Form Validation with Parsley
- Form Validation with Foundation Abide
- Form Validation with Bootstrap
- Preventing Certain Email Addresses
Dynamic Data
- Passing Dynamic Data to Forms
- Passing a Custom Property to a Formatting Template
- Fill Field Values from Query String
- Send Email Notifications only in Certain Scenarios
- Populate Field Options at Template Level
- Displaying Submission Data from Previous Pages
Templating
- AJAX Forms
- Caching Forms
- Rendering Form Data as JSON
- Line Breaks in Textarea Fields
- Multiple Instances of the Same Form
- Returning Submit to Same Page
- Success Return URL on Forms
- Alternate Success Markup from a Template or Existing Div after AJAX Submit
Fields
- Allow Additional File Extensions
- Range Slider on Number field
- Toggle Switch on Checkbox field
- Color Picker on Text field
- TinyMCE Rich Text Editor on Textarea field
- Include an "Other" Option for Fields
- Parsing HTML in Field Options
Submission Data
- Submission Data on Success Page
- Display Total Number of Submissions for a Form
- Storing URL Tracking Parameters
Specialty Forms
Best Practices
- How to Stay Informed about Freeform
- Form Submitter's Email Address as the Reply-to Email
- Spam Protection
Testing
Headless
- Vue.js + GraphQL demo
- Vue.js + AJAX demo
- React JS + GraphQL demo
- React JS + AJAX demo
- Next.js + GraphQL demo
- Next.js + AJAX demo