9+ nützliche Erweiterungen für Contact Form 7

CF7 ist ein großartiges WordPress Plugin für den Einbau von Formularen. Aber Gelegentlich vermisst man die eine oder andere Funktion. Abhilfe schaffen hier Extensions. Also zusätzliche Erweiterungen, mit denen man benötigte Features nachrüsten kann. Einige der frei verfügbaren Add-Ons habe ich selbst schon getestet und möchte Dir diese kurz vorstellen.

Kostenlose Erweiterungen für CF 7

Wenn Du als CF7-Nutzer spezielle Funktionen wie z.B. einen Datepicker oder Bedingungsfelder benötigst, hast Du mehrere Möglichkeiten:

  1. Suche Dir ein anderes Plugin, das die gewünschten Features schon mitbringt. Eine gute Alternative ist z.B. Caldera Forms.
  2. Passe CF7 durch eine individuelle Programmierung an
  3. Sieh Dich nach einer passenden CF7 Erweiterung um

Gerade wenn Du Dich schon ein wenig in Contact Form 7 eingearbeitet hast, ist die 3. Möglichkeit am einfachsten. Solltest Du bei den AddOns nicht fündig werden, kannst Du immer noch ein anderes Plugin auswählen. Diese sind aber häufig kostenpflichtig, da sie auch einen größeren Funktionsumfang bieten.

Bis auf eine Ausnahme sind die hier vorgestellten Plugins spezielle Formular Erweiterungen für CF7. Also zusätzliche Plugins, die lediglich die bestehende Hauptfunktion erweitern. Daher funktionieren sie auch nur, wenn CF7 bereits installiert ist.

CF7 Customizer

contact form 7 customizer
CF7 Customizer für einfache Design Anpassungen

Wenn du das Design deines Kontaktformulars ohne Coden anpassen möchtest, ist CF7 Customizer genau das Richtige für dich!

Installiere zuerst das Plugin und rufe als nächstes die Seite mit dem Formular auf. Nun kannst du über einen neuen Menüpunkt im WordPress-Customizer das Formular anpassen. Folgende Elemente können angepasst werden:

  • Schriftgröße und Schriftfarbe
  • Hintergrundfarbe des Formulars und der Input Felder
  • Formular-Abstände
  • Buttons

Leider lassen sich die Felder damit nicht in 2 Spalten anordnen. Das geht nur via CSS.
Eine kurze Anleitung mi Code-Beispiel für die nötige Anpassung findest Du in meinem Tutorial Contact Form 7 einrichten.

Contact Form 7 Skins

cf7 skins
Formular-Design auf Basis von Templates und Farbschemata.

Das Add-On Contact Form7  Skins ermöglicht ein einfaches Formular-Styling. Nach Aktivierung des Plugins kannst Du für jedes Kontaktformular ein eigenes Design festlegen. Zur Auswahl stehen mehrere fertige Templates. Diese können dann mit verschiedenen Styles (Farben) kombiniert werden.

Auch hier gibt es leider keine Vorlage für mehrspaltige Layouts. Dafür gibt es zwar ein Add-On, das aber leider kostenpflichtig ist.

Contact Form DB

contact form db
Ein umfangreiches AddOn, das Formulardaten in einer Datenbank speichert.

Mit Contact Form DB kannst du den Inhalt von abgesendeten Formularen in einer Datenbank speichern. Die einzelnen Datensätze kannst du dann später bearbeiten. Entweder direkt im Backend verwalten oder auch exportieren.
Durch die Bestimmungen der DSGVO ist der Einsatz des Plugins aber problematisch, da das Speichern peronenbezogener Daten vermieden werden sollte.

Ebenfalls sehr nützlich: über Shortcodes können die gespeicherten Daten auch in Seiten oder Beiträgen angezeigt werden.

Das Plugin ist nicht nur als Contact Form 7 Erweiterung erhältlich. Es ist auch mit anderen Formular-Plugins kompatibel. Hier einige der bekanntesten:

  • Fast Secure Contact Form
  • JetPack Contact Form
  • Gravity Forms
  • Enfold Formulare
  • Formidable Forms (BETA)
  • Ninja Forms (BETA)
  • Caldera Forms (BETA)

Update: Das Plugin ist zwar nicht mehr im offiziellen Verzeichnis verfügbar, aber bei GitHub zu finden:

https://github.com/mdsimpson/contact-form-7-to-database-extension

Conditional Fields for Contact Form

conditional fields
Durch Conditional Logic können Felder je nach Bedingung angezeigt oder versteckt werden.

Eine Funktion, die nicht nur CF7-Nutzer vermissen: Conditional Logic, also Bedingungsfelder. Dadurch kannst Du festgelegte Felder eines Formulars nur unter bestimmten Bedingungen ein- oder auszublenden.

Vor allem bei umfangreichen Formularen ist dies für den Benutzer eine große Erleichterung. Denn so werden ihm keine unnötigen Felder angezeigt, sondern nur die für ihn zutreffenden.

