Fluent Forms – Formular Plugin Review

  • Wordpress Plugins
  • aktualisiert am 2. Oktober 2024

Unsere Meinung

Top kostenloses Wordpress-Kontaktformular-Plugin mit großem Funktionsumfang

auch kostenlose Version
Pro beginnt bei 59$/ Jahr
Lifetime-Deal für 299$

Fluent Forms
Fluent Forms

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.  

Fluent Forms Drag and Drop

Ü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.

Fluent Forms Feldtypen

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. 

Fluent Forms Template Vorlagen

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
Fluent Forms Formulartypen

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.

Fluent Forms Layout

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.

Fluent Forms kostenlos vs pro

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.

Fluent Forms 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“.

Fluent Forms Formular erstellen

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).

Fluent Forms Template Vorlagen

Ich wähle hier ein Standard Kontaktformular aus und gelange anschließend in den Bearbeitungseditor.

Fluent Forms Editor

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.

Fluent Forms Formularfeld Optionen

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.

Fluent Forms Layout

Ansonsten kannst du jedes einzelne Feld links im Editor anklicken, woraufhin sich rechts dann die erweiterten Feldoptionen automatisch öffnen.

Fluent Forms Feldoptionen

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.

Fluent Forms 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.

Fluent Forms Save Form

Ü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“.

Fluent Forms Formulareinstellungen

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

Fluent-SMTP-installieren

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.

Fluent Forms Admin Benachrichtigung

Sofern du z.B. Fluent SMTP nutzt, musst du hier eigentlich gar keine weiteren Einstellungen treffen, außer Betreff und Emailinhalt deinen Vorstellungen anzupassen.

Fluent Forms Admin Notification Email

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.

Fluent Forms Absender Benachrichtigung erstellen

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.

Fluent Forms Bestätigung Absender

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. 

Fluent Forms Shortcode

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.

Fluent Forms Preise

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.

Manuel Thrivebiz

Hi, ich bin Manuel

Auf diesem Blog schreibe ich über Tools & Plugins, mit denen Solopreneure ihre WordPress Websites selber erstellen, pflegen und optimieren können.

Generell schreibe ich oft über die Tools von Thrive Themes oder den Website,-Builder Breakdance, worüber ich dir zudem Coachings bzw. meine Leistungen anbiete, um dir den Einstieg zu erleichtern. 

Ebenfalls habe ich für dich Online-Kurse zu Thrive Architect und Thrive Apprentice erstellt, schau einfach mal rein

Ansonsten schreibe ich natürlich auch gerne über all die anderen Dinge, welche für deine Website, dein Marketing und generell dein Online-Business wertvoll sind.

Inhalt

Mit einem Stern (*) gekennzeichnete Empfehlungen sind sogenannte Affiliate-Links. Wenn du über so einen Link ein Produkt kaufst, bekommen wir von deinem Einkauf eine kleine Provision. Für dich verändert sich der Preis nicht.

Wichtig: Wir empfehlen nur Produkte, die wir selber einsetzen/ eingesetzt haben

Weitere Artikel