Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man konversationelle Formulare in WordPress erstellt (Typeform Alternative)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie, dass sich Ihre Formulare menschlicher anfühlen und die Benutzer beim Ausfüllen weniger überfordert sind?

Viele unserer Leser haben uns gebeten, eine Anleitung zu schreiben, wie man ein Typeform-ähnliches Formular in WordPress erstellt. Im Gegensatz zu einem herkömmlichen Kontakt- oder Umfrageformular, bei dem alle Fragen auf einmal aufgelistet werden, wird bei konversationellen Formularen eine Frage nach der anderen gestellt, ähnlich wie bei einem persönlichen Gespräch.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Gesprächsformular in WordPress erstellen können.

How to Create Conversational Forms in WordPress Easily

Conversational Form Plugin für WordPress (Typeform Alternative)

Früher war es schwierig, konversationelle Formulare auf einer WordPress-Website zu erstellen, weil es keine gute, auf WordPress ausgerichtete Lösung gab.

Mehrere SaaS-Anwendungen boten diese Funktion an, wobei Typeform die beliebteste war, aber sie hatte mehrere Nachteile:

  • Typeform ist ein SAAS-Tool (Software as a Service), das die Daten Ihres Formulars auf seinen Servern speichert. Das bedeutet, dass Sie sich in Bezug auf die Sicherheit Ihrer Daten auf jemand anderen verlassen.
  • Typeform ist teuer, wenn Sie ein kleines Unternehmen sind. Die Premium-Pläne beginnen bei 25 $/Benutzer/Monat, und wenn Sie mehr Funktionen wünschen, dann kostet es 83 $/Benutzer/Monat.

Typeform bot zwar ein kostenloses Programm an, aber es war zu eingeschränkt, was es für WordPress-Nutzer weniger attraktiv machte.

Aus diesem Grund haben wir unser Team bei WPForms gebeten, eine Typeform-Alternative für WordPress zu erstellen. Mit Conversational Forms von WPForms können Sie interaktive WordPress-Formulare ohne die hohen Kosten von Typeform erstellen.

WPForms Conversational Forms Addon

WPForms ist das beste WordPress-Formular-Plugin, das von über 6 Millionen Websites verwendet wird. Es ist auch der benutzerfreundlichste Formularersteller auf dem Markt.

Mit diesem neuen Addon können Sie jedes Formular in weniger als 90 Sekunden in ein konversationelles Formular verwandeln. Im Gegensatz zu Typeform ist WPForms ein Open-Source-WordPress-Plugin, was bedeutet, dass alle Formulardaten auf Ihrer Website gespeichert werden und nicht in einer App eines Drittanbieters.

WPForms ist kostengünstiger als Typeform. Sie können den Jahresplan für 199,50 $ kaufen, der Ihnen unbegrenzte Formulare, Umfragen und viele andere leistungsstarke Funktionen, einschließlich Conversational Forms, bietet.

Werfen wir einen Blick darauf, wie Sie auf Ihrer WordPress-Website ganz einfach ein Dialogformular erstellen können.

Offenlegung: WPForms wird von demselben Team entwickelt, das auch hinter WPBeginner steht. Es ist eines unserer Premium-WordPress-Plugins.

Video-Anleitung

Subscribe to WPBeginner

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie bitte weiter.

Konversationsformulare in WordPress erstellen

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sie benötigen mindestens den ‚Pro‘ Plan, um auf das ‚Conversational Forms Addon‘ zuzugreifen. WPBeginner-Benutzer können 50% Rabatt auf alle WPForms-Lizenzen mit unserem WPForms-Gutschein erhalten.

Sobald das Plugin aktiviert ist, müssen Sie die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel zu überprüfen. Sie finden diese Informationen in Ihrem Kontobereich auf der WPForms-Website.

WPForms license

Als nächstes müssen Sie auf die Seite WPForms “ Addons gehen und das Conversational Forms Addon finden.

Klicken Sie einfach auf die Schaltfläche „Addon installieren“.

Install Conversational Forms addon by WPForms

Das Plugin installiert und aktiviert das Conversational Form Addon innerhalb weniger Sekunden.

Wenn der Status des Addons „Aktiv“ lautet, bedeutet dies, dass Sie es verwenden können.

WPForms Conversational Forms addon active

Sie können konversationelle Formulare für alle neuen oder bestehenden Formulare, die mit WPForms erstellt wurden, aktivieren.

Konversationsformulare sind nützlich, um den Abbruch von Formularen zu verringern. Die Interaktivität und der Ansatz des persönlichen Gesprächs führen zu einer höheren Ausfüllrate.

Dies ist bei den folgenden Arten von Formularen sehr wirksam:

Diese Formulare sind in der Regel länger und enthalten mehr Felder. Wenn Sie all diese Fragen auf einmal anzeigen, fühlen sich die Nutzer überfordert und brechen das Formular ab.

Konversationsformulare lösen dieses Problem, indem sie die Nutzer auffordern, jeweils eine Frage zu beantworten. Anstelle eines langweiligen langen Formulars wirkt es interaktiver und hält die Nutzer bei der Stange.

In diesem Beispiel zeigen wir Ihnen, wie Sie ein konversationelles Umfrageformular erstellen können.

Zunächst müssen Sie ein normales Umfrageformular erstellen. Klicken Sie dazu in Ihrem WordPress-Administrationsbereich auf WPForms “ Add New. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zum Erstellen einer Umfrage in WordPress.

WPForms survey templates

Das Erstellen eines Formulars mit WPForms ist dank der einfachen Drag-and-Drop-Schnittstelle sehr einfach. Sie können Formularfelder auf der linken Seite in den Formular-Editor auf der rechten Seite ziehen.

