Ein Kontaktformular ist ein unverzichtbarer Bestandteil fast jeder Website. Es ermöglicht Besucher*innen, ganz einfach Fragen zu stellen, Angebote anzufordern oder direkt mit dir in Kontakt zu treten – ohne dass deine E-Mail-Adresse öffentlich sichtbar ist. In diesem Artikel zeigen wir dir, wie du ein Kontaktformular zu deiner WordPress-Website hinzufügst – mithilfe der kostenlosen Plugins Forminator und FluentSMTP. Mit Forminator erstellst und gestaltest du das Formular, während FluentSMTP dafür sorgt, dass alle Nachrichten zuverlässig per E-Mail zugestellt werden.
Beachte: Es gibt viele alternative Plugins zur Formularerstellung und E-Mail-Zustellung. Forminator und FluentSMTP dienen hier nur als Beispiel – du kannst selbstverständlich die Lösungen wählen, die am besten zu deinen Anforderungen passen.
Forminator – Installation und Erstellung
- Melde dich in deinem WordPress-Dashboard an (siehe: WordPress: Login und Dashboard.).
- Gehe im linken Menü zu Plugins > Installieren und suche nach Forminator.(link)
- Klicke auf Jetzt installieren und anschließend auf Aktivieren.
- Nach der Aktivierung erscheint Forminator im WordPress-Menü.
- Navigiere zu Forminator > Forms im linken Menü.
- Klicke auf Neu hinzufügen und wähle die gewünschte Vorlage aus.
- Passe die Felder (z. B. Name, E-Mail, Nachricht) nach deinen Wünschen an.
- In den Einstellungen kannst du außerdem Folgendes konfigurieren:
- E-Mail-Benachrichtigungen: An welche Adresse die Einsendungen geschickt werden.
- Darstellung: Farben, Layout und Stil des Formulars.
- Veröffentliche das Formular mit einem Klick auf Veröffentlichen oben rechts und kopiere den angezeigten Shortcode (zum Beispiel [forminator_form id="123"]).
- Füge den Shortcode auf der Seite oder im Beitrag ein, auf dem das Formular erscheinen soll.
FluentSMTP – Installation und Einrichtung
- Gehe im linken Menü zu Plugins > Installieren und suche nach FluentSMTP. (link)
Klicke auf Jetzt installieren und dann auf Aktivieren.
Navigiere zu Einstellungen > FluentSMTP im linken Menü.
Wenn du den Mailserver von Cloud86 verwendest, wähle Other SMTP und fahre mit Schritt 6 fort.
-
Wird deine E-Mail nicht über Cloud86 verwaltet, wähle den passenden Anbieter und folge der entsprechenden Anleitung:
- Gmail / Google Workspace: Connect Gmail or Google Workspace With FluentSMTP (EN)
- Outlook / Office365: Configure FluentSMTP with Microsoft Outlook/Office Email (EN)
- Andere Anbieter: Siehe Delivery Connections für die richtige Anleitung
- Wenn du den Cloud86-Mailserver nutzt, verwende folgende Einstellungen:
- SMTP Host: Gib den Mailserver ein, z. B. cloud86example.com. Ersetze ihn durch deine eigene Domain oder – bei externer Website – durch die Plesk-Serveradresse (siehe: Mailserver von Cloud86 mit externer Website nutzen).
- SMTP Port: Für SSL = Port 465, für TLS = Port 587
- Verschlüsselung: SSL oder TLS (je nach verwendetem Port)
- Authentifizierung: Aktiviert
- Benutzername: deine Cloud86-E-Mail-Adresse
- Passwort: das Passwort deines E-Mail-Kontos
Klicke auf Einstellungen speichern.
- Sende eine Testmail, um zu überprüfen, ob alles korrekt funktioniert.
Sobald FluentSMTP eingerichtet ist, werden alle über Forminator versendeten E-Mails automatisch über FluentSMTP verschickt. Das erhöht die Zuverlässigkeit der Zustellung und senkt das Risiko, dass deine Nachrichten im Spam-Ordner landen.
Solltest du nicht weiterkommen, kannst du dich jederzeit per E-Mail an unseren Support wenden: support@cloud86.io. An Werktagen sind wir außerdem von 9:00 bis 16:00 Uhr telefonisch sowie über den Chat in deinem Cloud86-Dashboard erreichbar.