ein Formular im Stil von Typeforms in Wordpress erstellen

Wie man ein konversationelles Formular in WordPress erstellt (2 Wege)

Suchen Sie nach einer Möglichkeit, ein konversationelles Formular in WordPress zu erstellen?

Wenn Sie Ihren Nutzern die Möglichkeit geben, Formulare so auszufüllen, als ob sie ein Gespräch führen würden, können Sie die Zahl der Formularabbrüche reduzieren und die Ausfüllraten erhöhen.

In diesem Artikel zeigen wir Ihnen, wie Sie ein interaktives Formular in WordPress mit 2 verschiedenen Methoden erstellen können.

Möchten Sie ein Dialogformular in eine Seite einbinden? Springen Sie zu unserem Tutorial über das Lead Forms Addon: Lead Forms bietet Ihnen alle Vorteile von Dialogformularen und ermöglicht es Ihnen, Ihr Formular auch in einen Beitrag oder eine Seite einzubetten!

Was sind die Vorteile eines konversationellen Online-Formulars?

Die Erstellung von Formularen, die ein tatsächliches Gespräch nachahmen, hat viele Vorteile:

  • Leichteres und schnelleres Ausfüllen, was die Zahl der ausgefüllten Formulare erhöht
  • Persönlich und ansprechend für die Nutzer
  • Kann nur mit einer Tastatur ausgefüllt werden, was die Zugänglichkeit des Formulars erhöht
  • Der interaktive Charakter verbessert das Nutzererlebnis

Erstellen Sie jetzt Ihr Gesprächsformular

Wie man ein konversationelles Formular in WordPress erstellt

Es gibt 2 Möglichkeiten, um ein konversationelles Formular mit verschiedenen WPForms-Addons zu erstellen.

  • Konversationsformulare: Dieses Addon ermöglicht es Ihnen, ein Formular im Typeform-Stil in WordPress zu replizieren. Ihr Formular wird in einem neuen Fenster geöffnet, damit Sie nicht abgelenkt werden. Der größte Nachteil eines Conversational Form ist, dass es nicht in eine bestehende Seite eingebettet werden kann.
  • Lead-Formulare: Mit diesem Addon können Sie ein Dialogformular erstellen, das in jeden Beitrag oder jede Seite eingebettet werden kann. Das Lead-Formular-Addon eignet sich hervorragend, wenn Sie mehr Leads generieren oder ein attraktives mehrstufiges Formular veröffentlichen möchten, das ein normales Formular ersetzt.

Hier ist ein Beispiel für ein Formular, das mit dem Lead Forms Addon erstellt wurde:

Beispiel für ein Lead-Formular

In diesem Tutorial werden wir uns auf die Verwendung von Conversational Forms konzentrieren, da es Ihnen die klassische Erfahrung einer Typeform-Alternative bietet.

Schritt 1: Erstellen Sie ein neues Formular in WordPress

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in dieser Schritt-für-Schritt-Anleitung für die Installation eines Plugins in WordPress.

Als nächstes müssen Sie ein neues Formular erstellen. Mit WPForms und seinen über 2.000 WordPress-Formularvorlagen können Sie eine beliebige Anzahl von Online-Formularen erstellen.

Sie können Ihrem Formular weitere Felder hinzufügen, indem Sie sie aus dem linken Bereich in den rechten Bereich ziehen.

Anpassen einer Umfrage zum Kundenfeedback in WPForms

Klicken Sie dann auf das Feld, um Änderungen vorzunehmen. Sie können auch auf ein Formularfeld klicken und es ziehen, um die Reihenfolge in Ihrem Online-Formular zu ändern.

Denken Sie daran: Egal, welche Art von Online-Formular Sie erstellen, Sie können ihm ein ganzseitiges Layout für ein Kontaktformular geben.

Schritt 2: Installieren Sie das Conversational Forms Addon

