Fluent Forms* ist unter all den WordPress Kontaktformular Plugins relativ neu auf dem Markt, hat jedoch die Herzen der User im Sturm erobert.
Vom gleichen Hersteller, der z.B. auch das Das Email-Marketing-Tool Fluent CRM im Portfolio hat, bietet es unglaublich viele Funktionen bereits in der kostenfreien Version: eine einfache und einsteigerfreundliche Bedienung und zudem eines der schnellsten Formular-Plugins auf dem Markt.
In diesem Artikel zeige ich dir die Highlights und wie du das WordPress-Formular-Plugin benutzt.
1. Was ist Fluent Forms?
Fluent Forms* ist ein WordPress-Plugin, das es dir ermöglicht, benutzerdefinierte Formulare auf deiner WordPress-Website zu erstellen und zu verwalten.
Mit Fluent Forms kannst du dabei die verschiedensten Arten von Formularen erstellen, wie z.B. Kontaktformulare, Registrierungsformulare, Umfragen, Anmeldeformulare, Quizze und vieles mehr.
Das Plugin bietet dir eine Vielzahl von Funktionen und Optionen, um deine Formulare anzupassen, darunter eine Drag-and-Drop-Oberfläche, Vorlagen, Formular-Widgets und eine umfassende Formular-Editor-Option, welche locker mit Plugins wie WPForms mithalten können.
2. Fluent Forms Highlights
2.1 Drag & Drop Builder
Mit dem Drag & Drop Builder kannst du unglaublich einfach deine Formulare erstellen. Du ziehst dir einfach deine gewünschten „Formular-Felder“ von rechts in den Editorbereich. Dort kannst du die Felder dann beliebig anordnen und herumschieben, bis dein gewünschtes Ergebnis erreicht ist.
Über das Stiftsymbol kannst du dann ganz einfach weitere Einstellungen am Formular-Feld vornehmen.
2.2 Feldtypen
In der kostenlosen Version stehen dir bereits 25+ Feldtypen zur Verfügung, mit denen du Formulare für die meisten Anwendungsfälle problemlos zusammenbauen kannst.
Felder wie Mehrfachauswahl, Dropdown oder Checkboxen ermöglichen dir ebenfalls die Erstellung von Umfragen, Reservierungen, etc.
2.3 Formularvorlagen
Um schnell voranzukommen, bietet dir Fluent Forms eine Menge Template Vorlagen an, die du lediglich anklicken und importieren musst.
Die Vorlagen sind natürlich immer nur der Grundstein für dein Formular und können jederzit erweitert bzw. angepasst werden.
2.4 Unzählige Formulartypen
Mit Hilfe der Formular-Templates kannst du unglaublich viele verschiedene WordPress-Formulare erstellen, wie z.B.
- Bewerbungsformulare,
- Buchungsformulare,
- Conversational Formulare,
- Spendenformulare,
- Supportformulare,
- Beschwerdeformulare,
- Patientenformulare,
- Event-Formulare,
- Quizze,
- Kreditantragsformulare,
- Stellenangebotsformulare,
- Feedbackformulare,
- Unfall-Aufnahmeformulare
- und viele mehr
Viele dieser Formulartypen kannst du dir als Vorlagen auf der Fluent Forms Website ansehen, downloaden und – sofern du Gefallen daran findest – auch gleich auf deiner Website importieren.
2.5 Conditional Logic
Mit der Conditional Logic Funktion kannst du Bedingungen festlegen, wann ein bestimmtes Feld angezeigt werden soll.
Z.B. wird das Adressen-Feld nur dann angezeigt, wenn der User vorher die Checkbox „ich möchte per Post informiert werden“ geklickt hat. Wird die Bedingung nicht erfüllt, bleibt das Feld unsichtbar.
2.6 Mehrspaltige Layouts
Bereits in der Fluent Forms Free Version kannst du mehrspaltige Layouts erstellen und Felder nebeneinander platzieren.
Wähle dazu einfach einen übergeordneten Container – z.B. 2-spaltig – aus und platziere die Formularfelder in dessen Spalten.
Falls du mit einem Pagebuilder wie Thrive Architect arbeitest, kommt dir das sicher sehr bekannt vor.
3. Unterschied Fluent Forms Free vs. Pro
Fluent Forms* kommt bereits in der kostenlosen Variante mit unglaublich großem Umfang daher.
25+ Eingabefelder, 32 Template-Vorlagen, Spamschutz, Conditional Logic, mehrere Benachrichtigungen nach Formulareingabe & mehrspaltiges Layout, um nur ein paar Dinge zu nennen.
Auf Fluent Forms Pro* musst du eigentlich nur zurückgreifen, wenn du Funktionen wie
- Conversational Forms,
- Berechnungsfelder,
- alle erhältlichen Eingabefelder,
- Double-Opt-In,
- Datei-/ Bilderupload,
- Bezahlmöglichkeiten,
- alle erhältlichen Templates,
- Net Promoter Score (Messung der Kundenloyalität und -zufriedenheit),
- oder eine der vielen Integrationen zu Tools & Plugins benötigst.
Schau dir einfach hier die detaillierte Gegenüberstellung von Fluent Forms Free vs Pro* auf der Herstellerseite an. So siehst du auf einen Blick, in welcher Version die von dir gewünschte Funktion enthalten ist.
4. Kontaktformular mit Fluent Forms erstellen
a) Plugin installieren
Je nachdem ob du die kostenlose Lite Version verwendest oder WPForms Pro, erhältst du die Installationsdatei jeweils von verschiedenen Orten.
Die Lite Version kannst du direkt über dein WordPress Backend unter Plugins > installieren suchen und installieren.
Wenn du dir nicht sicher bist wie das geht, schau einfach hier in meine Anleitung „WordPress Plugin installieren„.
b) Formular erstellen
Nach der Installation erreichst du deinen Plugin Einstellungsbereich über das WordPress Menü „Fluent Forms“.
Klicke hier auf den blauen Button „Neues Formular hinzufügen“ und wähle dir anschließend im Pop-Up entweder eine Vorlage aus oder beginne mit einem leeren Template (New Blank Form).
Ich wähle hier ein Standard Kontaktformular aus und gelange anschließend in den Bearbeitungseditor.
Hier kannst du im blau gefärbten Bereich (1) deine Formular-Felder ablegen, während du auf der rechten Seite (2) deine zur Verfügung stehenden Formular-Felder und Felder-Optionen siehst.
Sobald du mit der Maus über ein eingefügtes Formularfeld fährst, öffnet sich ein Pop-Up mit den Optionen verschieben (Pfeil), bearbeiten (Stift), duplizieren und löschen. So kannst du die Felder schnell rumschieben oder entfernen.
Wenn du neue Felder hinzufügen und gegebenenfalls sogar nebeneinander anzeigen lassen möchtest, dann baue erst ein entsprechendes Layout (findest du rechts unter dem Reiter „Container“) ein.
Ansonsten kannst du jedes einzelne Feld links im Editor anklicken, woraufhin sich rechts dann die erweiterten Feldoptionen automatisch öffnen.
Hier kannst du dann die Beschriftung, Beschriftungs-Positionierung und den Platzhaltertext an. Möchtest du ein „erforderliches Feld“ daraus machen, dann musst du hier „JA“ aktivieren.
Unter den „Advanced Options“ findest du dann auch die Einstellung für Conditional Logic.
Sobald du im Formular Auswahlfelder hinterlegt hast, kannst du hier z.B. anzeigen daß das Adressen-Feld nur dann angezeigt wird, wenn der User vorher die Checkbox „ich möchte per Post informiert werden“ geklickt hat. Wird die Bedingung nicht erfüllt, bleibt das Feld unsichtbar.
Vergiss nicht, dein Formular rechts oben über den blauen Button „Save Form“ abzuspeichern.
Über den Button daneben „Vorschau und Design“ hast du jederzeit die Möglichkeit, deine Änderungen in einer Live-Vorschau zu betrachten.
Denke auch hier daran, daß Änderungen nur nach dem Speichern sichtbar werden!
Achtung: größere Designänderungen bzgl. Buttondesign, Abstände, Farben, etc. lassen sich in der Fluent Forms Free Version nicht vornehmen. Wenn du großen Wert darauf legst, musst du zu Fluent Forms Pro* wechseln.
c) Formular Einstellungen
Sobald du mit dem Inhalt und Design deines WordPress-Formulars zufrieden bist, wechselst du oben im Reiter auf den Punkt „Einstellungen & Integrationen“.
Hier kannst du unter den Confirmation Settings festlegen, was passieren soll, wenn der User auf den Absende-Button deines Formulars klickt.
Willst du z.B. einfach einen Nachrichtentext à la „Danke für deine Nachricht. Wir melden uns in Kürze bei dir“ anzeigen oder willst du auf eine Danke-Seite weiterleiten?
Möchtest du das Formular nach Absenden verstecken oder neu laden?
Weiterhin kannst du noch folgende Optionen festlegen:
- Formular-Layout: Lege Positionen der Hilfstexte und Beschriftungen fest
- Scheduling & Restrictions: Lege fest, wann (z.B. nur wochentags) oder wie oft (z.B. nur 100 Einträge erlaubt) das Formular angezeigt wird bzw. wer überhaupt Zugriff darauf haben soll (z.B. nur eingeloggte Besucher)
- Erweiterte Formular-Validierung: Spamschutz
- Umfrageergebnisse an die Nachricht anhängen
- Compliance Settings: Löschen der Formulareinträge aus der Datenbank
- Extra CSS-Klassen
d) Email-Benachrichtigungen
Achtung: Falls du noch kein SMTP Mail Plugin verwendest, solltest du dir an dieser Stelle das kostenlose FluentSMTP anschauen. Es verbindet sich nativ mit deinem E-Mail-Provider und löst alle deine Probleme mit der Zustellung von Emails über WordPress.
Bestätigung an Admin
Damit du benachrichtigt wirst, wenn sich jemand in dein Formular eingetragen hat, öffnest du die automatisch generierte „Admin Notification Email“ über einen Klick auf das blaue Zahnrad.
Sofern du z.B. Fluent SMTP nutzt, musst du hier eigentlich gar keine weiteren Einstellungen treffen, außer Betreff und Emailinhalt deinen Vorstellungen anzupassen.
Sowohl Absendername, Absenderemail und Antwort-Email wird von Fluent SMTP übernommen. Möchtest du etwas davon ändern, dann kannst du das unter „Advanced“ erledigen.
Bestätigung an Absender
Damit auch der Absender des Formulars eine Bestätigungsmail bekommt, dupliziere einfach deine Admin-Bestätigungs-Mail über das grüne Plus-Symbol und gehe anschließend über das blaue Zahnrad wieder in den Bearbeitungsmodus.
Hier wählst du bei „Send-To“ jetzt „Select a Field“ aus und achtest darauf, daß unter „Send to Field“ der Wert „Email“ ausgewählt ist.
Im Email-Body brauchst du jetzt nur noch deinen Text, deine Links & Shortcodes hinterlegen.
Klicke abschließend auf „Save Notification“ und achte darauf, daß der grüne Toggle deiner Email-Benachrichtigung auf „enabled“ steht.
Nun bekommt auch der Absender eine entsprechende Benachrichtigung zugesandt.
e) WordPress Formular einbauen
Im Fluent Forms Dashboard findest du nun neben deinem gerade fertiggestellten Formular einen Shortcode, den du an jeder beliebigen Stelle in deine Website einbauen kannst.
Falls du Thrive Architect benutzt, geht das z.B ganz einfach über das „Custom HTML“ Element. Im Block-Editor von WordPress gibt es einen extra Fluent-Forms-Block, den du benutzen kannst.
5. Fluent Forms Preise
Fluent Forms ist wie gesagt prinzipiell kostenlos.
Möchtest du jedoch Fluent Forms Pro* benutzen, dann kostet dich das für die Single-Lizenz entweder $59/ Jahr oder einmalig $299/Lifetime.
Die weiteren Preise findest du auf der offiziellen Website*.
6. Fazit
Ich habe auf meinen Websites sowohl die Kontaktformulare von Thrive Architect*, WPForms* und von Fluent Forms* im Einsatz und ich arbeite mit letzterem extrem gerne.
Ein extrem großer Funktionsumfang, keine Auswirkungen auf die Websiteperformance und vor allem noch immer eine Lifetime-Lizenz machen das Plugin für mich zum Favoriten.
Solltest du dir definitiv einmal anschauen, wenn du auf der Suche nach einem WordPress-Kontaktformular-Plugin bist.
FAQ
Gibt es auch Support in der kostenlosen Version?
Ja, den gibt es.
Was ist der Unterschied zwischen Fluent Forms Free & Pro?
Keine Zahlungsoptionen, wenige Templates, weniger Formularfelder, nur 2 Integrationen, kein Datei-Upload, kein Unterschriften-Feld, keine Conversational Formulare, kein Double-Optin, etc.
Gibt es Multi-Layout- und Multi-Step-Formulare?
Jep. Du kannst sowohl mehrspaltige Formulare erstellen, wie auch Multi-Step Formulare anlegen.