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.

Celý článek

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

NameCustom ComponentsFront-End ValidationBack-End Validation
Kwes
Basin
FieldGoalUnable to confirmUnable to confirmUnable 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

NameSpam Protection
Kwes Artificial intelligence
Automatic Honeypot
Blacklists
Proprietary technology
Basin Akismet
CleanTalk
reCAPTCHA
Honeypot
FieldGoalProvided, but unable to confirm what powers it
FormCarry Akismet
reCAPTCHA
FormKeepProvided, but unable to confirm what powers it
Formspree reCaptcha
Profanity filter
Automated classification
FormSubmit reCaptcha
Honeypot
formXProvided, 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

NameConfirmationsNotificationsEmail Routing Logic
Kwes
Basin
FieldGoalUnable to confirmUnable to confirmUnable 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

NameWhite Label
Kwes
Basin
FieldGoalUnable 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

NameCustom Redirects
Kwes
Basin
FieldGoalUnable 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

NameUpload Storage
Kwes200MB per file
20GB storage
Basin100MB per submission
FieldGoalAmazon S3
FormCarry5MB per file
5GB storage
FormKeepIncluded, but unconfirmed storage amounts
Formspree10MB per file
10GB storage
FormSubmitIncluded, but unconfirmed storage amounts
formX
Getform25MB per submission
25GB storage
Netlify Forms1GB 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

NameData Export
Kwes
Basin
FieldGoalUnable 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

NameAPI Access
Kwes
Basin
FieldGoalUnable to confirm
FormCarry
FormKeep
Formspree
FormSubmit
formXOn 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

NameWebhooksZapier
Kwes
Basin
FieldGoalUnable 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

NameAnalytics
Kwes
Basin
FieldGoalUnable 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

NamePlan 1Plan 2Plan 3Plan 4
KwesFree Tier
$0/mo.
Build spam-protected, and validated forms quicker than ever.

1 Website
Unlimited Forms
50 Spam Blocks

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
BasinStandard Tier
$4.17/mo. (billed annually)
Premium Tier
$12.50/mo. (billed annually)
FieldGoalSingle Tier
1 form
$5/mo.
Freelancer Tier
5 forms
$15/mo.
Studio Tier
15 forms
$39/mo.
Agency Tier
50 forms
$79/mo.
FormCarryBaby Tier
Free
Basic Tier
$15/mo.
Growth Tier
$40/mo.
FormKeepStarter Tier
$4.99/mo.
Starter Pack
$7.50 per form per month
Freelancer Tier
$5.90 per form per month
FormspreeFree Tier
$0/mo.
Gold Tier
$10/mo.
Platform Tier
$40/mo.
FormSubmitUnlimited
formXFree Tier
$0/mo.
100 submissions max.
Starter Tier
$4.99/mo.
SMBs & Freelancers
$49.99/mo.
Business & Agencies
$99.99/mo.
GetformFree 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 FormsLevel 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.

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace