Ein Kontaktformular anlegen: Unterschied zwischen den Versionen

Aus EMK Manual
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:


== 1. one Navigiere zu "Contact > Kontaktformulare"==
== 1. one 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".


== 2. Formularstruktur anpassen:==
== 2. 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
== 3. 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.
*** 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:
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
== 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.
Zeile 70: Zeile 70:




""Fazit:""
=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.
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.

Version vom 16. Mai 2025, 08:38 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. one 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.