⥠Schnell zum Kontaktformular
- Contact Form 7 oder WPForms installieren
- Formular erstellen mit gewĂŒnschten Feldern
- Shortcode auf Seite einfĂŒgen
- Spam-Schutz aktivieren
Warum ein Kontaktformular?
Ein Kontaktformular ist professioneller als eine nackte E-Mail-Adresse. Es filtert Spam, sammelt strukturierte Daten und ermöglicht dir, genau die Informationen abzufragen, die du brauchst.
Vorteile gegenĂŒber E-Mail-Link:
- Spam-Schutz: reCAPTCHA filtert Bots
- Strukturierte Daten: Betreff, Kategorie, Telefonnummer
- DSGVO-Checkbox: Einwilligung dokumentieren
- Keine E-Mail-Client nötig: Funktioniert immer
Option 1: Contact Form 7 (Kostenlos)
Das beliebteste Formular-Plugin mit ĂŒber 5 Millionen Installationen. Flexibel, aber etwas technischer.
Plugin installieren
Plugins â Installieren â "Contact Form 7" â Aktivieren
Neues Formular erstellen
Kontakt â Neu hinzufĂŒgen. Beispiel-Formular:
<label>Name (Pflichtfeld)
[text* your-name]</label>
<label>E-Mail (Pflichtfeld)
[email* your-email]</label>
<label>Betreff
[text your-subject]</label>
<label>Nachricht
[textarea your-message]</label>
[checkbox* acceptance "Ich stimme der DatenschutzerklÀrung zu"]
[submit "Absenden"]E-Mail konfigurieren
Im Tab "E-Mail":
- An: deine@email.de
- Von: [your-email]
- Betreff: Kontaktanfrage: [your-subject]
- Inhalt: Name: [your-name], Nachricht: [your-message]
Shortcode einfĂŒgen
Kopiere den Shortcode [contact-form-7 id="123"] und fĂŒge ihn auf einer Seite ein.
Option 2: WPForms (Einsteigerfreundlich)
Drag & Drop Editor, einfacher zu bedienen. Lite-Version kostenlos.
Plugin installieren
Plugins â "WPForms Lite" installieren â Aktivieren
Formular mit Assistent erstellen
WPForms â Add New â Template "Simple Contact Form" wĂ€hlen â Felder per Drag & Drop anpassen
Einbetten
WPForms-Block im Editor hinzufĂŒgen und Formular auswĂ€hlen.
Spam-Schutz einrichten
Google reCAPTCHA v3
Unsichtbarer Spam-Schutz ohne nervige BilderrÀtsel:
- Gehe zu google.com/recaptcha
- reCAPTCHA v3 fĂŒr deine Domain registrieren
- Site Key und Secret Key kopieren
- In Contact Form 7: Kontakt â Integration â reCAPTCHA
Honeypot-Methode
Verstecktes Feld, das nur Bots ausfĂŒllen:
- Plugin: "Honeypot for Contact Form 7"
- Automatisch aktiv nach Installation
FĂŒge immer eine Checkbox mit Link zur DatenschutzerklĂ€rung ein. Speichere keine Daten lĂ€nger als nötig.
Styling anpassen
Contact Form 7 Formulare mit CSS stylen:
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 8px;
}
.wpcf7 input[type="submit"] {
background: #0073aa;
color: white;
padding: 14px 28px;
border: none;
border-radius: 8px;
cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
background: #005a87;
}E-Mail-Zustellung sicherstellen
Formular-E-Mails landen oft im Spam. Lösung: SMTP-Plugin nutzen!
- WP Mail SMTP installieren
- SMTP-Server konfigurieren (siehe E-Mail-Artikel)
- Test-E-Mail senden