Zum Inhalt

19. Modul: Kontaktformular

Mit dem Kontaktformular-Modul können Besucher dir direkt über die Website eine Nachricht schicken. Du legst fest, welche Felder das Formular zeigt, welche davon Pflicht sind und an welche E-Mail-Adresse die Nachrichten gehen. Eingebunden wird das Formular über einen Platzhalter, den du in jede Seite setzen kannst. Spam-Schutz und eine Sendebegrenzung sind fest eingebaut.

Das Modul ist nur sichtbar, wenn es installiert und in den Modul-Einstellungen aktiviert ist.


Modul aktivieren

Das Kontaktformular hat keine eigene Übersichtsseite. Sein Schalter steht deshalb im Kasten Weitere Module, nicht bei den Content-Modulen.

  1. Öffne Einstellungen → Module.
  2. Schalte im Kasten Weitere Module das Kontaktformular ein.
  3. Klicke auf Einstellungen speichern.

Danach erscheint weiter unten auf derselben Seite der Kasten Kontaktformular mit den Einstellungen. Fehlt das Kontaktformular im Kasten Weitere Module ganz, ist das Modul für deine Website nicht gebucht. Ist es ausgeschaltet, bleibt ein Platzhalter {{CONTACTFORM}} auf der Website einfach leer.


Das Formular einrichten

Alle Einstellungen findest du unter Einstellungen → Module in der Karte Kontaktformular. Die Karte hat zwei Bereiche: Allgemein und Formularfelder.

Klicke nach deinen Änderungen unten auf der Seite auf Einstellungen speichern.

Allgemein

Feld Erklärung
Empfänger E-Mail Die Adresse, an die alle Nachrichten gehen, z. B. info@example.de. Lässt du das Feld leer, geht die Nachricht an die Adresse, die bei der Einrichtung der Website hinterlegt wurde.
Betreff-Prefix Anfang der Betreffzeile in der E-Mail an dich. Dahinter setzt das System den Namen des Absenders. Vorgabe: „Kontaktanfrage von". Ergebnis z. B.: „Kontaktanfrage von Maria Muster".
Erfolgsmeldung Der Text, den Besucher nach dem erfolgreichen Absenden sehen. Leer lassen = „Vielen Dank für Ihre Nachricht! Ich werde mich so bald wie möglich bei Ihnen melden."
Betreff-Optionen (optional) Eine Auswahlliste für den Betreff. Schreibe eine Option pro Zeile, z. B. „Allgemeine Anfrage", „Angebot anfordern", „Support". Leer lassen = kein Betreff-Feld im Formular.

Betreff-Optionen ändern die Betreffzeile

Hast du Betreff-Optionen eingetragen, erscheint im Formular das Pflichtfeld Betreff mit dem Eintrag „Bitte wählen...". Die E-Mail an dich trägt dann die gewählte Option und den Namen als Betreff, z. B. „Angebot anfordern – Maria Muster". Der Betreff-Prefix wird in diesem Fall nicht verwendet.

Empfänger-Adresse prüfen

Trägst du eine falsche Adresse ein, kommen die Nachrichten nicht bei dir an. Besucher bekommen davon nichts mit, wenn der Versand selbst klappt. Schick nach jeder Änderung eine Testnachricht über die Website.

Formularfelder

Die Tabelle zeigt alle Felder, die das Formular kennen kann. Pro Feld gibt es drei Einstellungen:

Spalte Erklärung
Anzeigen Haken gesetzt = das Feld erscheint im Formular.
Pflicht Haken gesetzt = Besucher müssen das Feld ausfüllen. Lässt sich nur setzen, wenn Anzeigen angehakt ist.
Label Die Beschriftung des Feldes auf der Website. Lässt du das Label leer, setzt das System beim Speichern die Vorgabe ein.

Diese Felder stehen zur Wahl:

Feld in der Tabelle Vorgabe-Label Ab Werk
Benutzer (name) Name angezeigt, Pflicht
E-Mail (email) E-Mail-Adresse angezeigt, Pflicht
Telefon (phone) Telefon ausgeblendet
Homepage (website) Homepage ausgeblendet
Adresse (street) Straße / Nr. ausgeblendet
PLZ (zip) PLZ ausgeblendet
Ort (city) Ort ausgeblendet
Nachricht (message) Nachricht angezeigt, Pflicht
Datenschutz (privacy) – immer aktiv und Pflicht

