Möchten Sie ein "Kontakt"-Formular-Widget auf Ihrer Website hinzufügen?
Neben der Interaktion mit Ihren Kunden über soziale Medien ist das Hinzufügen eines Kontaktformulars auf Ihrer Website eine weitere einfache Möglichkeit, mit Ihrer Zielgruppe in Kontakt zu treten. Damit können Sie Feedback einholen, Unterstützung anbieten, Informationen sammeln, Fragen beantworten und vieles mehr.
Heute zeigen wir Ihnen, wie Sie auf einfachste Weise ein Kontaktformular-Widget zu Ihrer Website hinzufügen können.
Bevor wir beginnen, wollen wir uns ansehen, wie die Verwendung von Kontaktformularen Ihrem Unternehmen helfen kann.
Warum ein Kontaktformular-Widget verwenden?
Ein Kontaktformular-Widget bietet Ihren Website-Besuchern eine einfache Möglichkeit, sich mit Ihnen in Verbindung zu setzen. Das bedeutet, dass Sie auf einfache Weise nützliches Feedback von Ihren Besuchern sammeln können.
Durch eine einfachere Kommunikation können Sie eine Beziehung zu Ihren Besuchern aufbauen und sie zu treuen Kunden machen.
Und das ist erst der Anfang! Hier sind ein paar weitere erstaunliche Möglichkeiten, wie Sie Kontakt-Formular-Widgets verwenden können:
- Wenn Sie die E-Mail-Adressen Ihrer Besucher sammeln, können Sie sogar Kontaktformulare verwenden, um Ihre E-Mail-Liste zu erweitern.
- Ihre Formulare können alle Informationen, die Sie von Ihren Kunden erhalten, automatisch organisieren, was Ihnen eine Menge Zeit und Mühe erspart.
- Sie können auch Kontaktformulare verwenden, um Fragen schnell zu beantworten und einen schnelleren Kundensupport zu bieten.
- Anders als bei E-Mails können Sie angeben, welche Art von Informationen Sie benötigen, so dass Sie nur relevante Details erhalten.
- Ihre Widgets für das Kontaktformular können auch Spam-Bots und gefälschte Einträge blockieren, um Ihre Website zu schützen.
Wie Sie sehen, kann ein Kontaktformular ein fantastisches Werkzeug sein, wenn Sie eine Beziehung zu Ihren Kunden aufbauen, die Konversionsrate erhöhen, nützliche Informationen sammeln und Ihr Geschäft ausbauen möchten.
Sehen wir uns nun an, wie Sie auf einfachste Weise Widgets für Kontaktformulare zu Ihrer Website hinzufügen können.
Der einfachste Weg, Widgets für Kontaktformulare einzubetten
Um Kontaktformulare problemlos in Ihre Website einzubinden, können Sie einfach ein WordPress-Plugin verwenden - Sie müssen kein Formular von Grund auf neu erstellen.
Zwar gibt es eine Menge von großen Kontaktformular-Plugins für WordPress, die beste Option, die Sie verwenden können, ist WPForms.
WPForms ist ein einfacher Formularersteller, mit dem Sie Ihrer WordPress-Website mit nur wenigen Klicks ansprechende Kontaktformulare hinzufügen können.
Um Ihnen bei der Erstellung von Formularen mit hoher Konversionsrate zu helfen, verfügt dieses Plugin über hilfreiche Funktionen wie:
- Ziehen und Ablegen von Formularen: Sie können den visuellen Builder verwenden, um Ihre Formulare mit wenigen Klicks zu erstellen - ganz ohne Programmierung.
- Mehrseitige Formulare: Um das Ausfüllen Ihrer Formulare zu fördern, können Sie sie in mehrere kleinere Seiten unterteilen, die leichter auszufüllen sind.
- Vorgefertigte Vorlagen: Wählen Sie einfach aus über 400 vorgefertigten Vorlagen , die zur Verfügung stehen, und Ihr schönes Kontaktformular wird sofort fertig sein.
- Zahlungsoptionen: Sie können auch Zahlungen über Ihre Kontaktformulare entgegennehmen, so dass Besucher problemlos Artikel bestellen oder sich für Ihre Dienste anmelden können.
- Intelligente bedingte Logik: Um kurze und ansprechende Formulare zu erstellen, können Sie Optionen ein- oder ausblenden, abhängig von den vorherigen Antworten der Person.
Mit all diesen erstaunlichen Eigenschaften ist WPForms das beste Kontaktformular-Plugin für WordPress geworden. In der Tat, über 5 Millionen Websites sind mit WPForms, um Besucher zu konvertieren und ihre Marken zu fördern.
Wenn Sie mehr erfahren möchten, haben wir eine vollständige WPForms Überprüfung, die Sie heraus überprüfen können.
Nun, lassen Sie uns fortfahren und sehen, wie Sie WPForms verwenden können, um ein Kontaktformular Widget einbetten.
So fügen Sie ein Kontaktformular-Widget zu Ihrer Website hinzu (Schritt für Schritt)
Lassen Sie uns also loslegen und den einfachsten Weg zum Einbetten von Kontakt-Formular-Widgets kennenlernen. Folgen Sie einfach den nachstehenden Schritten:
Schritt 1: Herunterladen und Installieren des WPForms WordPress Plugin
Um loszulegen, holen Sie sich Ihre Kopie von WPForms hier. Sie können dann das Plugin auf Ihrer Website installieren und aktivieren.
Wenn Sie wissen wollen, wie das geht, schauen Sie sich einfach unsere Anleitung zur Installation von WordPress-Plugins an.
Schritt 2: Erstellen Sie ein Kontakt-Formular
Sie können nun Ihr neues Plugin verwenden, um ein Kontaktformular für Ihre Website zu erstellen.
Navigieren Sie dazu zunächst in Ihrem WordPress-Dashboard zum Menü WPForms " Add New.
Danach können Sie eine vorgefertigte Vorlage auswählen, um schnell ein ansprechendes Formular Ihrer Wahl zu erstellen.
Da wir ein Kontaktformular-Widget erstellen, fahren Sie mit der Maus über Simple Contact Form und klicken Sie dann auf Use Template.
So haben Sie nun ein einfaches Kontaktformular auf Ihrer Website. Standardmäßig haben Sie hier 3 verschiedene Felder, um Informationen zu erfassen:
- Name: Fragen Sie nach dem Vor- und Nachnamen der Personen
- E-Mail: Sammeln Sie die E-Mail-Adressen Ihrer Besucher
- Kommentar oder Nachricht: Erlauben Sie Besuchern, Ihnen eine Nachricht zu hinterlassen
Nach der Eingabe ihrer Daten können Ihre Besucher auf " Senden" klicken, um Ihnen die Informationen zu übermitteln.
Schritt 3: Fügen Sie neue Felder zu Ihrem Formular hinzu
Mit WPForms können Sie mehr Felder hinzufügen und mehr Arten von Informationen von Ihren Besuchern sammeln.
Um Ihnen das Hinzufügen neuer Felder zu erleichtern, können Sie hier den Drag-and-Drop-Formularersteller von WPForm verwenden.
Auf der linken Seite des Editors finden Sie alle benutzerdefinierten Felder, die Sie hinzufügen können. Auf der rechten Seite können Sie Ihr neues Kontaktformular sehen und alle Änderungen in Echtzeit verfolgen.
Um ein Feld zu Ihrem Kontaktformular hinzuzufügen, ziehen Sie das Feld von links auf die rechte Seite.
In unserem Beispiel fügen wir das Feld Numbers hinzu, das Telefonnummern erfassen kann.
Sobald Sie dies getan haben, sehen Sie alle Optionen für dieses Feld im linken Bereich. Wenn Sie ein bestehendes Feld bearbeiten möchten, klicken Sie einfach darauf, und Sie finden die Feldoptionen auf der linken Seite.
Für unser Beispiel können wir hier die Einstellungen für unser neues Zahlenfeld ändern.
Um den Namen des Feldes zu ändern, können Sie die Option Beschriftung bearbeiten.
Wenn Sie mehr Informationen über das Feld geben möchten, können Sie die Option Beschreibung verwenden. Damit können Sie Ihren Besuchern eine klare Vorstellung davon vermitteln, worum es in diesem Feld geht.
Möchten Sie, dass dieses Feld für jeden, der das Formular ausfüllt, obligatorisch ist? Dann können Sie die Option Erforderlich aktivieren.
Je nach Art des Feldes, das Sie bearbeiten, finden Sie hier weitere Optionen.
Wenn Sie mit den Feldeinstellungen hier zufrieden sind, klicken Sie oben auf die Registerkarte Erweitert , um mit der Bearbeitung dieses Feldes fortzufahren.
Unter den erweiterten Optionen finden Sie weitere Möglichkeiten zur Anpassung Ihres Feldes:
- Feldgröße: Legen Sie fest, wie viel Platz dieses Feld auf dem Bildschirm einnimmt
- Platzhalter-Text: Zeigen Sie einen Text im Feld an, wenn es leer ist.
- Standardwert: Wählen Sie aus, was in dem Feld angezeigt werden soll, wenn die Person es vor dem Absenden nicht ausfüllt.
- CSS-Klassen: Fügen Sie benutzerdefinierte CSS hinzu, um das Design dieses Feldes zu ändern
- Beschriftung ausblenden: Die Beschriftung über dem Feld ein- oder ausblenden
Wenn Sie mit den erweiterten Einstellungen fertig sind, klicken Sie oben auf die Registerkarte Smart Logic , um fortzufahren.
Von hier aus können Sie die bedingte Logik für dieses Feld aktivieren.
Mit dieser Option können Sie dieses Feld ein- oder ausblenden, je nachdem, wie die Besucher eine vorherige Frage beantwortet haben.
Sie können Ihre Besucher zum Beispiel fragen, ob sie in den Vereinigten Staaten leben. Wenn sie dies bejahen, können Sie mithilfe einer bedingten Logik ein Feld anzeigen, in dem sie ihren Staat auswählen können.
Möchten Sie weitere Felder zu Ihrem Kontaktformular hinzufügen? Dann können Sie oben auf die Schaltfläche Felder hinzufügen klicken.
So können Sie Felder zur Erfassung von E-Mails, Orten, Passwörtern, Daten, Dateien und vielem mehr hinzufügen. Sie können auch Abschnittsunterteilungen oder Seitenumbrüche zu Ihrem Formular hinzufügen.
Wenn Sie mit Ihrem Kontaktformular zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke.
Schritt 4: Ändern Sie Ihre Formulareinstellungen
Um die Einstellungen für Ihr Kontaktformular zu ändern, klicken Sie auf die Option Einstellungen auf der linken Seite.
Daraufhin werden die allgemeinen Einstellungen geöffnet , in denen Sie diese Optionen ändern können:
- Name des Formulars: Wählen Sie einen Namen für Ihr Kontaktformular
- Beschreibung des Formulars: Schreiben Sie eine kurze Beschreibung Ihres neuen Formulars
- Text der Schaltfläche Absenden: Wählen Sie aus, was auf der Schaltfläche am Ende des Formulars anstelle von "Absenden" stehen soll.
- Absenden Schaltfläche Verarbeitung Text: Fügen Sie einen kleinen Text hinzu, der auf der Schaltfläche "Senden" angezeigt wird, wenn jemand darauf klickt.
- Aktivieren Sie den Anti-Spam-Schutz: Schützen Sie Ihr Kontakt-Formular-Widget vor Spam-Bots
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern .
Klicken Sie anschließend auf die Option Benachrichtigungen im linken Bereich, um fortzufahren.
Standardmäßig sendet WPForms Ihnen eine E-Mail-Benachrichtigung, wenn jemand das Formular ausfüllt. Mit der Option "Enable Notifications " können Sie diese Benachrichtigungen aktivieren oder deaktivieren.
Mit den übrigen Optionen können Sie dann Ihre E-Mail-Benachrichtigungen einrichten:
- An E-Mail Adresse senden: Wählen Sie eine E-Mail-Adresse, um E-Mail-Benachrichtigungen zu erhalten
- E-Mail-Betreffzeile: Wählen Sie die Betreffzeile für diese E-Mails
- Von Name: Wählen Sie den Namen des Absenders
- Von E-Mail: Wählen Sie eine E-Mail-Adresse, die diese E-Mails versendet
Wenn Sie hier nach unten scrollen, finden Sie die übrigen WordPress-Kontaktformular-E-Mail-Einstellungen:
- E-Mail-Antwortadresse: Wählen Sie, welche E-Mail die Antworten auf diese Benachrichtigungs-E-Mails erhalten soll.
- E-Mail-Nachricht: Legen Sie die Nachricht für die Benachrichtigungs-E-Mails fest. Wenn Sie nur die über das Kontaktformular gesammelten Informationen sehen möchten, können Sie dies so belassen, wie es ist.
- Aktivieren Sie die bedingte Logik: Sie erhalten nur dann E-Mail-Benachrichtigungen, wenn der Besucher eine bestimmte Antwort in bestimmte Felder einträgt.
Nachdem Sie die Einstellungen für die Benachrichtigung vorgenommen haben, klicken Sie erneut auf die Schaltfläche Speichern .
Klicken Sie anschließend auf die Option Bestätigungen , um fortzufahren.
In den Bestätigungseinstellungen können Sie eine Nachricht für Besucher erstellen, die das Formular ausgefüllt haben.
Schreiben Sie im Feld Bestätigungsnachricht Ihre Nachricht und klicken Sie dann auf die Schaltfläche Speichern.
Schritt 5: Einbetten des Kontakt-Formular-Widgets
Schließlich ist es an der Zeit, das Kontaktformular-Widget zu Ihrer WordPress-Website hinzuzufügen. Sie haben 2 Möglichkeiten, dies zu tun:
- Kontaktformular-Widget in eine WordPress-Seite einbetten
- Einbetten des Kontaktformular-Widgets in die WordPress-Sidebar oder -Fußzeile
Im Folgenden werden beide Methoden vorgestellt:
Kontakt-Formular-Widget auf einer WordPress-Seite einbetten
Mit WPForms können Sie problemlos ein Kontaktformular-Widget direkt aus dem Editor einbetten.
Klicken Sie einfach auf die Schaltfläche " Einbetten" am oberen Rand, um loszulegen.
Als Nächstes wird ein Popup-Fenster angezeigt, in dem Sie aufgefordert werden, den Ort für Ihr Kontaktformular auszuwählen.
Wenn Sie das Formular zu einer bestehenden WordPress-Seite hinzufügen möchten, klicken Sie auf die Schaltfläche Vorhandene Seite auswählen .
Um Ihr Formular-Widget stattdessen auf einer neuen Seite einzubinden, klicken Sie auf Neue Seite erstellen.
Das Plugin öffnet dann die Seite im WordPress-Editor, damit Sie Ihr Widget einbetten können. Klicken Sie dazu auf das kleine Plus-Symbol (+), um einen neuen Inhaltsblock hinzuzufügen.
Geben Sie als Nächstes "wpforms" in die Suchleiste oben ein. Sobald Sie das getan haben, klicken Sie einfach auf das WPForms-Widget in den Optionen unten.
Auf diese Weise wird das WPForms-Widget auf Ihrer Seite eingebettet. Verwenden Sie im Widget das Dropdown-Menü und wählen Sie dann das gerade erstellte Kontaktformular aus.
Denken Sie daran, auf die Schaltfläche Veröffentlichen oder Aktualisieren zu klicken, um Ihre Änderungen zu bestätigen.
Und schon haben Sie das Formular zu Ihrer WordPress-Website hinzugefügt. Um zu sehen, wie es aussieht, können Sie Ihre WordPress-Kontaktseite öffnen.
Einbetten des Kontaktformular-Widgets in die WordPress-Seitenleiste oder Fußzeile
Sie können Ihr neues Kontaktformular auch in den Widget-fähigen Bereichen Ihrer Website, wie der Seitenleiste oder der Fußzeile, anzeigen.
Gehen Sie zunächst auf das Menü Darstellung " Widgets, um die Widgets-Seite Ihrer Website zu öffnen. Von hier aus können Sie alle Ihre WordPress-Widgets hinzufügen, entfernen und verwalten.
Als Nächstes können Sie zwischen Ihrer Seitenleiste und Ihrer Fußzeile wählen. Um Ihr Kontaktformular in der Seitenleiste einzubetten, klicken Sie auf das Feld Seitenleiste.
Wenn Sie das Formular stattdessen in Ihrer Fußzeile einbetten möchten, klicken Sie auf Fußzeile.
Für unser Beispiel nehmen wir die Seitenleiste.
Klicken Sie anschließend auf das Plus-Symbol (+) , um ein neues Widget hinzuzufügen, und klicken Sie dann auf WPForms.
Jetzt können Sie mit dem WPForms-Widget auswählen, welches Kontaktformular Sie einbetten möchten.
Verwenden Sie wie zuvor das Dropdown-Menü, um Ihr neues Kontaktformular auszuwählen.
Klicken Sie auf die Schaltfläche Aktualisieren , um Ihre Änderungen zu speichern, und Sie sind fertig!
Sie haben jetzt ein Kontaktformular-Widget auf Ihrer Website. Öffnen Sie Ihre Website, um zu sehen, wie es aussieht.
Und das war's!
Wir hoffen, wir konnten Ihnen zeigen, wie Sie ein Kontaktformular-Widget auf Ihrer WordPress-Website hinzufügen können. Mit WPForms können Sie dies in ein paar einfachen Schritten tun.
Danach können Sie Ihre Kunden leicht erreichen, Leads generieren, Ihre Konversionen steigern und vieles mehr.
Sind Sie bereit, ansprechende Kontaktformulare zu erstellen? Holen Sie sich WPForms für Ihre Website.
Wenn Sie eine schöne Website mit Leichtigkeit erstellen möchten, sehen Sie sich unsere Liste der besten Seitenerstellungs-Plugins an.
Wenn Ihnen dieser Artikel gefallen hat, sollten Sie sich mit uns auf Twitter und Facebook verbinden, um weitere hilfreiche Anleitungen zu erhalten.
