Ein Kontaktformular anlegen: Unterschied zwischen den Versionen

Aus EMK Manual
Die Seite wurde neu angelegt: „<pre style="color: red">Bitte vorher die Rechte klären. Nicht alle Bezirke haben Zugriff auf die Kontaktformulare. Die Steuergruppe hilft gerne weiter.</pre> === Ein neues Kontaktformular erstellen === * 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". * Formularstruktur anpassen: ** Im Texteditor erschei…“
 
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
=== Ein neues Kontaktformular erstellen ===
=== Ein neues Kontaktformular erstellen ===


* Navigiere zu "Contact > Kontaktformulare".
#; Navigiere zu "Contact > Kontaktformulare".
** Neues Formular hinzufügen:
** Neues Formular hinzufügen:
*** Klicke auf "Neues Formular hinzufügen".
*** Klicke auf "Neues Formular hinzufügen".
*** Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".
*** Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".


* Formularstruktur anpassen:
#; Formularstruktur anpassen:
** Im Texteditor erscheint ein Basisformular mit Standardfeldern (Name, E-Mail, Betreff, Nachricht).
** 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.
** 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).
** Jedes Feld kann individuell konfiguriert werden (Name, ID, Platzhalter, erforderliches Feld).


* Beispiel für ein erweitertes Formular:
#; Beispiel für ein erweitertes Formular:
<code>
<code>
<label> Dein Name (Pflichtfeld)
<label> Dein Name (Pflichtfeld)
Zeile 30: Zeile 30:
</code>
</code>


* E-Mail-Einstellungen konfigurieren
#; E-Mail-Einstellungen konfigurieren
** Wechsel zu "E-Mail"-Reiter:
** Wechsel zu "E-Mail"-Reiter:
** Hier wird festgelegt, an welche E-Mail-Adresse die Formularanfragen gesendet werden.
** Hier wird festgelegt, an welche E-Mail-Adresse die Formularanfragen gesendet werden.
Zeile 47: Zeile 47:
**** HTML-E-Mail-Format aktivieren (optional).
**** HTML-E-Mail-Format aktivieren (optional).


* Formular in eine Seite oder einen Beitrag einfügen
#; Formular in eine Seite oder einen Beitrag einfügen
** Formular-Shortcode kopieren (... oder direkt auf einer Seite mittels Eingabe /contact-form hinzufü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"].
*** Nach dem Speichern wird ein Shortcode generiert, z. B. [contact-form-7 id="123" title="Veranstaltung xyz"].


* Seite/Beitrag bearbeiten:
#; Seite/Beitrag bearbeiten:
** Gehe zu Seiten oder Beiträge und wähle die gewünschte Seite aus.
** Gehe zu Seiten oder Beiträge und wähle die gewünschte Seite aus.
*** mFüge den Shortcode in den Editor ein.
*** mFüge den Shortcode in den Editor ein.


* Veröffentlichen und testen:
#; Veröffentlichen und testen:
* Speichere und aktualisiere die Seite.
* Speichere und aktualisiere die Seite.
* Teste das Formular durch eine Testanfrage.
* Teste das Formular durch eine Testanfrage.


* Datenschutz und Spam-Schutz
#; Datenschutz und Spam-Schutz
** DSGVO-Hinweis hinzufügen:
** DSGVO-Hinweis hinzufügen:
*** Füge ein Checkbox-Feld für die Zustimmung zur Datenschutzerklärung hinzu.
*** Füge ein Checkbox-Feld für die Zustimmung zur Datenschutzerklärung hinzu.


* Fehlerbehebung und Optimierung
#; Fehlerbehebung und Optimierung
** Fehlermeldungen prüfen:
** Fehlermeldungen prüfen:
*** Überprüfe, ob alle Pflichtfelder korrekt ausgefüllt sind.
*** Überprüfe, ob alle Pflichtfelder korrekt ausgefüllt sind.

Version vom 16. Mai 2025, 08:32 Uhr

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".
    • Neues Formular hinzufügen:
      • Klicke auf "Neues Formular hinzufügen".
      • Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".
  1. 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.