Contact Form 7

Welche Daten möchten Sie abfragen

Notieren Sie sich, welche Daten Sie abfragen möchten, und welche Formularfelder Sie benötigen.

Welche Daten sollen an Sie gesandt werden

Überlegen Sie sich, wie der Nachrichtentext gestaltet werden muss, damit er übersichtlich in Ihrem Postfach ankommt.

Erfüllt Ihr Formular das Gesetz der Datensparsamkeit?

Achten Sie bitte dabei auch auf das Gebot der Datensparsamkeit! Das Geburtsdatum einer Person beispielsweise ist für eine Anmeldung zu einer Veranstaltung sicher nicht vonnöten; wenn es eine Altersgrenze für die Teilnehmer gibt, reicht es vollkommen, das Alter abzufragen.

Formular anlegen und prägnanten Titel vergeben

Nun legen Sie zunächst ein Formular neu an und vergeben einen Namen dafür. Wir raten dazu, möglichst sprechende Namen zu wählen, auch wenn dieser Name im Frontend nirgends auftaucht. Wenn Sie später ein Formular bearbeiten wollen, ist es dann einfacher, ein Formular „Kontaktformular für die Interessentenseite“ aufzufinden als sich durch die Formulare 1 – 10 zu klicken, bis das Richtige gefunden ist.

Formularfelder anlegen

Zu den Grundelementen, die das Formular bereits mitbringt, fügen Sie diejenigen Elemente hinzu, die Sie gern zusätzlich darin haben möchten. Die Textformatierung erfolgt mit HTML, das Sie hier von Hand einfügen. Das Formular ist einspaltig angelegt, die vorab ausgewählten Tags sind in die HTML-Tags für Absätze (<p> und </p>) eingeschlossen, Umbrüche werden mit <br /> gekennzeichnet. Die Formatierung sollte auf jeden Fall um <label> ergänzt werden, um der Barrierefreiheit Genüge zu tun. Mehr dazu finden Sie am Ende dieser Beschreibung unter „Tipps und Tricks“.
In der Übersicht sieht das Feld zum Erstellen eines Formulars so aus:

Zum Einfügen von Tags stehen Ihnen zwei Möglichkeiten zur Verfügung: Entweder fügen Sie sie von Hand ein oder Sie nutzen den Tag-Generator. Dieser öffnet sich, wenn Sie einen der Buttons über dem Eingabefeld anklicken. Hier als Beispiel der Generator für das Tag „text“:

Formular speichern

Sobald Sie Ihr Formular mit den Tags befüllt haben, die Sie nutzen wollen, speichern Sie es ab.

E-Mail Sendeverhalten konfigurieren

Sobald Ihr Formular definiert ist, müssen Sie sich noch um die E-Mail kümmern, die Ihnen als Antwort gesendet wird. Dazu wählen Sie den Reiter E-Mail aus.

Dann wird Ihnen das Formular angezeigt, mit dessen Hilfe Sie die E-Mail erstellen, die die Angaben Ihrer Besucher enthält.

Sie finden hier zunächst die Tags, die in Ihrem Formular enthalten sind. Diese können Sie später per copy & paste in das Feld mit dem Message Body eintragen.

In das To-Feld tragen Sie Ihre eigene E-Mail-Adresse ein. From, Betreff, Additional Headers lassen Sie am Besten stehen, wie sie sind.
Im Feld Message Body tragen Sie dann die Tags ein, die Sie Ihrem Formular hinzugefügt haben. Hier brauchen Sie keinerlei Formatierung vorzunehmen; es ist aber sinnvoll, entsprechende Absätze einzufügen, damit die Mail, die Sie später erhalten, übersichtlich wird.

Wenn Sie zulassen, dass Anhänge mitgeschickt werden, also das file-Tag nutzen, müssen Sie das entsprechende Tag im Feld „File Attachments“ angeben.

Ganz unten finden Sie noch E-Mail (2). Damit können Sie eine zweite Mail entwerfen, die beispielsweise dem Absender als Bestätigung für das erfolgreich versandte Formular zugesandt wird. Das kann dann beispielsweise so aussehen:

Meldungen personalisieren

Sicherlich möchten Sie Ihren Besuchern vom Formular Rückmeldung geben lassen, damit sie wissen, dass sie entweder das Formular erfogreich verschickt haben oder einen Fehler gemacht haben. Im Reiter „Meldungen“ sind bereits einige solcher Feedbackmeldungen vorformuliert; wenn Sie das möchten, können Sie diese Meldungen auch Ihren persönlichen Bedürfnissen anpassen.

Bitte vergessen Sie auch hier nicht das Speichern nach dem Ändern der Meldungen.