Ein Kontaktformular anlegen: Unterschied zwischen den Versionen
Norman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Norman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
=== Ein neues Kontaktformular erstellen === | === 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". | |||
== 2. 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). | |||
# | # Beispiel für ein erweitertes Formular: | ||
<code> | <code> | ||
<label> Dein Name (Pflichtfeld) | <label> Dein Name (Pflichtfeld) | ||
| Zeile 30: | Zeile 30: | ||
</code> | </code> | ||
== 3. 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). | |||
== 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. | #* Speichere und aktualisiere die Seite. | ||
* Teste das Formular durch eine Testanfrage. | #* 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. | 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
- Neues Formular hinzufügen:
- Klicke auf "Neues Formular hinzufügen".
- Gib dem Formular einen aussagekräftigen Namen, z. B. "Veranstaltung xyz".
2. 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).
- 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
- 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).
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.