A Comparison of Static Form Providers
Publikováno: 18.9.2019
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>
, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!
Static Form Providers do all tasks like validating, storing, sending notifications, and integrating with other APIs. It’s lovely when you can delegate big responsibilities like this. The cost? Typically a monthly or annual subscription, except for a few providers and limited plans. The cost … Read article
The post A Comparison of Static Form Providers appeared first on CSS-Tricks.
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>
, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!
Static Form Providers do all tasks like validating, storing, sending notifications, and integrating with other APIs. It’s lovely when you can delegate big responsibilities like this. The cost? Typically a monthly or annual subscription, except for a few providers and limited plans. The cost is usually less than fancier "form builders" that help you build the form itself and process it.
In this article, we are going to review some of the most popular static form providers:
Before moving forward, just a note that the information for these comparisons came from visiting the site for each product and learning about the included features. Once I got all the information, I sent an email to each provider to confirm the list of features. Some of them confirmed, some didn't. Special thanks to Kwes, FormKeep, Formspree, FormSubmit, formX, and Netlify Forms teams for confirming.
Form building components and validation
Name | Custom Components | Front-End Validation | Back-End Validation |
---|---|---|---|
Kwes | ✅ | ✅ | ✅ |
Basin | ❌ | ❌ | ❌ |
FieldGoal | Unable to confirm | Unable to confirm | Unable to confirm |
FormCarry | ❌ | ❌ | ❌ |
FormKeep | ✅ | ❌ | ❌ |
Formspree | ❌ | ❌ | ❌ |
FormSubmit | ❌ | ❌ | ❌ |
formX | ❌ | ❌ | ❌ |
Getform | ❌ | ❌ | ❌ |
Netlify Forms | ❌ | ❌ | ❌ |
Components for building a form are HTML input elements, like text inputs, textareas, checkboxes, and radio buttons. When using a static form, most providers require adding custom HTML attributes. By providing the custom URL in the form action
attribute, the form gets submitted on the provider’s side where it gets stored.
If you are looking for a form builder, FormKeep has a form designer feature. That means you embed custom HTML and JavaScript files in the page, and you get a styled form. Otherwise, you have to style the form by yourself.
If you need custom components, like a date picker or card inputs, Kwes and FormKeep are the only providers with this feature. If you want to validate input fields in the browser, you might use third-party libraries or writing your code which means adding additional JavaScript code to the site. Kwes is the only provider that supports front-end validation based on the rules you set in each input component. To enable this feature, you should include additional JavaScript file, which you might do nevertheless. Other static form providers rely only on HTML5 validation.
Kwes is the only provider with back-end validation, too. The rules you set in the front end are passed to the back end side. In case when front-end validation fails, you are safe, the backend validation would work. Other providers don't have this feature; they rely only on spam protection.
Spam protection
Name | Spam Protection |
---|---|
Kwes |
Artificial intelligence Automatic Honeypot Blacklists Proprietary technology |
Basin |
Akismet CleanTalk reCAPTCHA Honeypot |
FieldGoal | Provided, but unable to confirm what powers it |
FormCarry |
Akismet reCAPTCHA |
FormKeep | Provided, but unable to confirm what powers it |
Formspree |
reCaptcha Profanity filter Automated classification |
FormSubmit |
reCaptcha Honeypot |
formX | Provided, but unable to confirm what powers it |
Getform |
Akismet reCAPTCHA |
Netlify Forms |
Akismet reCAPTCHA Honeypot |
Kwes advertises a 99.6% spam block success rate with no setup required.
Once your form is ready for submissions, you might find it hard to deal with spam. That’s why spam protection is essential, especially if you want to keep your sanity and serenity. All providers provide spam protection in this way or another. Some rely on Google reCAPTCHA or Akismet, some on Honeypot techniques, and some use artificial intelligence to get the job done. It is worth noting that adding an additional step to your form, like adding reCAPTCHA might affect the conversion rates on form submissions.
Email notifications
Name | Confirmations | Notifications | Email Routing Logic |
---|---|---|---|
Kwes | ✅ | ✅ | ✅ |
Basin | ✅ | ✅ | ✅ |
FieldGoal | Unable to confirm | Unable to confirm | Unable to confirm |
FormCarry | ✅ | ✅ | ✅ |
FormKeep | ✅ | ✅ | ✅ |
Formspree | ✅ | ✅ | ✅ |
FormSubmit | ✅ | ✅ | ✅ |
formX | ✅ | ✅ | ✅ |
Getform | ✅ | ✅ | ✅ |
Netlify Forms | ✅ | ✅ | ✅ |
Email confirmations are essential if you want to provide a fast response to your users. With a contact form, for example, you want to get an email for every new submission. That way, you're able to respond to the submission quickly and efficiently.
All providers, except FieldGoal, have confirmation, notification, and email routing logic features. You could set up an email form element which would be used to send an email automatically to the user with confirmation about the submission.
Some providers have other sorts of notifications besides email, like push notifications or Slack messages, which might be handy.
White labeling
Name | White Label |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | Unable to confirm |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify Forms | ✅ |
When communicating via email notifications with your clients, you might want to use your brand and style. It creates better awareness and that way you familiarize your clients with your product. All providers offer this feature, with the exception of FieldGoal, which I was unable to confirm (although it might be under paid plans).
Custom redirects
Name | Custom Redirects |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | Unable to confirm |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify Forms | ✅ |
Once you have captured a response from your user, you may want to let the user continue using your site. Also, you might want to communicate to the user that the submission was received. This feature is called "custom redirect," and every provider has this feature (with another exception for FieldGoal because I was unable to confirm). Note that this feature might not be available in a free plan and require a paid or upgraded account.
Upload storage
Name | Upload Storage |
---|---|
Kwes | 200MB per file 20GB storage |
Basin | 100MB per submission |
FieldGoal | Amazon S3 |
FormCarry | 5MB per file 5GB storage |
FormKeep | Included, but unconfirmed storage amounts |
Formspree | 10MB per file 10GB storage |
FormSubmit | Included, but unconfirmed storage amounts |
formX | ❌ |
Getform | 25MB per submission 25GB storage |
Netlify Forms | 1GB storage |
Not every static form provider provides file storage. For example, formX doesn't provide it at all. In most cases, this feature is available under paid plans. You might want to invest additional time to find out which provider offers the best service for you. Be sure to look specifically at single file size and form submission size limitations.
Data export
Name | Data Export |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | Unable to confirm |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify Forms | ✅ |
Data export is important feature if you want to use it for analysis or for import to third-party software. Most providers offers CSV and JSON exports, which are the most commonly used ones.
API access
Name | API Access |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | Unable to confirm |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | On demand |
Getform | ❌ |
Netlify Forms | ✅ |
If you want to control your data submissions by building custom application or script, you might benefit from having API access. Most providers have this feature, except Getform. formX offers it, but only on demand.
Webhooks/Zapier
Name | Webhooks | Zapier |
---|---|---|
Kwes | ✅ | ✅ |
Basin | ✅ | ✅ |
FieldGoal | Unable to confirm | ✅ |
FormCarry | ✅ | ✅ |
FormKeep | ✅ | ✅ |
Formspree | ✅ | ✅ |
FormSubmit | ✅ | ❌ |
formX | ✅ | ✅ |
Getform | ✅ | ✅ |
Netlify Forms | ✅ | ✅ |
When building a custom application or a script is out of budget, you might want to use webhooks to integrate data submissions with third-party software. Zapier is one of the most commonly used services for this, and only FormSubmit doesn't support it (though it does support webhooks).
Analytics
Name | Analytics |
---|---|
Kwes | ❌ |
Basin | ✅ |
FieldGoal | Unable to confirm |
FormCarry | ❌ |
FormKeep | ✅ |
Formspree | ❌ |
FormSubmit | ❌ |
formX | ✅ |
Getform | ❌ |
Netlify Forms | ❌ |
Analytics for static forms is a neat feature that could offer beneficial insight into how your form is performing. It may help you understand how your users interact with it, and you may spot ways to improve the form submission experience as a result. This feature is the least supported of all other features. Only Basin, FormKeep, and formX provide it.
Plan comparison
Name | Plan 1 | Plan 2 | Plan 3 | Plan 4 |
---|---|---|---|---|
Kwes | Free Tier $0/mo. Build spam-protected, and validated forms quicker than ever. 1 Website | Bronze Tier $9/mo. Unlimited spam blocks, more form tools, and submissions. 1 Website Unlimited Forms Unlimited Spam Blocks | Silver Tier $29/mo. Build more powerful forms with integrations and webhooks. 3 Websites Unlimited Forms Unlimited Spam Blocks 4 Users | Gold Tier $79/mo. Enjoy more team members and everything with increased limits. 10 Websites Unlimited Forms Unlimited Spam Blocks 11 Users |
Basin | Standard Tier $4.17/mo. (billed annually) | Premium Tier $12.50/mo. (billed annually) | ||
FieldGoal | Single Tier 1 form $5/mo. | Freelancer Tier 5 forms $15/mo. | Studio Tier 15 forms $39/mo. | Agency Tier 50 forms $79/mo. |
FormCarry | Baby Tier Free | Basic Tier $15/mo. | Growth Tier $40/mo. | |
FormKeep | Starter Tier $4.99/mo. | Starter Pack $7.50 per form per month | Freelancer Tier $5.90 per form per month | |
Formspree | Free Tier $0/mo. | Gold Tier $10/mo. | Platform Tier $40/mo. | |
FormSubmit | Unlimited | |||
formX | Free Tier $0/mo. 100 submissions max. | Starter Tier $4.99/mo. | SMBs & Freelancers $49.99/mo. | Business & Agencies $99.99/mo. |
Getform | Free Tier $0/mo. | Basic Tier Perfect for small businesses $7.5/mo. $90 per year | Agency Tier $24/mo. $290 annually | Enterprise Tier $57.5/mo. $690 annually |
Netlify Forms | Level 0 $0 100 submissions/mo. 10MB uploads/mo. | Level 1 $19/mo. per site 1,000 submissions/mo. 1GB uploads/mo. | Level 2 Custom pricing and limits |
Static form providers have different plans, from entirely free plans and trials, to enterprise plans for every business need. Depending on a plan, you might have different features enabled. For example, FormSubmit is the only provider that offers all of its features for free, though it doesn't support every feature we've covered here. You will want to invest some time to learn about which features that are most important for you and your product or business. Then go ahead and decide on which provider is most suitable for your needs.
Wrapping up
Having a form of any kind is a must-have for a large number of sites. When you use a static site generator, you might discover that static form providers make adding forms to a site almost trivial. By following a few rules for enabling static forms, you could benefit from essential features like spam protection and email notifications.
I have been using Kwes for a while now and I can honestly tell you it is a great product that fulfills all of my needs. It has smart spam protection, an easy-to-use dashboard, and impressive validation, both on the front end and back end.
Before choosing your static form providers, be sure to put down all requirements to the paper, and then find your perfect provider.
The post A Comparison of Static Form Providers appeared first on CSS-Tricks.