Zum Beispiel, hier ist, was ein Beispiel WPForms Umfrage Formular-Editor sieht aus wie:

Editing Survey Form with WPForms

Sobald Sie Ihre Umfragefragen hinzugefügt haben, gehen Sie auf der linken Seite zu Einstellungen „ Registerkarte Konversationsformulare.

Sie müssen das Kontrollkästchen „Konversationsmodus aktivieren“ aktivieren.

Enable Conversational Form Mode in WPForms

Danach sehen Sie die Einstellungen und Anpassungsoptionen für das Gesprächsformular.

Mit diesen Optionen können Sie eine attraktive Landing Page mit Ihrem Logo, Farbschema und Ihrer Botschaft gestalten.

Conversational Form Landing Page Options WordPress

Sie können Ihr Formular jederzeit in der Vorschau anzeigen.

Klicken Sie einfach auf die Schaltfläche „Vorschau des Gesprächsformulars“ in der oberen rechten Ecke unter den Einstellungen des Gesprächsformulars.

Preview button for Conversational Forms WordPress

Zunächst sehen Sie das Feld Titel des Gesprächsformulars.

Sie können dort einen kurzen, beschreibenden Titel für Ihr Formular eingeben. Zum Beispiel: Bitte, nehmen Sie an unserer Umfrage teil!

WPForms Conversational Form Title

Als nächstes können Sie zum Feld Nachricht scrollen.

Hier können Sie eine kurze Nachricht hinzufügen, um Ihre Benutzer zum Ausfüllen des Formulars zu ermutigen.

Conversational Form Landing Page Message

Wenn Sie nach unten scrollen, sehen Sie die Option Permalink.

Der Permalink ist eine eindeutige URL für Ihre Konversationsformular-Landingpage. Das Plugin erstellt ihn automatisch für jedes Gesprächsformular, indem es den Titel Ihres Formulars verwendet. Sie können dies bei Bedarf ändern.

Conversational Form Page Permalink Option

Achten Sie beim Einrichten eines Permalinks darauf, dass er kurz und einfach ist, da Sie diese URL möglicherweise in Ihren E-Mail-Kampagnen oder in Beiträgen in sozialen Medien verwenden möchten.

Als Nächstes können Sie die Seite mit dem Gesprächsformular anpassen, indem Sie ein Logo für die Kopfzeile hinzufügen. Klicken Sie auf die Schaltfläche „Bild hochladen“ und wählen Sie dann ein Bild aus, das Sie hochladen möchten.

Upload Header Image in Conversational Form Landing Page

Darunter sehen Sie ein Kontrollkästchen Option zum Ausblenden WPForms Branding. Gehen Sie voran und aktivieren Sie das Kontrollkästchen neben „Hide WPForms Branding“, wenn Sie nicht möchten, dass eine „powered by WPForms“ Nachricht auf Ihrem Formular Landing Page anzuzeigen.

Sie können eine Vorschau des Brandings anzeigen, indem Sie auf die Schaltfläche „Vorschau des Gesprächsformulars“ in der oberen rechten Ecke klicken.

WPForms Branding in Conversational Form Landing page

Danach gibt es eine Option Farbschema, mit der Sie die Schaltfläche Absenden und den Seitenhintergrund Ihres Formulars anpassen können.

Sie können eine der voreingestellten Farben verwenden oder mit dem Farbwähler eine neue Farbe auswählen.

Choose a Color Scheme for Your Conversational Form Page

Schließlich gibt es noch die Option Fortschrittsbalken.

Sie können einen der 2 Stile wählen: Prozentsatz und Proportion.

WPForms Conversational Form Progress Bar Options

Wenn Sie sehen möchten, wie die einzelnen Stile der Fortschrittsanzeige aussehen, können Sie die Stile einzeln auswählen und eine Vorschau des Formulars anzeigen.

Oder Sie können unseren Screenshot sehen:

Conversational Forms Progress Bar Styles - Percentage vs. Proportion

Sobald Sie alle Einstellungen für Ihr Gesprächsformular konfiguriert haben, können Sie eine Vorschau anzeigen, um zu sehen, wie es auf einer Live-Site aussieht.

Klicken Sie dann oben auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Save Conversational Form Landing Page Options

Das war’s!

Als Nächstes können Sie Ihr Konversationsformular zu einer beliebigen Seite oder einem Beitrag hinzufügen. Bearbeiten Sie eine Seite oder fügen Sie eine neue Seite hinzu.

Sobald Sie sich im Content Editor befinden, fügen Sie einfach einen WPForms-Block hinzu und wählen dann Ihr Formular aus dem Dropdown-Menü aus.

WPForms block

Jetzt können Sie den Link zu Ihrem Gesprächsformular in Ihrem Browser öffnen, um es in Aktion zu sehen.

So sah unsere Seite mit dem Umfrageformular aus:

Conversational Form Landing Page Preview

Nun, da Ihre Konversationsformular-Landingpage fertig ist, können Sie den Link zu Ihrem WordPress-Navigationsmenü hinzufügen und ihn in Ihren E-Mail-Kampagnen, Social-Media-Updates oder Blogbeiträgen verwenden.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie in WordPress einfach konversationelle Formulare erstellen können. Vielleicht möchten Sie auch unseren Leitfaden zur Verfolgung von Formularkonvertierungen in WordPress und unsere Expertenauswahl der besten WordPress-SEO-Plugins und -Tools lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

11 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Becky Antkowiak, beckyantkowiak.com says

    I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
    Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.

    • WPBeginner Support says

      If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support :)

      Admin

    • WPBeginner Support says

      Thanks for the feedback, that is something WPForms can look to add as a feature in the future.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.