Ein Kontaktformular anlegen: Unterschied zwischen den Versionen

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


#; 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".
#* Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".
# Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".


#; 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:
**** CC/BCC hinzufügen (optional).
* CC/BCC hinzufügen (optional).
**** 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.
*** 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.




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

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.