Ein Kontaktformular anlegen: Unterschied zwischen den Versionen

Aus EMK Manual
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 3: Zeile 3:
=== Ein neues Kontaktformular erstellen ===
=== Ein neues Kontaktformular erstellen ===


== 1. one Navigiere zu "Contact > Kontaktformulare"==
== 1. Navigiere zu "Contact > Kontaktformulare"==
# Neues Formular hinzufügen:
# Neues Formular hinzufügen:
# Klicke auf "Neues Formular hinzufügen".
# Klicke auf "Neues Formular hinzufügen".
Zeile 33: Zeile 33:
# 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.
** Standardfelder anpassen:
#* Standardfelder anpassen:
** Die E-Mail-Adresse, an die die Nachricht gesendet wird.
#* Die E-Mail-Adresse, an die die Nachricht gesendet wird.
** From: Die Absenderadresse (idealerweise wordpress@deinedomain.de).
#* From: Die Absenderadresse (idealerweise wordpress@deinedomain.de).
** Subject: Betreff der E-Mail, z. B. Neue Kontaktanfrage von [your-name].
#* Subject: Betreff der E-Mail, z. B. Neue Kontaktanfrage von [your-name].
** Message Body: Hier werden die Formularfelder eingebunden. Beispiel:
#* Message Body: Hier werden die Formularfelder eingebunden. Beispiel:
*** Name: [your-name]
#* Name: [your-name]
*** E-Mail: [your-email]
#* E-Mail: [your-email]
*** Telefon: [your-phone]
#* Telefon: [your-phone]
*** Nachricht: [your-message]
#* Nachricht: [your-message]


*** Zusätzliche E-Mail-Einstellungen:
* Zusätzliche E-Mail-Einstellungen:
**** CC/BCC hinzufügen (optional).
* CC/BCC hinzufügen (optional).
**** HTML-E-Mail-Format aktivieren (optional).
* HTML-E-Mail-Format aktivieren (optional).


== 4. Formular in eine Seite oder einen Beitrag einfügen ==
== 4. 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.
*** E-Mail-Server-Einstellungen anpassen:  
#* E-Mail-Server-Einstellungen anpassen:  
*** Falls E-Mails nicht gesendet werden, prüfe die SMTP-Einstellungen.
#* Falls E-Mails nicht gesendet werden, prüfe die SMTP-Einstellungen.





Aktuelle Version vom 16. Mai 2025, 08:41 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"

  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.