Sobald Ihr WordPress-Formular fertig ist, müssen Sie das WPForms Conversational Forms Addon installieren und aktivieren.

Mit diesem Addon können Sie Ihr neu erstelltes WordPress-Formular in ein interaktives Formular verwandeln.

Um dies zu tun, gehen Sie zu WPForms " Addons und finden Sie die eine beschriftet Conversational Forms Addon.

Klicken Sie auf Addon installieren, um es zu installieren und zu aktivieren.

Installieren des Conversational Forms Addons

Das Conversational Forms Addon ist nun einsatzbereit. Werfen wir jedoch zunächst einen kurzen Blick auf die allgemeinen Formulareinstellungen, die Sie möglicherweise konfigurieren möchten, bevor Sie Ihr ablenkungsfreies Gesprächsformular erstellen.

Schritt 3: Konfigurieren Sie Ihre Formulareinstellungen

Es gibt viele Einstellungen, die Sie konfigurieren können, sobald Sie Ihr Formular so angepasst haben, wie Sie es haben möchten.

Allgemeine Einstellungen

Gehen Sie zunächst zu Einstellungen " Allgemein.

Zugriff auf die allgemeinen Einstellungen eines Formulars

Hier können Sie Dinge wie den Namen des Formulars, die Beschreibung und die Kopie der Schaltfläche "Senden" ändern.

Sie können auch zusätzliche Funktionen zum Schutz vor Spam aktivieren, um Ihre Website vor unerwünschten Formulareingaben zu schützen, Formular-Tags hinzufügen und vieles mehr.

Formular Benachrichtigungen

Benachrichtigungen sind eine gute Möglichkeit, eine E-Mail zu senden, sobald ein Formular auf Ihrer Website eingereicht wird.

Zugriff auf die Benachrichtigungseinstellungen eines Formulars

Wenn Sie diese Funktion nicht deaktivieren, erhalten Sie jedes Mal, wenn jemand ein Formular auf Ihrer Website ausfüllt, eine Benachrichtigung darüber.

Hilfe zu diesem Schritt finden Sie in unserer Dokumentation über die Einrichtung von Formularbenachrichtigungen in WordPress.

Wenn Sie mehr als eine Benachrichtigung senden möchten, z. B. an sich selbst, an ein Teammitglied und an den Besucher Ihrer Website, lesen Sie unsere schrittweise Anleitung, wie Sie mehrere Formularbenachrichtigungen in WordPress senden können.

Wenn Sie das Branding Ihrer E-Mails konsistent halten möchten, können Sie außerdem in dieser Anleitung nachlesen, wie Sie eine benutzerdefinierte Kopfzeile zu Ihrer E-Mail-Vorlage hinzufügen.

Benutzerdefinierte E-Mail-Kopfzeile

Formular Bestätigungen

Formularbestätigungen sind Meldungen, die Website-Besuchern angezeigt werden, sobald sie ein Formular auf Ihrer Website abschicken. Sie lassen die Besucher wissen, dass ihr Formular bearbeitet wurde, und bieten Ihnen die Möglichkeit, sie über die nächsten Schritte zu informieren.

Öffnen der Bestätigungseinstellungen für ein Umfrageformular

WPForms hat 3 Bestätigungsarten:

  1. Nachricht. Eine einfache Nachricht, die angezeigt wird, sobald jemand ein Formular auf Ihrer Website abschickt, um sich zu bedanken und die nächsten Schritte mitzuteilen.
  2. Seite anzeigen. Leiten Sie Nutzer zu einer anderen Seite auf Ihrer Website um, z. B. zu einer Dankeseite.
  3. Gehe zu URL (Umleitung). Schicken Sie Website-Besucher zu einer anderen Website.

Wenn Sie Website-Besuchern je nach ihrem Verhalten unterschiedliche Bestätigungen anzeigen möchten, lesen Sie unbedingt nach , wie Sie bedingte Formularbestätigungen erstellen.

