Ein Kontaktformular anlegen

Aus EMK Manual
Version vom 16. Mai 2025, 08:41 Uhr von Norman (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Bitte vorher die Rechte klären. Nicht alle Bezirke haben Zugriff auf die Kontaktformulare. Die Steuergruppe hilft gerne weiter.

Ein neues Kontaktformular erstellen

1. Navigiere zu "Contact > Kontaktformulare"

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

2. Formularstruktur anpassen:

  1. Im Texteditor erscheint ein Basisformular mit Standardfeldern (Name, E-Mail, Betreff, Nachricht).
  2. Um ein neues Feld hinzuzufügen, klicke auf einen der Buttons über dem Editor, z. B. Text, E-Mail, Telefon, Checkbox.
  3. 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"]

3. E-Mail-Einstellungen konfigurieren

  1. Wechsel zu "E-Mail"-Reiter:
  2. 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).

4. 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"].

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.

Veröffentlichen und testen

    • Speichere und aktualisiere die Seite.
    • Teste das Formular durch eine Testanfrage.

Datenschutz und Spam-Schutz

    • DSGVO-Hinweis hinzufügen:
    • Füge ein Checkbox-Feld für die Zustimmung zur Datenschutzerklärung hinzu.

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.