Mit dem Addon Conditional Fields kannst du über Shortcodes Bedingungsfelder in ein Formular einbauen. Anschließend werden in einem extra Reiter die Bedingungen festlegen.

Contact Form 7 Datepicker

cf7 datepicker
Datepicker stellt ein Datumsfeld als Kalender mit Auswahlfunktion dar.

Contact Form 7 Datepicker ist eine nützliche Erweiterung, wenn man einen Kalender im Formular benötigt. Besonders interessant ist dies, wenn man sein Formular beispielsweise für Buchungen von Hotels oder Veranstaltungen nutzen möchte.

Über das Plugin wird jQuery UI in CF7 eingebunden, so dass beim Klick ins Datumsfeld ein Kalender aufpoppt. Dadurch kann der Benutzer ganz bequem das Datum auswählen.

Für die Darstellung des Kalenders kannst du aus mehreren Designvorlagen wählen.

Contact Form7: Autocomplete

autocomplete
AddOn für das Autovervollständigen von Texteingaben

Eine weitere Verbesserung der Benutzerfreundlichkeit bietet Autocomplete.
Diese Extension aktiviert für ein Feld das automatische Vervollständigen der Eingabe. Sobald der Benutzer den ersten Buchstaben in das Feld schreibt, werden ihm Vorschläge gemacht. Ganz so wie z.B. bei einer Suche in Google.

Contact Form 7 Honeypot

honeypot for cf7
Empfehlenswerte Extension zur Spam-Abwehr

Du bekommst zu viele Spam-Mails über dein Kontaktformular? Dann kannst du entweder ein Captcha-Plugin installieren oder du testet Contact Form 7 Honeypot.

Das Prinzip vom Honigtopf ist ganz einfach. Spam wird meistens von Bots versendet, die man mit einem Honeypot abfangen kann. Dazu wird ein zusätzliches Feld eingebaut, das für den Benutzer nicht sichtbar ist. Der Bot füllt es jedoch aus und wird somit als Spammer erkannt.
Im Gegensatz zu Captchas ist dieses Plugin für den Benutzer unsichtbar und erhöht somit die Usability.

Send PDF for Contact Form 7

send pdf cf7
Wandelt Formulareingaben in PDFs um

 

Ein noch recht neues Plugin ist Send the PDF for Contact Form. Wie der Name schon sagt, kannst Du damit aus den Formulareingaben ein PDF erstellen. Dieses kann dann als Download bereit gestellt werden oder direkt als Anhang an den Absender geschickt werden.

In meinen Tests hat der PDF-Versand problemlos funktioniert, nur an den Übersetzungen hakt es noch ein wenig. Aber vielleicht wird das in einem folgenden Update behoben.

Contact Form 7 Dynamic Text Extension

dynamic text extension cf7
Ermöglicht das Einfügen von dynamischen Inhalten

Contact Form 7 Dynamic Text Extension ist eine nützliche Formular-Erweiterung, wenn dynamische Inhalte übergeben werden sollen.
Das Plugin erweitert CF7 um 2 weitere Tags: dynamischer Text und versteckter dynamischer Text. Mit Hilfe von Shortcodes kann man so Felder vorausfüllen oder Felder mit versteckten dynamischen Inhalten übergeben.

Dadurch kann beispielsweise übermittelt werden, auf welcher Seite der Benutzer vor der Formular-Seite war. Oder auch von welcher Seite aus das Formular abgeschickt wurde.

Material Design For Contact Form

material design addon für cf7

Mit dem AddOn Material Design For Contact Form 7 verleihst Du Deinem Kontaktformular den typischen Material Design Look. Weiterhin liefert das Plugin auch die interaktiven Elemente mit: Z.B. den Ripple Effect, die nach oben gleitenden Feldbezeichnungen und animierte Checkboxen. Die Farben können bequem über den WordPress Customizer eingestellt werden.

Fazit:

Ich selbst nutze Contact Form 7 sehr gerne! Und daher setze ich es auch häufig bei meinen Projekten ein. Hierbei reichen die Standardfunktionen in der Regel aus, nur das Design passe ich fast immer an. Allerdings nutze ich dafür keines der Customizer Plugins, sondern mache die Änderung direkt in CSS.
Von den anderen Erweiterungen verwende ich am häufigsten Honepot. Gelegentlich auch Datepicker oder Conditional Fields. Mit diesen AddOns habe ich bisher nur gute Erfahrungen gemacht und kann sie daher weiter empfehlen.

Wenn ich spezielle Funktionen wie z.B. Conditional Logic benötige, nutze ich CF7 inzwischen gar nicht mehr. Dafür ist Caldera Forms wesentlich besser geeignet.

Wie hat Dir dieser Beitrag gefallen? 1 Star2 Stars3 Stars4 Stars5 Stars (1 Bewertungen, Ø: 5,00 von 5)
loadingLoading...
Menü schließen