Möchten Sie ein Formular im Typeform-Stil in WordPress erstellen?
Typeform ist ein Online-Formulartool, mit dem Sie Formulare erstellen und auf jeder Website einbetten können. Eine der einzigartigen Funktionen von Typeform ist das Konversationsformular, ein interaktives Webformular, das für hohe Conversions in Ihre Seite integriert wird.
In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein Konversationsformular im Typeform-Stil erstellen.
Erstellen eines Formulars im Typeform-Stil in WordPress
Das Erstellen eines Konversationsformulars im Typeform-Stil ist nützlich, wenn Sie lange Formulare wie Benutzerregistrierungsformulare, Spendenformulare, Bewerbungsformulare, Umfrageformulare usw. erstellen möchten.
Das Beste an Konversationsformularen ist, dass sie Ihren einfachen WordPress-Formularen mehr Kreativität verleihen und dabei helfen, das Abbrechen von Formularen zu reduzieren.
Typeform ist ein Online-Formularerstellungstool, bei dem Sie sich auf Ihrer Website anmelden müssen, um ein Formular zu erstellen und in Ihre Website einzubetten. Darüber hinaus werden alle Formulareingaben in Ihrem Typeform-Konto gespeichert.
Um ein Konversationsformular auf Ihrer WordPress-Site zu erstellen, empfehlen wir immer die Verwendung eines WordPress-Formular-Plugins wie WPForms. Mit WPForms können Sie Formulare erstellen und Einträge direkt in WordPress speichern. Es wurde auf über 2 Millionen WordPress-Sites verwendet und ist das am einfachsten zu verwendende Formular-Plugin auf dem Markt.
Es ist eine perfekte Alternative zu Typeform und verfügt über zahlreiche integrierte Funktionen wie Drag-and-Drop-Formularerstellung, Newsletter-Tool-Integration und mehr.
Überprüfen Sie auch: Die besten Website-Builder im Vergleich
Weitere Informationen finden Sie in diesem vollständigen Vergleich zwischen WPForms und Typeform.
Schauen wir uns an, wie man in WordPress ein Formular im Typeform-Stil erstellt.
Schritt 1: Installieren Sie ein Conversational Form Plugin – WPForms
Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren.
Mit dem WPForms-Gutschein von IsItWP erhalten Sie 50 % Rabatt auf alle Ihre Lizenzen.
Weitere Informationen finden Sie in diesem Artikel zur Installation eines WordPress-Plugins.
Nachdem Sie das Plugin aktiviert haben, müssen Sie zu gehen WPForms » Einstellungen. Von hier aus müssen Sie Ihren Lizenzschlüssel überprüfen, um auf alle WPForms-Funktionen zugreifen zu können.
Den Lizenzschlüssel für Ihr Konto erhalten Sie auf der WPForms-Website.
Klicken Sie auf die Schaltfläche „Bestätigen“, um fortzufahren.
Schritt 2: Aktivieren Sie das Conversational Forms-Plugin
Nach der Überprüfung müssen Sie zur Plugin-Seite navigieren, indem Sie auf klicken WPForms » Plugins und dann installieren und aktivieren Konversationsformen Hinzufügen.
Anschließend wird Ihnen der Status angezeigt Vermögenswert im Komplement.
Mit diesem Plugin können Sie Formulare im Typeform-Stil von Grund auf erstellen. Darüber hinaus können Sie Ihre vorhandenen Formulare in Konversationsformulare umwandeln.
Chat-Formulare reduzieren die Länge der Webseite, indem Fragen einzeln angezeigt werden. Binden Sie Ihre Benutzer ein und sie werden Ihre langen Formulare höchstwahrscheinlich mit Freude ausfüllen.
Schritt 3: Erstellen Sie ein neues Formular in WordPress
Konversationsformulare eignen sich perfekt für alle Arten von Formularen, eignen sich jedoch besonders gut für lange Formulare.
Für diesen Leitfaden erstellen wir ein Umfrageformular.
Lassen Sie uns ein neues Umfrageformular erstellen, indem Sie auf klicken WPForms » Neu hinzufügen. WPForms enthält mehrere Formularvorlagen, mit denen Sie Ihr gewünschtes Formular schnell starten können. Es verfügt außerdem über einen Drag-and-Drop-Formularersteller, der das Hinzufügen und Verwalten von Formularfeldern erleichtert.
Nachdem Sie ein Umfrageformular erstellt haben, können Sie auf der Seite „Einstellungen“ den Konversationsformularmodus aktivieren.
Schritt 4 – Chat-Formulareinstellungen aktivieren und ändern
Um den Konversationsmodus zu aktivieren, besuchen Sie Einstellungen » Konversationsformulare von der linken Seite des Bildschirms. Überprüfen Sie dann die Aktivieren Sie den Konversationsmodus Möglichkeit.
Nach der Aktivierung sehen Sie alle Anpassungseinstellungen für das Konversationsformular. Ermöglicht das Hinzufügen eines benutzerdefinierten Logos, das Ändern des Hintergrunds usw. Mit dem Konversationsformular können Sie auch eine normale Seite in eine Landingpage umwandeln.
Zuerst müssen Sie den Titel eingeben Titel des Konversationsformulars Feld. Stellen Sie sicher, dass es kurz und erklärend ist.
Anschließend können Sie eine benutzerdefinierte Nachricht für Ihre Benutzer hinzufügen Nachricht Textfeld. Diese Nachricht kann als Anreiz für Benutzer dienen, an der Umfrage teilzunehmen.
Unten finden Sie die Einstellung „Permalink“.
Normalerweise generiert das Plugin „Konversationsformular“ automatisch einen Permalink oder eine URL für Ihre Zielseite. Sie können es unverändert lassen oder es anpassen, um Ihren Permalink hinzuzufügen.
Es wird empfohlen, dass Sie es kurz halten, damit es professionell und einprägsam aussieht.
Im nächsten Schritt müssen Sie ein benutzerdefiniertes Logo für die Startseite Ihres Chat-Formulars hinzufügen. Unter dem Das Header-Logo Option, drücken Sie die Bild hochladen Klicken Sie auf die Schaltfläche, um Ihr Logo hinzuzufügen.
Sie werden auch die sehen WPForms-Branding ausblenden Kasten. Wenn Sie diese Option aktivieren, wird die WPForms-Nachricht auf Ihrer Konversationsformularseite ausgeblendet.
Als Nächstes müssen Sie ein Farbschema auswählen, um Ihre Zielseite zu personalisieren. Dieses Farbschema folgt dem Hintergrund und den Schaltflächen Ihrer Seite.
Sie können eine vorgefertigte Farbe auswählen oder das Farbauswahltool öffnen, um ein benutzerdefiniertes Farbschema hinzuzufügen.
In den letzten Einstellungen können Sie wählen, wie der Fortschrittsbalken angezeigt werden soll, der den Abschluss des Formulars anzeigt.
Schritt 5: Vorschau des Konversationsformulars anzeigen und speichern
Sobald Sie mit allen Einstellungen fertig sind, können Sie nach oben scrollen und auf klicken Vorschau des Konversationsformulars um eine Vorschau des Formulars anzuzeigen.
Wenn Sie zufrieden sind, kehren Sie zur Personalisierungsseite zurück und klicken Sie auf Speichern um diese Einstellungen zu speichern.
Bereit!
Sie können den Permalink auf der Startseite Ihres Chat-Formulars besuchen, um es in Aktion zu sehen.
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie ein Formular im Typeform-Stil in WordPress erstellen. Sie können sich auch unsere Anleitung zum Erstellen eines mehrseitigen Formulars in WordPress ansehen.
