Contact Form 7

Bestellungen verwalten
13. November 2016
Contact Form 7 Gestaltung
13. November 2016

Das WordPress Plugin Contact Form 7 ermöglicht es, auf einfache Art und Weise Kontaktformulare zu erstellen und in die eigene WordPress Internetseite zu integrieren. Über das Plugin lassen sich beliebig viele Kontaktformulare gleichzeitig verwalten und mit den unterschiedlichsten Feldern versehen. Über das Plugin Verzeichnis kann Contact Form 7 installiert werden und findet sich dann im Menü unter der Bezeichnung Formulare.

Die Standardansicht Formulare listet alle derzeit erstellten Formulare. Über den Kurzcode lässt sich das Formular in Seiten, Beiträge, Widgets, uvm einbinden. Der Kurzcode muss kopiert und an der gewünschten Stelle wieder eingefügt werden.

Contact Form 7 Übersicht mediaagentur in berlin

Ein Beispiel für ein über Contact Form 7 generiertes Formular.

Contact Form 7 Live Version mediaagentur in berlin

Die Einstellungen für das entsprechende Formular lassen sich mit Klick auf den Namen des Formulars vornehmen. Die Einstellungen in WordPress für Contact Form 7 bestehen aus den Reitern

  • Formular
  • E-Mail
  • Meldungen
  • Zusätzliche Einstellungen

Contact Form 7 Einstellungen

Die Ansicht Formular zeigt das im oberen Bild gezeigte Beispiel Formular, welches aus insgesamt vier Feldern und einem Senden Button besteht

  • Das erste Feld steht für den Namen, welcher als Pflichtfeld angelegt ist
  • Das zweite Feld enthält die E-Mail Adresse, welche ebenfalls als Pflichtfeld angelegt wurde
  • Die Felder drei und vier enthalten den Betreff der Nachricht und den Nachrichtentext
  • Zuletzt wurde der Senden Button mit der Beschriftung Senden gesetzt

In ein Formular lassen sich beliebig viele Felder integrieren und mit Funktionen belegen. Die Button Liste, über dem Editor Fenster listet alle verfügbaren Einbindungen für Formularfelder. Diese enthält z.B. die im Beispiel verwendeten

  • Text für den Namen und den Betreff
  • E-Mail Feld für die E-Mail Adresse
  • Textfeld für die Nachricht
  • Submit für den Senden Button

Darüber hinaus lassen sich auch komplexe Felder wie Checkboxen und Drop-Down Menüs abbilden. Durck Klick auf einen der Buttons öffnet sich ein weiteres Fenster, über welches Grundeinstellungen vorgenommen werden können. Das Bild zeigt die Einstellungsmöglichkeiten für das Feld Text.

Wordpress Contact Form 7 Formular Feld

Der nächste Reiter, E-Mail, ermöglicht es, Einstellungen für die später versendete E-Mail mit den im Formular eingegeben Daten vorzunehmen.

Wordpress Contact Form 7 Email

Die einzelnen Felder bieten Einstellungsmöglichkeiten für

  • To: An wen das Formular versendet werden soll
  • From: Wer als Versender in der späteren E-Mail erscheinen soll
  • Betreff: Definiert, was in der Betreff Zeile der E-Mail stehen soll
  • Additional Headers: Über dieses Feld lassen sich CC und BCC Empfänger anlegen
  • Message Body: Die eigentliche E-Mail mit den Daten des Kontaktformulars und welche Informationen enthalten sein sollen
  • File Attachments: Können über das Formular Daten hochgeladen werden, lassen sich diese hier einbinden
  • E-Mail (2): Kann z.B. als Autoresponder genutzt werden

Die möglichen, in die E-Mail einzufügenden Tags finden sich über den Einstellungsmöglichkeiten. Die Tags werden einfach an die gewünschte Stelle kopiert und die im Kontaktformular angegeben Daten erscheinen an genau dieser Stelle in der E-Mail.

Der letzte wichtige Reiter in Contact Form 7 beschäftigt sich mit Meldungen. Es ermöglicht das schnelle und einfache verändern der Systemmeldungen, welche dem Nutzer des Formulars im Frontend angezeigt werden. Bei Bedarf kann so z.B. eine Fehler Meldung an den persönlichen Bedarf angepasst werden.

Wordpress Contact Form 7 Medlungen

Nach Speichern aller Contact Form 7 Einstellungen und der Einbindung des Shortcode an der gewünschten Stelle in WordPress erscheint auf einfache Art und Weise das eigene Kontaktformular im Frontend.

Contact Form 7 Live Version mediaagentur in berlin

Mit ein paar kleinen Anpassungen lässt sich dieses Formular auch optisch noch ein wenig aufpolieren. So ist es z.B. möglich, Zeilen dreispaltig zu gestalten und andere Veränderungen vorzunehmen.

Wordpress Contact Form 7 Live Version

Ähnliche Einträge