Ein Kontaktformular anlegen: Unterschied zwischen den Versionen
Norman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Norman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 4: | Zeile 4: | ||
== 1. one Navigiere zu "Contact > Kontaktformulare"== | == 1. one 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:== | == 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: | *** Zusätzliche E-Mail-Einstellungen: | ||
| Zeile 47: | Zeile 47: | ||
**** HTML-E-Mail-Format aktivieren (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) | ** 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: == | |||
** 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 == | |||
* 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: | ** 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 == | |||
** 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:= | |||
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
- 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).
- Zusätzliche E-Mail-Einstellungen:
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"].
- Formular-Shortcode kopieren (... oder direkt auf einer Seite mittels Eingabe /contact-form hinzufügen)
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.
- Gehe zu Seiten oder Beiträge und wähle die gewünschte Seite aus.
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.
- DSGVO-Hinweis hinzufügen:
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.
- Fehlermeldungen prüfen:
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.