Die Zeile Datenschutz lässt sich nicht ändern. Die Einwilligung zur Datenschutzerklärung ist in jedem Formular Pflicht (siehe unten).

So wenig Felder wie möglich

Frag nur ab, was du für die Antwort wirklich brauchst. Kurze Formulare werden häufiger ausgefüllt, und jedes zusätzliche Feld ist zusätzliche Datenverarbeitung, die du in der Datenschutzerklärung erklären musst.

Was das System bei der Eingabe prüft

Diese Prüfungen laufen automatisch und lassen sich nicht abschalten:

Feld Prüfung
E-Mail-Adresse Muss eine gültige E-Mail-Adresse sein.
Telefon Nur Ziffern, Leerzeichen und die Zeichen + - ( ) /.
Nachricht Mindestens 10, höchstens 5.000 Zeichen.
Name Höchstens 100 Zeichen.
Datenschutz Der Haken muss gesetzt sein.

Fehlt eine Pflichtangabe oder ist eine Eingabe ungültig, wird nichts versendet. Der Besucher sieht oberhalb des Formulars eine Meldung mit dem betroffenen Feld, z. B. „Name: Bitte füllen Sie dieses Feld aus."


Das Formular in eine Seite einbinden

Das Formular setzt du mit einem Platzhalter in den Inhalt einer Seite:

{{CONTACTFORM}}

Der Platzhalter hat keine Zusatzangaben. Aussehen und Felder kommen allein aus den Modul-Einstellungen.

  1. Öffne die gewünschte Seite im Seiteneditor, z. B. deine Kontaktseite.
  2. Füge eine Sektion mit einem Texteditor hinzu, etwa Einspaltig (siehe Kapitel 2a).
  3. Schreibe {{CONTACTFORM}} in das Feld Inhalt, in eine eigene Zeile.
  4. Speichere die Seite und prüfe das Ergebnis auf der Website.

Wie Platzhalter allgemein funktionieren, erklärt Kapitel 2b.

Einmal pro Seite

Setze den Platzhalter nur einmal pro Seite. Zwei Formulare auf derselben Seite verwirren Besucher, und die Rückmeldung nach dem Absenden erscheint dann bei beiden.

Feste Texte im Formular

