Erstellen Sie ein WordPress-Kontaktformular

() translation by (you can also view the original English article)

Es spielt keine Rolle, ob Sie einen einfachen Blog oder ein richtiges Geschäft über Ihre Website betreiben. Die Bereitstellung eines geeigneten Kanals für die Kommunikation zwischen Ihnen und Ihren Kunden oder Besuchern kommt allen zugute. Sie können dies entweder über Kommentare, Social-Media-Konten oder ein Kontaktformular usw. tun. Jeder von ihnen hat seine eigenen Vor- und Nachteile.

Kontaktformulare sind der richtige Weg in formelleren Umgebungen oder wenn Sie persönliche Informationen von Kunden benötigen. In diesem Beitrag erfahren Sie, wie Sie kostenlos ein Kontaktformular in WordPress erstellen. Es kann ein wenig Zeit dauern, aber die Vorteile machen es die Mühe wert.

Warum brauchen Sie ein Kontaktformular?

Beginnen wir diese Diskussion mit einer anderen Frage. Ist es nicht einfacher, einfach eine E-Mail-Adresse und andere verwandte Kontaktinformationen auf einer Kontaktseite irgendwo auf der Website anzugeben? Natürlich können wir das tun, aber die Zeit, die Sie während der Ersteinrichtung sparen, wird mehrmals verschwendet, wenn Sie den gesamten Spam herausfiltern müssen.

Jeder, der eine bescheiden beliebte Website verwaltet hat, weiß, dass das Internet mit Spam-Bots gefüllt ist. Sie durchsuchen ständig Webseiten nach Informationen, die sie erhalten können, um Spam zu posten. Dies könnte das Posten zwielichtiger Links in Kommentaren oder das Senden von E-Mails an alle E-Mail-Adressen umfassen, auf die sie beim Scrapen einer Seite ihre Hände legen können.

Für Sie bedeutet dies im Grunde, mit Spam-E-Mails bombardiert zu werden, die potenziell schädliche Links enthalten können. Es könnte auch zu Umsatzeinbußen führen, wenn die Spam-Überlastung Sie daran hindert, eine wichtige E-Mail von Kunden zu lesen.

Holen Sie sich die Informationen, die Sie benötigen

Ihre Kunden wissen möglicherweise nicht immer genau, welche Informationen sie bereitstellen müssen, damit Sie ihr Problem schnell lösen können. Wenn Sie Ihr eigenes Kontaktformular erstellen, können Sie es so einrichten, dass Kunden oder Besucher, die es ausfüllen, alle notwendigen Informationen bereitstellen.

Zeigen Sie ihnen zusätzliche Ressourcen

Sobald die Benutzer ein Kontaktformular ausgefüllt haben, können Sie ihnen basierend auf ihrer Eingabe im Kontaktformular zusätzliche Informationen anzeigen. Dies kann Dinge wie erwartete Antwortzeiten, Hilfeartikel oder andere Möglichkeiten, Sie zu kontaktieren, umfassen.

Wie erstelle ich ein WordPress-Kontaktformular?

WordPress verfügt über ein robustes Plugins-basiertes Ökosystem, das Ihnen eine Vielzahl von Optionen bietet, wenn es um die Einrichtung eines Kontaktformulars geht. In diesem Tutorial verwenden wir ein kostenloses Plugin, um unser Kontaktformular zu erstellen.

Gehen Sie zu Plugins > Add New in Ihrem WordPress Admin-Dashboard hinzu und suchen Sie dann nach Kontaktformular. Dies zeigt Ihnen eine Reihe von Plugins. Lesen Sie ihre Bewertungen und Funktionen, um zu sehen, welche für Sie jetzt und in naher Zukunft ideal wäre.

Contact Forms in WordPress Plugins Directory

Für unser Tutorial verwenden wir das Forminator Plugin, mit dem Sie bei Bedarf in Zukunft eine Reihe anderer Formulare erstellen können. Der erste Schritt besteht darin, das Plugin zu installieren und zu aktivieren.

Danach sollten Sie zu Forminator > Dashboard navigieren und dann auf die Schaltfläche Erstellen unter dem Abschnitt Formulare klicken.

Das Plugin enthält eine Reihe grundlegender Vorlagen für gängige Formulartypen. Wir wählen einfach Contact Us aus und klicken dann auf Weiter.

Geben Sie einen Namen für das Kontaktformular an, um die Identifizierung für Sie später zu erleichtern, falls Sie sich entscheiden, eine Reihe anderer Formulare zu erstellen.

Sie werden sehen, dass es auf dem nächsten Bildschirm einige bereits hinzugefügte Felder gibt, die Vorname, E-Mail-Adresse, Telefonnummer und Nachricht enthalten. Das Sternchen neben Vorname und E-Mail-Adresse bedeutet, dass sie als erforderlich markiert wurden.

