Viele Websites behandeln ihre Formulare nur als Methode zur Datenerfassung.
Sicher, das ist der praktische Zweck eines Formulars, aber Ihre Besucher sehen das anders. Für sie ist Ihr Formular der erste Punkt der Interaktion und ein Mittel der Kommunikation zwischen dem Besucher und Ihnen.
Mit anderen Worten: Sie haben die Möglichkeit, den Besucher einzubeziehen, indem Sie in Ihrem Formular Fragen stellen, die wie ein echtes Gespräch ablaufen.
Konversationsformulare sind so konzipiert, dass sie ein personalisiertes und ansprechendes Ausfüllerlebnis bieten, das ein tatsächliches Gespräch nachahmt und sich für den Besucher natürlich anfühlt.
In diesem Beitrag führe ich Sie durch die Schritte zur Erstellung eines dialogorientierten Kontaktformulars in WordPress.
Erstellen Sie jetzt Ihr Kontakt-Formular für Gespräche
Wie man ein Kontaktformular für Gespräche erstellt
In diesem Artikel
Schritt 1: WPForms installieren
Der einfachste Weg, ein dialogorientiertes Kontaktformular in WordPress zu erstellen, ist die Verwendung des WPForms-Plugins, der besten Typeform-Alternative, die Sie für Ihre Website verwenden können.
Mit einer WPForms Pro-Lizenz können Sie auf das Conversational Forms Addon zugreifen und gleichzeitig eine Reihe von konversionsfördernden Funktionen wie Lead Forms, Save and Resume, Form Abandonment (partielle Eingabeerfassung) und mehr freischalten.
Wenn Sie noch nie ein WordPress-Plugin installiert haben, machen Sie sich keine Sorgen! Diese Anleitung wird Ihnen helfen, WPForms auf Ihrer Website zu installieren, ohne zu schwitzen.
Nachdem das Plugin nun installiert und einsatzbereit ist, können Sie ein benutzerdefiniertes Kontaktformular erstellen.
Schritt 2: Erstellen eines Kontaktformulars
Gehen Sie in Ihrem WordPress-Verwaltungsmenü zu WPForms " Add New.
Daraufhin wird der Bildschirm zur Einrichtung des Formulars geöffnet, wo Sie Ihr Formular benennen und eine Vorlage auswählen können, um sofort loszulegen.
WPForms hat 2.001+ Formularvorlagen zur Auswahl, aber die einfache Kontaktformularvorlage wäre ideal für unser aktuelles Szenario.
Sie können eine Vorlage auswählen, indem Sie den Mauszeiger über die Vorlage bewegen und dann auf die Schaltfläche Vorlage verwenden klicken.
WPForms wird nun automatisch ein einfaches Kontaktformular für Sie generieren. Das Formular enthält nur drei Felder, um es so einfach wie möglich zu halten: Name, E-Mail und Kommentar oder Nachricht.
Ziemlich cool, oder?
Die Vorlage ist vollständig anpassbar, d. h. Sie können neue Felder hinzufügen oder die Beschriftungen oder Einstellungen der vorhandenen Felder mit dem einfachen Drag-and-Drop-Editor ändern.
Wenn Sie Ihr Formular fertiggestellt haben, fahren Sie mit dem nächsten Schritt fort.
Schritt 3: Aktivieren Sie den Modus "Konversationsformulare
Um Ihr Formular in ein konversationelles Formular zu verwandeln, benötigen Sie zunächst das Conversational Forms Addon.
Sie können das Addon installieren, indem Sie im Form Builder auf die Registerkarte Einstellungen gehen und dann in der Liste auf Conversational Forms klicken.
Danach erscheint eine Aufforderung, ob Sie das Conversational Forms Addon installieren möchten. Klicken Sie auf die Schaltfläche Ja, Installieren und Aktivieren , um fortzufahren.
Sie sollten eine weitere Aufforderung zum Aktualisieren Ihres Formularerstellers sehen. Dies ist erforderlich, damit Sie nun auf das neu aktivierte Conversational Forms Addon zugreifen können. Klicken Sie noch einmal auf die Schaltfläche Ja, Speichern und Aktualisieren .
Perfekt! Das Addon ist nun einsatzbereit. Sie sollten sofort sehen, dass auf der rechten Seite des Formularerstellers eine Schaltfläche zum Umschalten erscheint. Klicken Sie auf die Schaltfläche Konversationsmodus aktivieren.
Wenn Sie das getan haben, werden darunter die Einstellungen für Conversational Forms angezeigt.
Hier können Sie einen Titel für Ihr Formular und eine Nachricht eingeben, die als Beschreibung am oberen Rand des Formulars in einem bildschirmfüllenden, dialogorientierten Layout erscheint.
Die wichtigste Einstellung hier ist der Permalink. Dies ist der eindeutige Link, mit dem Sie Ihr Gesprächsformular vom Frontend aus aufrufen können.
Sie können diesen Permalink verwenden, um das Formular direkt mit Ihren Nutzern zu teilen und Einträge zu sammeln. Ich empfehle daher, einen kurzen, aber aussagekräftigen Slug zu verwenden.
Hinweis: Wenn Sie einen Permalink verwenden, der bereits von einer anderen Seite auf Ihrer Website verwendet wird, wird am Ende des angegebenen Permalinks automatisch eine Nummer hinzugefügt, um sicherzustellen, dass Ihr Formularlink eindeutig ist.
Im Gegensatz zu Standardformularen müssen Conversational Forms nicht eingebettet werden. Stattdessen erscheinen sie auf eigenständigen Seiten, die über den Permalink zugänglich sind.
Wenn Sie weiter nach unten scrollen, finden Sie weitere Einstellungen. So können Sie beispielsweise ein Kopfzeilenbild hochladen, das Ihr Formular besonders hervorhebt und sich hervorragend dazu eignet, das Logo Ihrer Marke einzufügen.
Sie können auch ein Farbschema für die Konversationsform wählen.
Sobald Sie diese Einstellungen konfiguriert haben, klicken Sie oben auf die Schaltfläche Speichern. Sie können auf die Schaltfläche Ansicht neben dem Feld Permalink klicken, um Ihr Formular aufzurufen.
Jetzt ist Ihr Formular bereit, Eingaben von Besuchern zu akzeptieren.
Aber bevor Sie weitermachen, vergessen Sie nicht, Ihre Formularbenachrichtigungen zu überprüfen.
Schritt 4: Konfigurieren Sie Benachrichtigungen und Bestätigungen für konversationelle Formulare
Wenn Sie einen Eintrag über Ihr Kontaktformular erhalten, möchten Sie wahrscheinlich sofort Bescheid wissen, damit Sie oder Ihr Team sofort aktiv werden können.
Wie können Sie das tun? Indem Sie Formularbenachrichtigungen einrichten. Sie sind der perfekte Weg, um eine E-Mail zu erhalten, wenn jemand Ihr Online-Kontaktformular ausfüllt.
Klicken Sie dazu auf Einstellungen " Benachrichtigungen. Hier können Sie die E-Mail-Nachricht anpassen, eine Vorlage für die E-Mail-Benachrichtigung auswählen und Ihre Absenderangaben sowie die E-Mail-Adresse des Empfängers bearbeiten.
Sie können auch die Bestätigungsnachricht bearbeiten, die angezeigt wird, nachdem ein Benutzer das Formular abgeschickt hat. Klicken Sie auf " Bestätigungen" (direkt unter "Benachrichtigungen" auf der Registerkarte "Einstellungen") und geben Sie dann einfach Ihre Nachricht ein.
Wenn Sie mit den Änderungen fertig sind, sollten Sie oben auf die Schaltfläche Speichern klicken.
Jetzt, wo Sie Ihr Gesprächsformular eingerichtet haben, sollten Sie sich nach weiteren Möglichkeiten umsehen, wie Sie mit Ihren Besuchern ins Gespräch kommen können, um ansprechende Gesprächserlebnisse zu bieten. Sehen Sie sich zum Beispiel unsere Liste der LiveChat-Lösungen an.
Kontaktformulare im Gespräch - FAQs
Hier sind ein paar häufige Fragen, die uns unsere Besucher über die Verwendung des Conversational Layouts für WordPress-Kontaktformulare stellen.
Warum sollte ich konversationelle Formulare auf meiner WordPress-Website verwenden?
Konversationsformulare können die Benutzerbindung und die Konversionsraten erheblich verbessern, indem sie die Benutzer durch eine persönlichere Interaktion führen, die sich natürlich anfühlt. Da das Formular in kleinere Teile zerlegt wird, ist es wahrscheinlicher, dass die Besucher das Formular ausfüllen, was zu geringeren Abbruchquoten führt.
Kann ich konversationelle Formulare in andere WordPress-Plugins oder Dienste von Drittanbietern integrieren?
Ja, WPForms unterstützt Marketing-Integrationen für alle Arten von Formen, einschließlich Conversational Formen. Sie können beliebte E-Mail-Marketing-Dienste wie Mailchimp, ConvertKit, HubSpot, Constant Contact und mehr nativ mit WPForms integrieren. Kein Code erforderlich!
Sind konversationelle Formulare mobilfreundlich?
Ja, die Konversationsformulare, die mit WPForms erstellt werden, sind standardmäßig so konzipiert, dass sie responsiv sind. Sie passen sich perfekt an alle Geräte an, von Desktops bis zu Handhelds, ohne dass manuelle Anpassungen Ihrerseits erforderlich sind.
Unterstützen dialogorientierte Formulare mehrseitige Formulare?
Konversationsformulare unterstützen normalerweise kein mehrseitiges Format. Das liegt daran, dass das konversationelle Layout so stromlinienförmig wie möglich sein soll, indem es die Besucher Schritt für Schritt von einer Frage zur nächsten führt.
Die Unterstützung von Seitenumbrüchen ist in einem Layout, das bereits in mehrere Abschnitte unterteilt ist, um eine maximale Benutzeraktivität zu gewährleisten, nicht von Nutzen.
Nächster Schritt: Vergleich der besten Formularersteller für WordPress
Wenn Sie bereits unseren Bericht über Ninja Forms vs. WPForms gelesen haben, wissen Sie, dass Ninja Forms konversationelle Formulare überhaupt nicht unterstützt. Aber mit WPForms können Sie jedes Formular in Sekundenschnelle in ein schönes konversationelles Formular verwandeln.
Erstellen Sie jetzt Ihr WordPress-Formular
Hat Ihnen dieser Leitfaden gefallen? Vielleicht interessieren Sie sich auch für unseren Beitrag Open-Source-Alternativen zur Reduzierung von SaaS-Rechnungen.
Worauf warten Sie also noch? Starten Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin. WPForms Pro enthält eine unbegrenzte Anzahl kostenloser Kontaktformulare und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn Ihnen dieser Beitrag gefallen hat, sollten Sie uns auf Facebook und Twitter folgen, um weitere kostenlose WordPress-Tutorials zu erhalten.
Ich muss ein Formular erstellen. Formidable Forms verlieren ihre Funktionalität, wenn das Formular groß ist und sie haben keine Bulk-Edits. Gravity Formen hat Bulk-Editing, aber ihre Repeater Felder ist schrecklich. Ich bin auf der Suche nach einem Builder für große Formulare, die ich Repeater und Multi-Edit erstellen können.
Hallo Joel- Wir haben derzeit nicht die Möglichkeit, Front-End-Benutzern das Replizieren von Feldern oder Feldgruppen zu ermöglichen, obwohl dies auf unserer Liste der Funktionsanfragen steht, die wir in Zukunft hinzufügen möchten.
Im Moment ist die beste alternative Lösung die Verwendung einer bedingten Logik, um die richtige Anzahl von Feldern (oder Gruppen von Feldern) anzuzeigen. Wenn Sie dies ausprobieren möchten, müssen Sie Folgendes tun (es ist eigentlich ziemlich einfach, kann aber verwirrend sein, wenn Sie gerade erst anfangen):
1) Fügen Sie ein Dropdown-Feld hinzu, in dem jede Option eine Zahl ist - schließen Sie die gesamte Bandbreite möglicher Feldzahlen ein.
2) Fügen Sie das/die gewünschte(n) Feld(er) hinzu. Klicken Sie dann auf jedes Feld, um den Bildschirm Feldoptionen zu öffnen, und klicken Sie auf Intelligente Logik. Aktivieren Sie diese Option und fügen Sie dann eine Logik hinzu, damit dieses Feld für jede im Dropdown-Menü verfügbare Zahl angezeigt wird.
Hier ist ein Screenshot, um zu zeigen, wie die bedingte Logik aussehen würde, wenn Ihre Dropdown-Optionen 1, 2 und 3 sind:(Screenshot) unter Verwendung des Feldes Einzeiliger Text als Beispiel. Wichtig ist, dass Sie die Schaltfläche Neue Gruppe hinzufügen verwenden, die eine ODER-Logik anwendet.
Warum man die ODER-Logik braucht, kann verwirrend sein, aber wenn Sie neugierig sind, finden Sie hier weitere Einzelheiten.
Was Sie gerade erstellt haben, ist ein Feld, das bei jeder einzelnen ausgewählten Zahl angezeigt wird.
3) Duplizieren Sie nun dieses Feld (mit dem hier gezeigten doppelten Papiersymbol). Gehen Sie bei diesem kopierten Feld in den Abschnitt "Bedingte Logik" und entfernen Sie die Logik "Wenn Dropdown 1 ist", wie in diesem Screenshot.
Das bedeutet, dass dieses Feld nur erscheint, wenn in der Dropdown-Liste 2 oder höher ausgewählt wurde.
4) Setzen Sie diesen Vorgang für jede andere mögliche Zahl fort (duplizieren Sie das vorherige Feld und entfernen Sie dann die bedingte Logik der niedrigsten Zahl).
Wenn du fertig bist, wird das für den Benutzer des Frontends super professionell aussehen - es braucht nur ein bisschen Arbeit für die Einrichtung 🙂 .