Einige Texte im Formular sind fest vorgegeben und lassen sich nicht in den Einstellungen ändern: die Platzhaltertexte in den Feldern (z. B. „Ihr Name"), der Button Nachricht senden, der Hinweis „* Pflichtfelder" und der Text an der Datenschutz-Checkbox. Diese Texte verwenden die Anrede „Sie".


Was nach dem Absenden passiert

  1. Das System prüft die Eingaben (siehe oben).
  2. Die Nachricht geht als E-Mail an die Empfänger E-Mail.
  3. Der Besucher landet wieder auf derselben Seite und sieht die Erfolgsmeldung.

Die E-Mail an dich

  • Betreff: Betreff-Prefix und Name, oder die gewählte Betreff-Option und Name.
  • Inhalt: alle ausgefüllten Felder untereinander, die Nachricht am Ende.
  • Antworten: Hat der Besucher eine E-Mail-Adresse angegeben, geht ein Klick auf „Antworten" in deinem E-Mail-Programm direkt an ihn.
  • Quelle / Kampagne: Kam der Besucher über eine erfasste Werbekampagne, steht am Ende der E-Mail ein Abschnitt „Quelle / Kampagne" mit den Angaben dazu (siehe Kapitel 17).

Das Kontaktformular speichert keine Nachrichten auf der Website. Die E-Mail ist die einzige Kopie. Im Admin-Bereich gibt es deshalb auch keine Nachrichtenliste.

Wenn der Versand scheitert

Kann die E-Mail nicht verschickt werden, sieht der Besucher: „Ihre Nachricht konnte leider nicht gesendet werden. Bitte versuchen Sie es später erneut." Die Nachricht ist dann verloren. Meldet dir ein Besucher diesen Fehler, wende dich an die Person, die deine Website betreut.


Spam-Schutz und Sendebegrenzung

Das Formular schützt sich selbst. Du musst dafür nichts einstellen.

Schutz Wie er wirkt
Unsichtbares Fangfeld Das Formular enthält ein Feld, das Menschen nicht sehen, Spam-Programme aber ausfüllen. Ist es ausgefüllt, wird nichts versendet. Das Programm bekommt trotzdem eine Erfolgsmeldung und merkt nichts.
Sicherheitsschlüssel Jedes Formular trägt einen unsichtbaren Schlüssel. Ohne ihn wird eine Einsendung abgelehnt. So lässt sich das Formular nicht von fremden Seiten aus abschicken.
Sendebegrenzung Von derselben Internetverbindung gehen höchstens 3 Nachrichten innerhalb von 15 Minuten durch. Danach sieht der Besucher: „Sie haben zu viele Nachrichten gesendet. Bitte versuchen Sie es später erneut."

Beim Testen an die Sendebegrenzung denken

Wenn du das Formular mehrmals hintereinander testest, greift nach der dritten Nachricht die Sendebegrenzung. Warte dann 15 Minuten oder teste von einer anderen Internetverbindung, z. B. vom Smartphone ohne WLAN.


Datenschutz

  • Einwilligung: Unter jedem Formular steht die Pflicht-Checkbox „Ich habe die Datenschutzerklärung gelesen und bin mit der Verarbeitung meiner Daten einverstanden." Ohne Haken wird nichts versendet.
  • Link zur Datenschutzerklärung: Das Wort „Datenschutzerklärung" verlinkt auf die Seite /datenschutz. Halte die Sonderseite Datenschutz deshalb immer aktiv (siehe Kapitel 4).
  • Inhalt der Datenschutzerklärung: Beschreibe dort, welche Felder du abfragst, wozu und wie lange du die E-Mails aufbewahrst. Passe den Text an, wenn du Felder einschaltest.
  • Speicherung: Die Website selbst speichert keine Nachrichten. Die Daten liegen danach in deinem E-Mail-Postfach.
  • Werbekampagnen: Ist zusätzlich das Modul Kampagnen & Ad-Tracking im Einsatz, meldet das Kontaktformular jede erfolgreiche Nachricht als Anfrage (Lead) an dieses Modul. Name, E-Mail-Adresse, Telefon, Ort und PLZ werden dabei nicht im Klartext weitergegeben, sondern nur als unumkehrbar umgerechnete Prüfwerte (Hash). Was danach an Werbeplattformen geht, steuert das Ad-Tracking-Modul (siehe Kapitel 17).

Häufige Fragen

Das Formular erscheint nicht auf der Seite — was tun?

  1. Ist das Modul eingeschaltet? Unter Einstellungen → Module muss die Karte Kontaktformular zu sehen sein.
  2. Steht der Platzhalter genau so im Text: {{CONTACTFORM}}, mit zwei geschweiften Klammern und in Großbuchstaben?
  3. Ist die Sektion mit dem Platzhalter veröffentlicht?

Es kommen keine E-Mails an — was tun?

  1. Prüfe die Empfänger E-Mail in den Modul-Einstellungen auf Tippfehler.
  2. Schau im Spam-Ordner deines Postfachs nach.
  3. Hat der Besucher eine Erfolgsmeldung gesehen? Wenn ja, wende dich an die Person, die deine Website betreut.

Kann ich Nachrichten im Admin-Bereich nachlesen?

Nein. Das Kontaktformular speichert keine Nachrichten, sie gehen nur per E-Mail an dich.


Was du jetzt kannst

  • Du schaltest das Kontaktformular unter Einstellungen → Module ein und aus.
  • Du kannst die Empfänger-Adresse, den Betreff und die Erfolgsmeldung festlegen.
  • Du kannst eine Auswahlliste für den Betreff anlegen.
  • Du kannst Felder ein- und ausblenden, zur Pflicht machen und umbenennen.
  • Du kannst das Formular mit {{CONTACTFORM}} in jede Seite einbinden.
  • Du weißt, wie Spam-Schutz und Sendebegrenzung wirken und worauf du beim Testen achtest.
  • Du weißt, welche Angaben zum Kontaktformular in deine Datenschutzerklärung gehören.