Versuchen wir, einen Begriff zu prägen: „Statischer Formularanbieter“. Sie bringen Ihr HTML-<form> mit, aber Sie müssen sich nicht um die Back-End-Verarbeitung kümmern, die es ermöglicht. Es gibt viele dieser Dienste!
Statische Formularanbieter erledigen alle Aufgaben wie Validierung, Speicherung, Versand von Benachrichtigungen und Integration mit anderen APIs. Es ist schön, wenn man solche großen Verantwortlichkeiten delegieren kann. Der Preis? Typischerweise ein monatliches oder jährliches Abonnement, mit Ausnahme einiger Anbieter und begrenzter Pläne. Die Kosten sind in der Regel geringer als bei ausgefeilteren „Formular-Buildern“, die Ihnen helfen, das Formular selbst zu erstellen und zu verarbeiten.
In diesem Artikel werden wir einige der beliebtesten statischen Formularanbieter untersuchen.
Bevor wir weitermachen, nur eine Anmerkung: Die Informationen für diesen Vergleich stammen von Besuchen der Website für jedes Produkt und dem Erlernen der enthaltenen Funktionen. Sobald ich alle Informationen gesammelt hatte, sandte ich eine E-Mail an jeden Anbieter, um die Liste der Funktionen zu bestätigen. Einige von ihnen bestätigten, andere nicht. Besonderer Dank geht an die Teams von Kwes, FormKeep, Formspree, FormSubmit, formX und Netlify Forms für die Bestätigung.
Formularaufbaukomponenten und Validierung
| Name | Benutzerdefinierte Komponenten | Front-End-Validierung | Back-End-Validierung |
|---|---|---|---|
| Kwes | ✅ | ✅ | ✅ |
| Basin | ❌ | ❌ | ❌ |
| FieldGoal | Konnte nicht bestätigt werden | Konnte nicht bestätigt werden | Konnte nicht bestätigt werden |
| FormCarry | ❌ | ❌ | ❌ |
| FormKeep | ✅ | ❌ | ❌ |
| Formspree | ❌ | ❌ | ❌ |
| FormSubmit | ❌ | ❌ | ❌ |
| formX | ❌ | ❌ | ❌ |
| Getform | ❌ | ❌ | ❌ |
| Netlify Forms | ❌ | ❌ | ❌ |
Komponenten zum Erstellen eines Formulars sind HTML-Input-Elemente wie Texteingabefelder, Textbereiche, Checkboxen und Radiobuttons. Bei der Verwendung eines statischen Formulars erfordern die meisten Anbieter das Hinzufügen von benutzerdefinierten HTML-Attributen. Durch die Angabe der benutzerdefinierten URL im action-Attribut des Formulars wird das Formular auf der Serverseite des Anbieters übermittelt, wo es gespeichert wird.
Wenn Sie nach einem Formular-Builder suchen, bietet FormKeep eine Formular-Designer-Funktion. Das bedeutet, dass Sie benutzerdefinierte HTML- und JavaScript-Dateien auf der Seite einbetten und ein gestyltes Formular erhalten. Andernfalls müssen Sie das Formular selbst stylen.
Wenn Sie benutzerdefinierte Komponenten wie einen Datumsselektor oder Karten-Inputs benötigen, sind Kwes und FormKeep die einzigen Anbieter mit dieser Funktion. Wenn Sie Eingabefelder im Browser validieren möchten, können Sie Drittanbieter-Bibliotheken verwenden oder Ihren eigenen Code schreiben, was das Hinzufügen von zusätzlichem JavaScript-Code zur Website bedeutet. Kwes ist der einzige Anbieter, der eine Front-End-Validierung basierend auf den Regeln unterstützt, die Sie in jeder Eingabekomponente festlegen. Um diese Funktion zu aktivieren, sollten Sie eine zusätzliche JavaScript-Datei einbinden, was Sie möglicherweise sowieso tun. Andere statische Formularanbieter verlassen sich nur auf die HTML5-Validierung.
Kwes ist auch der einzige Anbieter mit Back-End-Validierung. Die Regeln, die Sie im Front-End festlegen, werden an das Back-End weitergegeben. Falls die Front-End-Validierung fehlschlägt, sind Sie sicher, die Back-End-Validierung funktioniert. Andere Anbieter haben diese Funktion nicht; sie verlassen sich nur auf Spam-Schutz.
Spam-Schutz
| Name | Spam-Schutz |
|---|---|
| Kwes | Künstliche Intelligenz Automatisches Honeypot Blacklists Proprietäre Technologie |
| Basin | Akismet CleanTalk reCAPTCHA Honeypot |
| FieldGoal | Bereitgestellt, aber nicht verifizierbar, was es antreibt |
| FormCarry | Akismet reCAPTCHA |
| FormKeep | Bereitgestellt, aber nicht verifizierbar, was es antreibt |
| Formspree | Akismet Profanitätsfilter Autorisierte Domains Benutzerdefiniertes reCAPTCHA Benutzerdefiniertes Honeypot Benutzerdefinierte Spam-Filterung |
| FormSubmit | reCaptcha Honeypot |
| formX | reCAPTCHA Honeypot |
| Getform | Akismet reCAPTCHA |
| Netlify Forms | Akismet reCAPTCHA Honeypot |
Kwes wirbt mit einer Spam-Blockierungsrate von 99,6 % ohne erforderliche Einrichtung.
Sobald Ihr Formular für Einreichungen bereit ist, kann es schwierig sein, mit Spam umzugehen. Deshalb ist Spam-Schutz unerlässlich, besonders wenn Sie Ihre geistige Gesundheit und Gelassenheit bewahren wollen. Alle Anbieter bieten auf die eine oder andere Weise Spam-Schutz. Einige verlassen sich auf Google reCAPTCHA oder Akismet, einige auf Honeypot-Techniken und einige nutzen künstliche Intelligenz, um die Aufgabe zu erledigen. Es ist erwähnenswert, dass das Hinzufügen eines zusätzlichen Schritts zu Ihrem Formular, wie z. B. das Hinzufügen von reCAPTCHA, die Konversionsraten bei Formularübermittlungen beeinflussen kann.
E-Mail-Benachrichtigungen
| Name | Bestätigungen | Benachrichtigungen | E-Mail-Routing-Logik |
|---|---|---|---|
| Kwes | ✅ | ✅ | ✅ |
| Basin | ✅ | ✅ | ✅ |
| FieldGoal | Konnte nicht bestätigt werden | Konnte nicht bestätigt werden | Konnte nicht bestätigt werden |
| FormCarry | ✅ | ✅ | ✅ |
| FormKeep | ✅ | ✅ | ✅ |
| Formspree | ✅ | ✅ | ✅ |
| FormSubmit | ✅ | ✅ | ✅ |
| formX | ✅ | ✅ | ✅ |
| Getform | ✅ | ✅ | ✅ |
| Netlify Forms | ✅ | ✅ | ✅ |
E-Mail-Bestätigungen sind unerlässlich, wenn Sie Ihren Benutzern eine schnelle Antwort geben möchten. Bei einem Kontaktformular möchten Sie zum Beispiel für jede neue Einreichung eine E-Mail erhalten. So können Sie schnell und effizient auf die Einreichung reagieren.
Alle Anbieter, außer FieldGoal, verfügen über Funktionen zur Bestätigung, Benachrichtigung und E-Mail-Routing-Logik. Sie könnten ein E-Mail-Formularelement einrichten, das verwendet wird, um dem Benutzer automatisch eine E-Mail mit einer Bestätigung der Einreichung zu senden.
Einige Anbieter bieten neben E-Mails auch andere Arten von Benachrichtigungen an, wie z. B. Push-Benachrichtigungen oder Slack-Nachrichten, was praktisch sein kann.
White-Labeling
| Name | White-Label |
|---|---|
| Kwes | ✅ |
| Basin | ✅ |
| FieldGoal | Konnte nicht bestätigt werden |
| FormCarry | ✅ |
| FormKeep | ✅ |
| Formspree | ✅ |
| FormSubmit | ✅ |
| formX | ✅ |
| Getform | ✅ |
| Netlify Forms | ✅ |
Wenn Sie über E-Mail-Benachrichtigungen mit Ihren Kunden kommunizieren, möchten Sie möglicherweise Ihre Marke und Ihren Stil verwenden. Dies schafft eine bessere Bekanntheit und vertraut Ihre Kunden so mit Ihrem Produkt. Alle Anbieter bieten diese Funktion an, mit Ausnahme von FieldGoal, was ich nicht bestätigen konnte (obwohl es unter kostenpflichtigen Plänen enthalten sein könnte).
Benutzerdefinierte Weiterleitungen
| Name | Benutzerdefinierte Weiterleitungen |
|---|---|
| Kwes | ✅ |
| Basin | ✅ |
| FieldGoal | Konnte nicht bestätigt werden |
| FormCarry | ✅ |
| FormKeep | ✅ |
| Formspree | ✅ |
| FormSubmit | ✅ |
| formX | ✅ |
| Getform | ✅ |
| Netlify Forms | ✅ |
Sobald Sie eine Antwort von Ihrem Benutzer erhalten haben, möchten Sie vielleicht, dass der Benutzer Ihre Website weiter nutzen kann. Außerdem möchten Sie dem Benutzer vielleicht mitteilen, dass die Einreichung erfolgreich war. Diese Funktion wird als „benutzerdefinierte Weiterleitung“ bezeichnet, und jeder Anbieter verfügt über diese Funktion (mit einer weiteren Ausnahme für FieldGoal, da ich dies nicht bestätigen konnte). Beachten Sie, dass diese Funktion möglicherweise nicht in einem kostenlosen Plan verfügbar ist und ein bezahlter oder aktualisierter Account erforderlich ist.
Upload-Speicher
| Name | Upload-Speicher |
|---|---|
| Kwes | 200 MB pro Datei 20 GB Speicher |
| Basin | 100 MB pro Einreichung |
| FieldGoal | Amazon S3 |
| FormCarry | 5 MB pro Datei 5 GB Speicher |
| FormKeep | 2,5 GB Speicher |
| Formspree | 10 MB pro Datei 10 GB Speicher |
| FormSubmit | Enthalten, aber unbestätigte Speichergrößen |
| formX | ❌ |
| Getform | 25 MB pro Einreichung 25 GB Speicher |
| Netlify Forms | 1 GB Speicher |
Nicht jeder statische Formularanbieter bietet Dateispeicher an. Zum Beispiel bietet formX ihn überhaupt nicht an. In den meisten Fällen ist diese Funktion unter kostenpflichtigen Plänen verfügbar. Sie sollten zusätzliche Zeit investieren, um herauszufinden, welcher Anbieter Ihnen den besten Service bietet. Achten Sie besonders auf die Beschränkungen für die Größe einzelner Dateien und die Größe von Formulareinreichungen.
Datenexport
| Name | Datenexport |
|---|---|
| Kwes | ✅ |
| Basin | ✅ |
| FieldGoal | Konnte nicht bestätigt werden |
| FormCarry | ✅ |
| FormKeep | ✅ |
| Formspree | ✅ |
| FormSubmit | ✅ |
| formX | ✅ |
| Getform | ✅ |
| Netlify Forms | ✅ |
Der Datenexport ist eine wichtige Funktion, wenn Sie ihn für Analysen oder den Import in Drittanbietersoftware verwenden möchten. Die meisten Anbieter bieten CSV- und JSON-Exporte an, die am häufigsten verwendeten Formate.
API-Zugriff
| Name | API-Zugriff |
|---|---|
| Kwes | ✅ |
| Basin | ✅ |
| FieldGoal | Konnte nicht bestätigt werden |
| FormCarry | ✅ |
| FormKeep | ✅ |
| Formspree | ✅ |
| FormSubmit | ✅ |
| formX | Bei Bedarf |
| Getform | ❌ |
| Netlify Forms | ✅ |
Wenn Sie Ihre Datenübermittlungen durch Erstellung einer benutzerdefinierten Anwendung oder eines Skripts steuern möchten, kann Ihnen der API-Zugriff zugutekommen. Die meisten Anbieter verfügen über diese Funktion, außer Getform. formX bietet sie an, aber nur auf Anfrage.
Webhooks/Zapier
| Name | Webhooks | Zapier |
|---|---|---|
| Kwes | ✅ | ✅ |
| Basin | ✅ | ✅ |
| FieldGoal | Konnte nicht bestätigt werden | ✅ |
| FormCarry | ✅ | ✅ |
| FormKeep | ✅ | ✅ |
| Formspree | ✅ | ✅ |
| FormSubmit | ✅ | ❌ |
| formX | ✅ | ✅ |
| Getform | ✅ | ✅ |
| Netlify Forms | ✅ | ✅ |
Wenn die Erstellung einer benutzerdefinierten Anwendung oder eines Skripts das Budget sprengt, möchten Sie möglicherweise Webhooks verwenden, um Datenübermittlungen mit Drittanbietersoftware zu integrieren. Zapier ist einer der am häufigsten verwendeten Dienste dafür, und nur FormSubmit unterstützt ihn nicht (obwohl er Webhooks unterstützt).
Analytik
| Name | Analytik |
|---|---|
| Kwes | ❌ |
| Basin | ✅ |
| FieldGoal | Konnte nicht bestätigt werden |
| FormCarry | ❌ |
| FormKeep | ✅ |
| Formspree | ❌ |
| FormSubmit | ❌ |
| formX | ✅ |
| Getform | ❌ |
| Netlify Forms | ❌ |
Analytik für statische Formulare ist eine nützliche Funktion, die Ihnen wertvolle Einblicke in die Leistung Ihres Formulars bieten kann. Sie kann Ihnen helfen zu verstehen, wie Ihre Benutzer damit interagieren, und Sie können dadurch Möglichkeiten zur Verbesserung des Einreichungserlebnisses erkennen. Diese Funktion wird am wenigsten von allen anderen unterstützt. Nur Basin, FormKeep und formX bieten sie an.
Pläne im Vergleich
| Name | Plan 1 | Plan 2 | Plan 3 | Plan 4 |
|---|---|---|---|---|
| Kwes | Kostenlose Stufe 0 $/Monat Erstellen Sie spam-geschützte und validierte Formulare schneller als je zuvor. 1 Website |
Bronze-Stufe 9 $/Monat Unbegrenzte Spam-Blocks, mehr Formular-Tools und Einreichungen. 1 Website Unbegrenzte Formulare Unbegrenzte Spam-Blocks |
Silber-Stufe 29 $/Monat Erstellen Sie leistungsstärkere Formulare mit Integrationen und Webhooks. 3 Websites Unbegrenzte Formulare Unbegrenzte Spam-Blocks 4 Benutzer |
Gold-Stufe 79 $/Monat Nutzen Sie mehr Teammitglieder und alles mit erhöhten Limits. 10 Websites Unbegrenzte Formulare Unbegrenzte Spam-Blocks 11 Benutzer |
| Basin | Standard-Stufe 4,17 $/Monat (jährlich abgerechnet) |
Premium-Stufe 12,50 $/Monat (jährlich abgerechnet) |
||
| FieldGoal | Einzel-Stufe 1 Formular 5 $/Monat |
Freelancer-Stufe 5 Formulare 15 $/Monat |
Studio-Stufe 15 Formulare 39 $/Monat |
Agentur-Stufe 50 Formulare 79 $/Monat |
| FormCarry | Baby-Stufe Kostenlos |
Basis-Stufe 15 $/Monat |
Wachstums-Stufe 40 $/Monat |
|
| FormKeep | Starter-Stufe 4,99 $/Monat |
Starter-Paket 7,50 $ pro Formular pro Monat |
Freelancer-Stufe 5,90 $ pro Formular pro Monat |
Agentur-Stufe 3,30 $ pro Formular pro Monat |
| Formspree | Kostenlose Stufe 0 $/Monat |
Gold-Stufe 10 $/Monat |
Plattform-Stufe 40 $/Monat |
|
| FormSubmit | Unbegrenzt | |||
| formX | Kostenlose Stufe 0 $/Monat Max. 100 Einreichungen. |
Starter-Stufe 4,99 $/Monat |
KMU & Freelancer 49,99 $/Monat |
Unternehmen & Agenturen 99,99 $/Monat |
| Getform | Kostenlose Stufe 0 $/Monat |
Basis-Stufe Perfekt für kleine Unternehmen 7,5 $/Monat 90 $ pro Jahr |
Agentur-Stufe 24 $/Monat 290 $ jährlich |
Enterprise-Stufe 57,5 $/Monat 690 $ jährlich |
| Netlify Forms | Stufe 0 $0 100 Einreichungen/Monat 10 MB Uploads/Monat |
Stufe 1 19 $/Monat pro Website 1.000 Einreichungen/Monat 1 GB Uploads/Monat |
Stufe 2 Benutzerdefinierte Preise und Limits |
Statische Formularanbieter haben unterschiedliche Pläne, von komplett kostenlosen Plänen und Testversionen bis hin zu Enterprise-Plänen für jeden Geschäftsanforderungen. Abhängig von einem Plan können verschiedene Funktionen aktiviert sein. Zum Beispiel ist FormSubmit der einzige Anbieter, der alle seine Funktionen kostenlos anbietet, obwohl er nicht alle hier behandelten Funktionen unterstützt. Sie werden etwas Zeit investieren wollen, um herauszufinden, welche Funktionen für Sie und Ihr Produkt oder Geschäft am wichtigsten sind. Entscheiden Sie dann, welcher Anbieter am besten für Ihre Bedürfnisse geeignet ist.
Zusammenfassung
Ein Formular jeglicher Art ist für eine große Anzahl von Websites unerlässlich. Wenn Sie einen statischen Website-Generator verwenden, stellen Sie möglicherweise fest, dass statische Formularanbieter das Hinzufügen von Formularen zu einer Website fast trivial machen. Indem Sie einige Regeln zum Aktivieren statischer Formulare befolgen, können Sie von wesentlichen Funktionen wie Spam-Schutz und E-Mail-Benachrichtigungen profitieren.
Ich benutze Kwes schon seit einiger Zeit und ich kann Ihnen ehrlich sagen, dass es ein großartiges Produkt ist, das alle meine Bedürfnisse erfüllt. Es hat einen intelligenten Spam-Schutz, ein einfach zu bedienendes Dashboard und eine beeindruckende Validierung, sowohl im Front-End als auch im Back-End.
Bevor Sie Ihre statischen Formularanbieter auswählen, schreiben Sie sicher alle Anforderungen auf und finden Sie dann Ihren perfekten Anbieter.
Der Formularanbieter form.taxi könnte für alle deutschsprachigen Nutzer interessant sein: https://form.taxi
Danke für den Beitrag. Ich benutze Netlify auf meiner Seite (hondohondo.com) und es funktioniert wunderbar!
Gerne geschehen, Moses.
Sehr nützlicher Artikel! Kleiner Hinweis: Die Website für Kwes besagt, dass ihr kostenloser Tarif 30 Spam-Blocks beinhaltet, im Gegensatz zu den 50, die Sie in der Pläne-Tabelle erwähnen.
Bearbeitet: Sie hatten Recht; sie bieten 30 Spam-Blocks im kostenlosen Plan an.
Ich glaube, ihre Website ist veraltet, da die Informationen direkt vom Kwes-Team stammen. Aber danke für den Kommentar.Ich freue mich zu hören, dass Sie ihn nützlich finden.
Ich bin kürzlich mit StaticKit in diesen Bereich eingestiegen! Ich konzentriere mich besonders auf die Entwicklererfahrung und moderne statische Website-Generatoren (z. B. ein
useFormReact-Hook, der sich gut mit Next.js und Gatsby kombinieren lässt).Interessanter Fund. Danke für die Information.
Ich habe Anfang des Jahres viele Tage damit verbracht, nach dem idealen statischen Formularanbieter zu suchen.
Ich nehme an, Kwes war damals noch nicht hier, denn das ist der einzige auf Ihrer Liste, den ich nicht kannte.
Basin war meine erste Wahl, bis sie ihr Preismodell geändert haben.
Schließlich bin ich sehr glücklich, weil ich dann Formspark entdeckt habe (sollte auf Ihrer Liste stehen), das sehr gut ist und meiner Meinung nach das beste Preismodell hat (kostenlos für 500 Einreichungen, dann 25 $ für ein Bundle von 50.000 Einreichungen, das nicht abläuft).
Hallo Marc,
Vielen Dank für die Information. Ich werde in Erwägung ziehen, Formspark bald zur Liste hinzuzufügen.
Hallo!
Ich kann auch formmonkey.io empfehlen: Günstig, funktionsreich und im Gegensatz zu formspree auch mit anonymen Endpunkt-URLs. Es wäre toll, wenn Sie formmonkey.io auflisten könnten, um Ihre Liste zu vervollständigen :-)
Hallo und danke für den Vorschlag. Ich werde vielleicht in naher Zukunft einige zusätzliche Anbieter aufnehmen. Bleiben Sie dran!
Formspree bietet anonyme Endpunkte in seinem kostenlosen Plan an. Sie müssen Ihre E-Mail nicht in der URL angeben. Wenn Sie ein Formular unter formspree.io erstellen, erhalten Sie eine URL mit einer zufällig aussehenden ID anstelle Ihrer E-Mail-Adresse.
Guter Artikel! Besonders der Vergleich von Funktion zu Funktion.
Ich sehe, dass es heutzutage ein ziemlich überfüllter Markt ist!
Letzte Woche bin ich auf einen ähnlichen Dienst gestoßen: https://flexyform.com auf https://indiehackers.com