Ein Kontaktformular anlegen: Unterschied zwischen den Versionen
Norman (Diskussion | Beiträge) Die Seite wurde neu angelegt: „<pre style="color: red">Bitte vorher die Rechte klären. Nicht alle Bezirke haben Zugriff auf die Kontaktformulare. Die Steuergruppe hilft gerne weiter.</pre> === Ein neues Kontaktformular erstellen === * 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". * Formularstruktur anpassen: ** Im Texteditor erschei…“ |
Norman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
=== Ein neues Kontaktformular erstellen === | === Ein neues Kontaktformular erstellen === | ||
#; 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: | |||
** 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: | |||
<code> | <code> | ||
<label> Dein Name (Pflichtfeld) | <label> Dein Name (Pflichtfeld) | ||
| Zeile 30: | Zeile 30: | ||
</code> | </code> | ||
#; 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. | ||
| 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 | |||
** 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. | ||
Version vom 16. Mai 2025, 08:32 Uhr
Bitte vorher die Rechte klären. Nicht alle Bezirke haben Zugriff auf die Kontaktformulare. Die Steuergruppe hilft gerne weiter.
Ein neues Kontaktformular erstellen
- 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".
- Neues Formular hinzufügen:
- 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"]
- 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:
- 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.