Klicken Sie auf Speichern in der oberen rechten Ecke des Formularerstellers, wenn Sie die Einstellungen Ihres Formulars fertig konfiguriert haben.

Schritt 4: Konfigurieren Sie die Einstellungen für konversationelle Formulare

Nachdem Sie nun die allgemeinen Einstellungen Ihres Formulars konfiguriert haben, ist es an der Zeit, die Einstellungen für das Dialogformular zu konfigurieren.

Gehen Sie dazu im Formularersteller zu Einstellungen " Konversationsformulare und schalten Sie die Option Konversationsmodus aktivieren ein.

Einschalten des Konversationsformmodus

Wenn Sie dies tun, sehen Sie eine Reihe von Einstellungen, die Sie an Ihre Bedürfnisse anpassen können.

Titel und Nachricht des Formulars

Geben Sie Ihrem Formular zunächst einen Titel, der für die Besucher Ihrer Website angezeigt wird. Dies ist gut, um die Leute wissen zu lassen, worum es in Ihrem Formular geht und welche Aktion sie dort durchführen sollen.

Einstellen des Formulartitels und der Nachricht für ein Dialogformular

Als Nächstes können Sie eine kurze Nachricht hinzufügen, die die Besucher Ihrer Website sehen können. Dies gibt Ihnen die Möglichkeit, einige zusätzliche Informationen hinzuzufügen, damit die Besucher wissen, was sie erwartet, wenn sie Ihr Formular ausfüllen.

Permalink

Wenn Sie den Modus für konversationelle Formulare für Ihr Online-Formular aktivieren, erstellt das Conversational Forms Addon automatisch einen eindeutigen Permalink für Sie.

Einstellung des Permalink für ein Gesprächsformular

Sie können diesen Permalink ändern, wenn Sie möchten, oder ihn beibehalten.

In jedem Fall ist dies die URL, die Sie in E-Mail-Kampagnen, internen Verlinkungen und sogar in Beiträgen in sozialen Medien verwenden werden, wenn Sie möchten, dass Ihre Besucher auf den Link zu Ihrem Gesprächsformular klicken und Ihre Website besuchen.

Es ist super einfach einzurichten, weshalb WPForms die beste Typeform-Alternative ist.

Kopfzeile Logo

Als Nächstes können Sie Ihre interaktive Formular-Landingpage anpassen, indem Sie ein Logo hinzufügen. Klicken Sie auf Bild hochladen und wählen Sie das Bild aus, das Sie zu Ihrer Formular-Landingpage hinzufügen möchten.

Hinzufügen eines Kopflogos zu einem Gesprächsformular

Sie können auch alle WPForms Branding durch Umschalten auf die Hide WPForms Branding-Einstellung zu entfernen.

Farbschemata und Fortschrittsbalken

Eines der besten Dinge über die WPForms Conversational Forms Addon ist, dass Sie Ihre interaktive Form Landing Page anpassen können, um ein Farbschema, dass Ihr Unternehmen Branding entspricht haben.

Das von Ihnen gewählte Farbschema bestimmt die Hintergrundfarbe der Landing Page Ihres Formulars und der Schaltflächen des Formulars.

Ein konversationelles Formular mit blauer Farbgebung

Um es Ihnen leicht zu machen, haben wir Ihnen mehrere großartige Farbschemata zur Auswahl gegeben, von denen wir wissen, dass sie in jedem Fall gut aussehen werden.

Verwendung der Farbauswahl zur Festlegung des Farbschemas für ein Dialogformular

Wenn Ihnen keine der voreingestellten Farben gefällt, können Sie jederzeit den Farbwähler verwenden und eine eigene Farbe auswählen.

Außerdem können Sie zwischen zwei Arten von Fortschrittsbalken wählen:

  1. Prozentsatz: Zeigt den Nutzern in Prozent an, wie weit sie beim Ausfüllen Ihres Formulars sind.
  2. Anteil: Zeigen Sie den Nutzern an, wie viele Formularfelder sie ausgefüllt haben, damit sie wissen, wie viele Fragen noch zu beantworten sind.