Forminator Pre-Added Contact Form Fields

Sie können auf die Schaltfläche Felder einfügen klicken, um dem Formular weitere Felder hinzuzufügen. Wir haben ein Auswahl-Dropdown-Menü für die Auswahl einer Abteilung hinzugefügt, die diese Einreichung bearbeiten soll, und ein Eingabefeld, um die Kontonummer für eine einfache Identifizierung in unserem Fall anzugeben. Klicken Sie auf Einstellungen für das Dropdown-Feld Auswählen, um das Ausfüllen zu einer Anforderung zu machen.

Bearbeiten Sie die Bezeichnung der Dropdownliste, um Abteilung auswählen zu heißen, und geben Sie eine Liste der Abteilungen an, die Personen auswählen können.

Klicken Sie abschließend auf Übernehmen, um alle diese Einstellungen auf unser Dropdown-Menü anzuwenden.

Sie können jederzeit überprüfen, wie Ihr Formular aussehen wird, indem Sie auf die Schaltfläche Vorschau klicken, bevor Sie es tatsächlich veröffentlichen.

Klicken Sie auf die Schaltfläche Veröffentlichen und Sie sehen einen Shortcode. Platzieren Sie den Shortcode an der Stelle, an der das Kontaktformular angezeigt werden soll.

Für dieses Tutorial habe ich es auf der Kontaktseite platziert und es sieht aus wie das Bild unten.

Das Plugin bietet Ihnen auch die Möglichkeit, dem Formular ein Google reCAPTCHA hinzuzufügen, um Spam-Übermittlungen entgegenzuwirken. Es ist einfach zu integrieren, sobald Sie Ihre Schlüssel und Ihr Geheimnis von Google erhalten haben.

Wie Sie vielleicht bemerkt haben, kommt das Kontaktformular selbst mit einem sehr minimalen Styling, so dass es sich leicht in den Rest des Website-Designs einfügt. Es gibt vier verschiedene Stile unter der Registerkarte Aussehen zur Auswahl, die alle ein minimales Styling bieten und gleichzeitig ein einzigartiges Aussehen verleihen. Sie können dem Plugin sogar sagen, dass es das gesamte Styling loswerden und das CSS im Design der Website verwenden soll, um es zu stylen.

Anpassen des Formularübermittlungsverhaltens

Es ist eine gute Methode, Benutzern eine Art Bestätigung zu geben, dass Sie ihre Einreichung erhalten haben, nachdem sie auf die Schaltfläche Nachricht senden geklickt haben. Fast alle Kontaktformular-Plugins verfügen über einige Einstellungen, die Sie konfigurieren können, um Benutzer nach einer erfolgreichen Übermittlung entweder auf eine andere Seite umzuleiten oder ihnen eine benutzerdefinierte Nachricht anzuzeigen.

Forminator bietet Ihnen die Möglichkeit, das Verhalten bei der Formularübermittlung anzupassen, indem Sie Forminator > Forms über das WordPress-Admin-Dashboard besuchen. Wählen Sie das Formular aus, dessen Verhalten Sie ändern möchten, und wechseln Sie dann zur Registerkarte Verhalten. In unserem Beispiel sagen wir den Nutzern einfach, dass wir ihre Einreichung schätzen und uns innerhalb von 48 Stunden bei ihnen melden werden.

Abschließende Gedanken

Unser Ziel in diesem Tutorial war es, Ihnen zu zeigen, wie Sie mit minimalem Aufwand ein Kontaktformular für Ihre WordPress-Website erstellen. Wir begannen den Beitrag mit der Erläuterung, warum Sie Ihrer Website ein Kontaktformular hinzufügen sollten, anstatt einfach Ihre Kontaktinformationen auf einer Webseite zu platzieren. Danach haben wir diskutiert, wie wir kostenlose Plugins verwenden können, um ein einfaches WordPress-Kontaktformular zu erstellen.

Hoffentlich sollten Sie jetzt ein grundlegendes Kontaktformular haben, das Ihnen von Benutzern übermittelte Informationen anzeigen kann. Schließlich werden Sie in der Lage sein, kompliziertere Kontaktformulare zu erstellen, die Ihnen eine detaillierte Kontrolle über den Fluss von Benutzern und Informationen von einem Schritt zum nächsten geben.

Um mehr über die Optionen zum Erstellen von Kontaktformularen in WordPress zu erfahren, einschließlich einiger Tipps zu einigen der besten Premium-Kontaktformulare und besten WordPress-Plugins für Formulargeneratoren, lesen Sie einige unserer anderen Beiträge hier auf Envato Tuts+.