wie-erstelle-ich-ein-gesprächs-kontakt-formular_g

Wie man ein Kontaktformular erstellt (ganz einfach)

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

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.

WPForms Preisgestaltung

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.

Neues Formular hinzufügen

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.

Kontaktformular-Vorlage

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.

Kontakt-Formular bereit

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.

Klicken Sie auf die Einstellungen von Conversational Forms

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.

Installieren Sie das Conversational Forms Addon

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 .

Formularerstellung 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.

Umschalten zwischen Gesprächsmodus und Formularmodus

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.

Konversationsformen aktiviert

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.

Header-Bild hochladen

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.

Conversational Form Frontend-Ansicht

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.

Einstellungen für Benachrichtigungen

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.

mehrstufige Formularbestätigungsmeldung

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.

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.

Osama Tahir

Osama ist ein Senior Writer bei WPForms. Er ist darauf spezialisiert, WordPress-Plugins zum Testen auseinanderzunehmen und seine Erkenntnisse mit der Welt zu teilen.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.

2 Kommentare zu "Wie man ein Kontaktformular erstellt (ganz einfach)"

  1. 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.

    1. 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 🙂 .

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.