Ein Kontaktformular anlegen

Aus EMK Manual
Bitte vorher die Rechte klären. Nicht alle Bezirke haben Zugriff auf die Kontaktformulare. Die Steuergruppe hilft gerne weiter.

Ein neues Kontaktformular erstellen

1. one Navigiere zu "Contact > Kontaktformulare"

    • Neues Formular hinzufügen:
    • Klicke auf "Neues Formular hinzufügen".
    • Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".

2. Formularstruktur anpassen:

    • Im Texteditor erscheint ein Basisformular mit Standardfeldern (Name, E-Mail, Betreff, Nachricht).
    • Um ein neues Feld hinzuzufügen, klicke auf einen der Buttons über dem Editor, z. B. Text, E-Mail, Telefon, Checkbox.
    • Jedes Feld kann individuell konfiguriert werden (Name, ID, Platzhalter, erforderliches Feld).
  1. Beispiel für ein erweitertes Formular

<label> Dein Name (Pflichtfeld) [text* your-name] </label>

<label> Deine E-Mail-Adresse (Pflichtfeld) [email* your-email] </label>

<label> Telefonnummer [tel your-phone] </label>

<label> Nachricht [textarea your-message] </label>

[submit "Senden"]

  1. E-Mail-Einstellungen konfigurieren
    • Wechsel zu "E-Mail"-Reiter:
    • Hier wird festgelegt, an welche E-Mail-Adresse die Formularanfragen gesendet werden.
      • Standardfelder anpassen:
      • Die E-Mail-Adresse, an die die Nachricht gesendet wird.
      • From: Die Absenderadresse (idealerweise wordpress@deinedomain.de).
      • Subject: Betreff der E-Mail, z. B. Neue Kontaktanfrage von [your-name].
      • Message Body: Hier werden die Formularfelder eingebunden. Beispiel:
        • Name: [your-name]
        • E-Mail: [your-email]
        • Telefon: [your-phone]
        • Nachricht: [your-message]
      • Zusätzliche E-Mail-Einstellungen:
        • CC/BCC hinzufügen (optional).
        • HTML-E-Mail-Format aktivieren (optional).
  1. Formular in eine Seite oder einen Beitrag einfügen
    • Formular-Shortcode kopieren (... oder direkt auf einer Seite mittels Eingabe /contact-form hinzufügen)
      • Nach dem Speichern wird ein Shortcode generiert, z. B. [contact-form-7 id="123" title="Veranstaltung xyz"].
  1. Seite/Beitrag bearbeiten
    • Gehe zu Seiten oder Beiträge und wähle die gewünschte Seite aus.
      • mFüge den Shortcode in den Editor ein.
  1. Veröffentlichen und testen
  • Speichere und aktualisiere die Seite.
  • Teste das Formular durch eine Testanfrage.
  1. Datenschutz und Spam-Schutz
    • DSGVO-Hinweis hinzufügen:
      • Füge ein Checkbox-Feld für die Zustimmung zur Datenschutzerklärung hinzu.
  1. Fehlerbehebung und Optimierung
    • Fehlermeldungen prüfen:
      • Überprüfe, ob alle Pflichtfelder korrekt ausgefüllt sind.
      • E-Mail-Server-Einstellungen anpassen:
      • Falls E-Mails nicht gesendet werden, prüfe die SMTP-Einstellungen.


""Fazit:""

Mit Contact Form 7 lassen sich schnell und einfach Kontaktformulare in WordPress integrieren. Durch die Konfiguration von E-Mail-Vorlagen, DSGVO-Checkboxen und Spam-Schutz lässt sich das Formular an individuelle Anforderungen anpassen.