Wie fügt man ein Kontaktformular in WordPress hinzu?
Dieses Tutorial behandelt die folgenden Themen:
Das Kontaktformular einer Website hilft Ihnen, eine klare und effektive Kommunikation mit Ihren Kunden zu führen und das Gespräch besser zu steuern. Als Ergebnis ziehen Sie mehr Stammgäste und Kunden an und erhalten wertvolles Feedback.
Unten ist ein Beispiel für ein Standard-Kontaktformular auf einer WordPress-Seite.
In diesem Handbuch werden wir berühren, warum Sie ein Kontaktformular zu Ihrer WordPress-Website hinzufügen müssen und wie man es installiert.
Warum sollten Sie ein Kontaktformular in WordPress hinzufügen
Produktive Kommunikation mit Kunden ist die Grundlage jedes erfolgreichen Unternehmens. Da die meisten Unternehmen ihre Geschäfte online abwickeln, ist Ihre WordPress-Website keine Ausnahme.
Ein Kontaktformular schafft einen Kommunikationskanal zwischen Besuchern und Ihnen und eröffnet neue Möglichkeiten, um potenzielle Kunden zu gewinnen.
Im Folgenden listen wir die wichtigsten Vorteile eines Kontaktformulars auf Ihrer WordPress-Website auf.
- Ein Kontaktformular schützt Ihre E-Mail-Adresse vor Ausbeutung – Ihre E-Mail-Adresse auf einer öffentlichen Webseite zu veröffentlichen ist nicht immer eine gute Idee. Es ist für jedermann sichtbar, auch für Spammer, böswillige Besucher oder böswillige Bots. Daher besteht eine hohe Wahrscheinlichkeit, dass sie Ziel von Spam- und Phishing-Angriffen werden könnte. Das Kontaktformular verbirgt die Verwaltungs-E-Mail-Adresse Ihrer Website und verringert die Chance, angegriffen zu werden.
- Ein Kontaktformular hilft Ihnen, Spam-Nachrichten auszusortieren – Spambots sind heutzutage so allgegenwärtig, dass jede Website irgendwann unter ihren Angriffen leidet. Ein Kontaktformular hilft, automatisierte Spam-Angriffe zu verhindern, indem es verschiedene Schutzmechanismen implementiert.
- Ein Kontaktformular ermöglicht es Ihnen, die wesentlichen Informationen aus den Anfragen Ihrer Besucher zu extrahieren – Manche Kunden ziehen es vor, direkt auf den Punkt zu kommen, während andere lange Präsentationen mögen. Das ist zwar nicht schlimm, aber es kann anstrengend sein, lange Anfragen zu lesen und nur die wesentlichen Informationen herauszufiltern. Ein Kontaktformular ermöglicht es Ihnen, die Konversation besser zu steuern, indem Sie das Kontaktformular in verschiedene Felder aufteilen, die vom Besucher bestimmte Informationen verlangen.
- Ein Kontaktformular ermöglicht es Ihnen, Feedback von Ihren Besuchern zu erhalten – Genau wie Kommentare, ein Kontaktformular ermöglicht es Besuchern, ihre Meinung zu Ihren Diensten oder Inhalten zu äußern. Der Unterschied besteht darin, dass ihr Feedback nicht öffentlich ist und nur Sie es sehen können.
- Ein Kontaktformular hilft Ihnen, mehr Verkäufe zu erzielen – Ihre Dienstleistungen erfordern möglicherweise Preisverhandlungen. Über ein Kontaktformular können Sie ein Geschäft mit potenziellen Kunden auf einem privaten Kanal aushandeln.
Ein Kontaktformular zu WordPress hinzufügen
WordPress kommt mit vielen eingebauten Funktionen, aber ein Kontaktformular gehört nicht dazu. Sie müssen sich jedoch keine Sorgen machen. Es gibt eine große Auswahl an Kontaktformular-Plugins zur Auswahl, von denen jedes seine eigenen Besonderheiten und einzigartigen Funktionen hat.
Lesen Sie weiter, um herauszufinden, wie Sie ein Kontaktformular-Plugin auswählen, installieren und zu Ihrer WordPress-Website hinzufügen.
-
Schritt 1.Wählen Sie ein WordPress Kontaktformular Plugin
Ihre Einrichtung sollte damit beginnen, dass Sie nach den verfügbaren Kontaktformular-Plugins suchen. Alle Kontaktformulare bieten die gleiche Grundfunktionalität, aber es gibt Plugins mit exklusiven Funktionen, die besser zu Ihrem Unternehmen passen könnten.
Wir empfehlen WPForms, eines der beliebtesten und vielseitigsten Plugins von WordPress. Es hat eine intuitive Benutzeroberfläche mit einem Drag-and-Drop-Builder, mit dem Sie mit Leichtigkeit schöne und funktionale Kontaktformulare erstellen können. Ganz zu schweigen davon, dass es sehr benutzerfreundlich ist, so dass es ideal für Anfänger ist.
Die kostenlose Version WPForms Lite enthält alle wichtigen Funktionen, die ein Kontaktformular besitzen sollte, und ist perfekt für die Gründung Ihres Unternehmens.
Die Premium-Version WPForms Pro fügt verschiedene wertvolle Funktionen wie die Integration mit PayPal, Stripe, Anpassungstools und viele weitere erweiterte Funktionen hinzu.
SiteGround-Benutzer können WPForms Pro in ihrem Kundenbereich > Marktplatz > Partner-Angebote.
-
Schritt 2.Ein Kontaktformular Plugin herunterladen
Sobald Sie Ihre Wahl getroffen haben, ist es Zeit, das Kontaktformular Plugin herunterzuladen und zu installieren. Für diese Übung werden wir WPForms verwenden.
Loggen Sie sich zunächst in Ihr WordPress-Dashboard ein. Wenn Sie Schwierigkeiten beim Anmelden haben, lesen Sie diese Anleitung, wie Sie sich bei Ihrer WordPress-Website anmelden.
Navigieren Sie zum Abschnitt Plugins und wählen Sie Installieren. Verwenden Sie die Suchleiste in der oberen rechten Ecke und geben Sie “wpforms“ ein. Das erste Ergebnis ist Contact Form by WPForms – Drag & Drop Form Builder for WordPress. Klicken Sie auf die Schaltfläche Jetzt installieren, um das Plugin auf Ihre Website herunterzuladen.
Sobald der Download abgeschlossen ist, verwandelt sich Jetzt installieren in eine Schaltfläche Aktivieren. Drücken Sie darauf, um das Plugin zu aktivieren.
-
Schritt 3.Formular in WordPress erstellen
Die Aktivierung erstellt einen neuen Abschnitt für WPForms in Ihrem WordPress-Dashboard. Klicken Sie auf WPForms > Alle Formulare, um eine Liste aller vorhandenen Formulare anzuzeigen, die mit dem Plugin erstellt wurden. Um eine neue zu erstellen, klicken Sie auf die Schaltfläche Neues Formular hinzufügen.
Sie gelangen in ein neues Kontrollfeld, in dem Sie Ihr neues Formular einrichten können. Beginnen Sie damit, einen Labelnamen für Ihr Formular in das Feld Benenne dein Formular einzugeben. Wählen Sie dann eine der vorgefertigten Vorlagen aus, indem Sie mit der Maus darüber fahren und auf die Schaltfläche Template benutzen klicken. Wenn Sie von vorne beginnen möchten, bewegen Sie den Mauszeiger über die Vorlage Leeres Formular und klicken Sie auf Leeres Formular erstellen.
Das Panel wechselt automatisch zum Abschnitt Felder, wo Sie Felder zu Ihrem Kontaktformular hinzufügen, bearbeiten oder entfernen können.
Drücken Sie Felder hinzufügen, um die verfügbaren Feldtypen auf der linken Seite anzuzeigen. Um ein Feld hinzuzufügen, klicken und halten Sie die Maustaste darüber, ziehen Sie es in den rechten Abschnitt unter der Beschriftung Ihres Formulars und lassen Sie es los.
Sie können mehrere Felder hinzufügen und sie in der Top-Down-Reihenfolge platzieren. Nachdem Sie alle Felder hinzugefügt haben, können Sie sie neu anordnen, indem Sie die Maustaste über einem Feld halten und sie nach oben oder unten ziehen, um die anderen Felder zu verschieben.
Die Felder haben voreingestellte Beschriftungen, aber Sie können sie ändern. Um ein Feld zu bearbeiten, klicken Sie darauf, und der linke Bereich des Editors wechselt zum Reiter Feldoptionen.
Im Unterabschnitt Allgemein können Sie den Feldnamen (Label) ändern und eine Beschreibung hinzufügen, die als Text unter dem Feld (Beschreibung) erscheint.
Wenn Sie den Schieberegler auf Erforderlich stellen, können Sie das Feld obligatorisch machen, um das Formular auszufüllen oder nicht. Die Pflichtfelder sind durch ein rotes Sternsymbol neben ihrer Beschriftung gekennzeichnet.
In Erweitert und Intelligente Bedingte Logik können Sie erweiterte Einstellungen wie Platzhaltertexte, CSS-Klassen usw. anpassen.
Um das Kontaktformular oder neue Änderungen daran zu speichern, klicken Sie auf die Schaltfläche Speichern.
-
Schritt 4.Kontaktformularbenachrichtigungen einrichten
Kontaktformularbenachrichtigungen sind E-Mail-Nachrichten, die automatisch von Ihrer Website an Ihre E-Mail-Adresse gesendet werden. Auf diese Weise werden Sie jedes Mal informiert, wenn ein Nutzer eine Anfrage in seinem Kontaktformular stellt.
Sie können die Benachrichtigungseinstellungen über die WPForms Systemsteuerung > Einstellungen > Benachrichtigungen. WPForms aktiviert die Benachrichtigungen standardmäßig, aber Sie können sie mit dem Schieberegler Benachrichtigungen aktivieren ein- oder ausschalten.
Die Aktivierung der Benachrichtigungen aktiviert den Einstellungsbereich, der verschiedene Parameter der E-Mails steuert. Neben jeder Einstellung können Sie das Menü Smart Tags anzeigen sehen. Es ermöglicht dem Kontaktformular, Informationen aus der Eingabe des Besuchers zu extrahieren und in der E-Mail anzuzeigen.
E-Mail des Empfängers definiert die E-Mail-Adresse, die Benachrichtigungen erhält, wenn ein Besucher einen Eintrag in Ihrem Kontaktformular sendet. Standardmäßig setzt WPForms automatisch die administrative E-Mail-Adresse Ihrer WordPress-Website. Diese Adresse wird durch das Tag {admin_email} angegeben. Sie können die Adresse durch eine andere E-Mail-Adresse ersetzen oder mehrere durch Kommas getrennte E-Mails hinzufügen.
E-Mail-Betreffzeile definiert die Betreffzeile jeder Benachrichtigungs-E-Mail, die von Ihrem Kontaktformular gesendet wird. Sie können den Text ändern oder sogar Smart-Tags hinzufügen, die von den Besuchern in den Kontaktformularfeldern bereitgestellte Informationen anzeigen können.
Sie können beispielsweise die Betreffzeile so einstellen, dass der Name des Besuchers angezeigt wird, der an das Kontaktformular gesendet wurde. Öffnen Sie dazu die Schaltfläche Smart Tags anzeigen neben E-Mail-Betreffzeile und wählen Sie Name aus Verfügbare Felder.
Jetzt wird jede neue Benachrichtigung den Namen des Besuchers in der Betreffzeile zusammen mit dem Betreffzeilentext enthalten.
Name des Absenders (from) stellt den Namen des Absenders ein, der in Ihrem E-Mail-Client angezeigt wird, wenn Sie die Benachrichtigung erhalten. Da Ihre Website das Formular sendet, zieht WPForms den Site-Titel aus Ihren allgemeinen WordPress-Einstellungen. Sie können einen benutzerdefinierten Namen festlegen oder ein Smarttag hinzufügen, das den Namen des Besuchers abruft, der das Formular abgeschickt hat.
E-Mail des Absenders (from) zeigt die Absenderadresse der Benachrichtigung an. Da Ihre Website das Kontaktformular Benachrichtigungen sendet, wird die Adresse automatisch auf die administrative E-Mail-Adresse Ihrer WordPress-Website gesetzt. Wenn Sie ein SMTP-Plugin verwenden und E-Mails von einer anderen Adresse senden, können Sie dies in der Einstellung E-Mail des Absenders (from) einstellen.
Antwort-an setzt die Adresse im Antwort-an-Feld der Benachrichtigungs-E-Mail. Wenn Sie auf die Benachrichtigung antworten möchten, ist diese Adresse der Empfänger der Antwort. Wenn Antwort-an leer ist, ist die Empfängeradresse die E-Mail des Absenders.Im Allgemeinen ist es eine gute Idee, die E-Mail-Adresse des Besuchers anzugeben, der das Formular abgeschickt hat. Auf diese Weise können Sie weiter kommunizieren, wenn Sie Fragen zu seiner Formularübermittlung haben. Sie können ein Smart-Tag hinzufügen, das die vom Besucher im Kontaktformular gesendete E-Mail abruft.
E-Mail-Nachricht definiert, was der Textkörper der Benachrichtigung enthält. Standardmäßig setzt WPForms das Smart-Tag {all_fields}, das die Informationen aller Felder aus dem Kontaktformular anzeigt. Sie können den Textkörper anpassen, indem Sie nur ausgewählte Felder anzeigen oder mehr Website-Informationen hinzufügen, indem Sie andere Smart-Tags verwenden.
Nachdem Sie die Konfiguration der Benachrichtigungseinstellungen abgeschlossen haben, drücken Sie die Speichern Schaltfläche, um sie zu bestätigen.
-
Schritt 5.Die Kontaktformular-Bestätigungen konfigurieren
Die Bestätigung ist die Folgeaktion, die Besucher über eine erfolgreiche Formularübermittlung informiert. Dies kann eine kurze Nachricht, eine Weiterleitung zu einer anderen Seite Ihrer Website oder eine Weiterleitung zu einer externen URL sein.
Sie können die Bestätigungseinstellungen in der WPForms Systemsteuerung > Einstellungen > Bestätigungen.
WPForms bietet drei Arten von Bestätigungen, die Sie aus dem Dropdown-Menü Art der Bestätigung auswählen können.
WPForms hat den Art der Bestätigung bereits auf Nachricht gesetzt und eine Standardnachricht hinzugefügt. Sie können den Text im Texteditorfeld ändern.
Anstelle einer Nachricht können Sie die Besucher, die das Formular ausgefüllt haben, auf eine andere Seite Ihrer Website umleiten. Sie können dies tun, indem Sie Seite anzeigen aus dem Art der Bestätigung Menü wählen.
Das Menü Bestätigungs-Seite listet alle veröffentlichten Seiten auf Ihrer WordPress-Site auf. Hier können Sie auswählen, welche Seite Besuchern als Bestätigung über das erfolgreiche Ausfüllen des Kontaktformulars angezeigt werden.
Der letzte Bestätigungstyp ist Gehe zu URL (Weiterleitung). Eine erfolgreiche Übermittlung des Kontaktformulars leitet Besucher an die Adresse weiter, die Sie im Feld URL der Bestätigungsseite. Die Weiterleitung kann zu einer Seite auf Ihrer Website oder zu einer externen Webadresse führen.
Um die Bestätigungseinstellungen zu speichern, klicken Sie auf die Schaltfläche Speichern in der WPForms Systemsteuerung.
-
Schritt 6.Spam-Schutz konfigurieren
Ohne Spam-Schutz könnte Ihr Kontaktformular ein leichtes Ziel für Spam-Bots sein. Dies könnte Ihren E-Mail-Posteingang mit zahlreichen unerwünschten Nachrichten übersättigen. Darüber hinaus können Spam-Angriffe Ihren SMTP-Server überlasten, da das Kontaktformular E-Mails von Ihrer Website sendet.
Daher ist es wichtig, dass Sie Ihr Kontaktformular vor Spam-Angriffen schützen.
Navigieren Sie in der Systemsteuerung Ihres Formulars zu Einstellungen > Spam Protection and Security.
WPForms verfügt über verschiedene Spam-Schutzmechanismen, die im Hintergrund arbeiten. Sie können sie aus- oder einschalten, indem Sie den Schieberegler Anti-Spam-Schutz aktivieren umschalten.
Wir empfehlen, diese Option aktiviert zu lassen, um die Sicherheit Ihres Kontaktformulars vor Spam zu erhöhen.
Sie können auch Add-ons installieren, um die Sicherheit Ihres Formulars weiter zu erhöhen. Aus der Liste Also Available können Sie aus einer breiten Palette von Premium- und kostenlosen Sicherheitsmodulen wählen, die Sie in Ihr Kontaktformular integrieren können. Einige von ihnen erfordern ein Upgrade auf WPForms Pro, während andere zusätzliche Schritte erfordern, um aktiviert zu werden. Klicken Sie auf die Schaltfläche Get Started des ausgewählten Add-Ons, um die detaillierten Anweisungen zu sehen.
Wie fügt man ein Kontaktformular zu einer WordPress-Seite oder einem Beitrag hinzu
Sobald Sie ein Kontaktformular erstellen, müssen Sie seine Position auf Ihrer Website bestimmen. Mit WordPress können Sie das Kontaktformular auf jeder Seite oder in jedem Beitrag hinzufügen.
Das Standard-Setup für die meisten Websites ist eine statische Seite, die das Kontaktformular enthält. Normalerweise heißt diese Seite Kontakt oder Kontakte und es ist die letzte Seite in Ihrem WordPress-Navigationsmenü. Weitere Informationen finden Sie in diesem Tutorial über WordPress-Navigationsmenüs.
Das Hinzufügen des Kontaktformulars erfolgt durch Bearbeiten einer Seite oder eines Beitrags von Ihrem WordPress Page Builder.
Hinzufügen eines Kontaktformulars im Gutenberg Blockeditor
Gutenberg ist seit Version 5.0 der Standard-WordPress-Editor. Um es zu öffnen, gehen Sie zum Abschnitt Seiten oder Beiträge, bewegen Sie die Maus über die Seite oder den Beitrag und klicken Sie auf Bearbeiten. Wenn Sie eine neue Seite für das Kontaktformular erstellen möchten, klicken Sie auf Erstellen.
Wählen Sie im Editor den Bereich aus, in dem Sie das Formular platzieren möchten, und klicken Sie auf die Schaltfläche Block hinzufügen (“+”-Zeichen). Ein neues Pop-up-Fenster mit den verfügbaren Blöcken wird erscheinen. Verwenden Sie die Suchleiste, geben Sie „wpforms“ ein und wählen Sie den WPForms Block.
Gutenberg fügt das Kontaktformular in den ausgewählten Bereich ein. Wählen Sie Ihr vorhandenes Formular aus dem Dropdown-Menü Ein Formular auswählen.
Das Formular wird so angezeigt, wie es die Besucher sehen. Um die Änderungen an der Seite zu bestätigen, klicken Sie auf die Schaltfläche Veröffentlichen (für eine neue Seite) oder Aktualisieren (für eine vorhandene Seite).
Alternativ können Sie das Kontaktformular einfügen, indem Sie seinen Shortcode verwenden. Gehen Sie zunächst zurück zum Abschnitt WPForms in Ihrem WordPress-Dashboard und wählen Sie Alle Formulare. Hier können Sie Ihre bestehenden Formulare sehen. Kopieren Sie den Code in die entsprechende Spalte des Formulars Shortcode.
Gehen Sie zum Seiteneditor und klicken Sie auf die Schaltfläche Block hinzufügen („+“-Zeichen). Verwenden Sie die Suchleiste, um den Shortcode-Block zu finden, oder wählen Sie ihn aus der vollständigen Liste der Blöcke aus.
Der Block wird in die Seite eingefügt. Fügen Sie den zuvor kopierten Shortcode in das Feld Shortcode ein. Gutenberg wird das Kontaktformular nicht visualisieren. Klicken Sie auf die Schaltfläche Aktualisieren oder Veröffentlichen und besuchen Sie die Seite, um zu bestätigen, dass das Kontaktformular eingefügt wurde.
Wenn dies richtig gemacht wurde, sollte die Seite das Kontaktformular anstelle des Shortcodes anzeigen.
Ein Kontaktformular im Classic Editor hinzufügen
Wenn Sie es vorziehen, den Classic Editor zu verwenden, können Sie ein Kontaktformular hinzufügen, indem Sie seinen Shortcode direkt in den Body-Bereich der Seite einfügen.
WPForms macht die Dinge ein wenig einfacher. Anstatt zur Systemsteuerung des Plugins zurückzukehren, um den Shortcode zu erhalten, fügt WPForms einen Formular hinzufügen-Button in der Symbolleiste des Classic Editor hinzu.
Sobald Sie darauf drücken, erscheint ein neues Pop-up-Fenster. Wählen Sie Ihr Formular aus dem Dropdown-Menü Wählen Sie unten ein Formular zum Einfügen und bestätigen Sie mit der Schaltfläche Formular hinzufügen.
Dadurch wird automatisch der Shortcode des Kontaktformulars in den Hauptteil der Seite eingefügt. Um die Änderungen zu speichern, klicken Sie auf die Schaltfläche Aktualisieren oder Veröffentlichen.
Wie fügt man ein Kontaktformular zur Seitenleiste hinzu
Alle Themen verfügen über einen Seitenleisten-Website-Bereich. WPForms ermöglicht Ihnen, Ihr Kontaktformular als Widget zu diesem Abschnitt hinzuzufügen.
Navigieren Sie in Ihrem WordPress-Dashboard zum Abschnitt Design > Widgets. Klicken Sie auf die Registerkarte Sidebar und drücken Sie das „+“-Zeichen (Block hinzufügen).
Ein Pop-up-Fenster mit den verfügbaren Widgets wird erscheinen. Verwenden Sie die Suchleiste, um WPForms zu finden und das Widget auszuwählen.
Der Widget-Block des Formulars wird in der Seitenleiste angezeigt. Wählen Sie das Kontaktformular aus dem Dropdown-Menü Ein Formular auswählen.
Der Widget-Editor visualisiert das Kontaktformular in der Seitenleiste. Klicken Sie auf die Schaltfläche Aktualisieren, um die Änderungen zu speichern.
Jetzt wird das Kontaktformular in der Sidebar auf allen Seiten und Beiträgen angezeigt.
Testen Sie die Funktionalität des Kontaktformulars
Nachdem das Kontaktformular nun an der gewünschten Stelle in Ihre Website eingefügt wurde, sollten Sie überprüfen, ob es ordnungsgemäß funktioniert. Rufen Sie dazu einfach das Frontend Ihrer Website auf, navigieren Sie zu der Seite, auf der sich das Kontaktformular befindet, geben Sie die erforderlichen Informationen in das Formular ein und senden Sie es ab.
Wenn Sie keine Nachrichten von Ihrem Kontaktformular erhalten, sollten Sie Ihr WordPress so konfigurieren, dass es SMTP statt der PHP-Funktion mail() verwendet. Standardmäßig verwendet WordPress die PHP-Funktion mail(), um bei Bedarf E-Mails zu versenden. Dies gilt auch für den Versand von E-Mails aus Ihren Kontaktformularen. Viele E-Mail-Anbieter kennzeichnen auf diese Weise gesendete Nachrichten als Spam, so dass diese Nachrichten ihre Empfänger möglicherweise nie erreichen.
SMTP verwendet eine Authentifizierung, die zu einer hohen Zustellbarkeit von E-Mails führt und somit die Wahrscheinlichkeit erhöht, dass Ihre Kontaktformular-E-Mails zugestellt werden. Um Ihr WordPress für die Verwendung von SMTP zu konfigurieren, können Sie den Anweisungen in unserem umfassenden Tutorial folgen.
Zusammenfassung
Kurz gesagt, Sie können nur davon profitieren, ein Kontaktformular auf Ihrer Website zu haben. Unabhängig davon, ob Sie einen Online-Shop oder einen Blog betreiben, können Sie mit Ihren Besuchern kommunizieren, wertvolles Feedback erhalten oder mehr Kunden gewinnen.
Es gibt Unmengen von Plugins, die diese Funktionalität zu Ihrer WordPress-Website hinzufügen können. Es ist nur eine Frage der Auswahl der, die am besten zu Ihrem Unternehmen passt. Wir hoffen, dass dieser Artikel die Dinge klarer macht und Ihnen hilft, die richtige Wahl zu treffen.