Die Fortschrittsbalkenstile für konversationelle Formulare in WPForms

Sobald Sie alle Einstellungen für die Landing Page Ihres Gesprächsformulars konfiguriert haben, können Sie oben auf die Schaltfläche Vorschau des Gesprächsformulars klicken, um zu sehen, wie Ihr Formular aussehen wird, wenn es live ist.

Wenn alles so aussieht, wie Sie es wünschen, klicken Sie auf Speichern.

Jetzt ist Ihr Formular aktiv und bereit, Einreichungen zu akzeptieren!

Erstellen Sie jetzt Ihr Gesprächsformular

Als Nächstes: Verringern Sie die Zahl der Formularabbrüche

Und das war's! Sie wissen jetzt, wie Sie ein interaktives Formular in WordPress erstellen können. Jetzt können Personen, die die eindeutige URL oder einen Link zu Ihrer interaktiven Formular-Landing-Page haben, diese anzeigen und ausfüllen.

Wenn Sie nach weiteren Möglichkeiten suchen, um Formularabbrüche zu bekämpfen, lesen Sie diesen Artikel über die Reduzierung von Formularabbrüchen und die Steigerung des Umsatzes.

Also, worauf warten Sie noch? Starten Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin.

Und vergessen Sie nicht: Wenn Ihnen dieser Artikel gefällt, dann folgen Sie uns bitte auf Facebook und Twitter.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Sehen Sie, wie WPForms finanziert wird, warum es wichtig ist, und wie Sie uns unterstützen können.

Redaktionelles Team

Das WPForms-Redaktionsteam besteht aus WordPress-Experten und Spezialisten für das Wachstum kleiner Unternehmen. Unsere Leidenschaft ist es, Unternehmern und Website-Besitzern zum Erfolg zu verhelfen.Erfahren Sie mehr

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.

4 Kommentare zu "Wie man ein Gesprächsformular in WordPress erstellt (2 Wege)"

  1. Ich bin ein wenig verwirrt. Ich brauchte ein einfaches Formular für die Website, die ich aufbaue. WP Forms sah perfekt aus. Ich habe das erste Formular in ein paar Minuten erstellt. Ich füllte es aus und schickte es ab, um es zu testen (meine eigene E-Mail-Adresse ist als Administrator und einziger Benutzer auf der WP-Website aufgeführt. Ich sah nicht, wo ich eine andere E-Mail-Adresse eingeben konnte, und nahm daher an, dass ich das ausgefüllte Formular erhalten würde). Ich habe erwartet, dass ich sie per E-Mail erhalte. NICHT GESCHIEHEN Was übersehe ich?

  2. Kann das Gesprächsformular auf einer anderen Seite meiner Website eingebettet werden, anstatt den Permalink zu verwenden, den es erzeugt? Wenn ich versuche, es einzubetten, ändert es sich in ein herkömmliches Formular und nicht in das typisierte Gesprächsformular.

    Gibt es außerdem eine Möglichkeit, die automatisch hinzugefügte Meldung "Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen" zu entfernen?

    1. Hallo Bri - Wir haben derzeit nicht die Möglichkeit, das Gesprächsformular in eine reguläre Seite einzubinden. Ich stimme zu, dass dies großartig wäre, und ich werde dies auf unseren Feature Request Tracker setzen. In der Zwischenzeit können Sie einen Blick auf das Leads Forms Addon als Workaround werfen.

      Um den Javascript-Fehler, den Sie sehen, zu beheben, empfehle ich Ihnen, einen Blick in unsere Dokumentation hier zu werfen.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.

Dieses Formular ist durch Cloudflare Turnstile geschützt und es gelten die Cloudflare Datenschutzbestimmungen und Nutzungsbedingungen.