Möchten Sie lernen, wie Sie ein Formular im Typeform-Stil in WordPress erstellen, ohne eine einzige Zeile Code anfassen zu müssen?
Ich habe Dutzende von Konversationsformularen für meine eigenen Websites erstellt, und in diesem Leitfaden zeige ich Ihnen, wie Sie Ihre eigene Typeform-Alternative mit WPForms erstellen.
Sie erhalten ein schönes Formular mit einer Frage nach der anderen, das wie Typeform aussieht, aber nahtlos in WordPress funktioniert, ohne Einbettungscodes oder externe Konten.
Schnelle Schritte zum Erstellen eines Typeform in WordPress:
- Schritt 1: Installieren Sie WPForms, um ein Formular im Typeform-Stil in WordPress zu erstellen
- Schritt 2: Aktivieren Sie das WPForms Conversational Forms Addon
- Schritt 3: Erstellen Sie ein neues Konversationsumfrageformular wie Typeform
- Schritt 4: Passen Sie die Einstellungen und das Design des Konversationsformulars an
- Schritt 5: Speichern und veröffentlichen Sie Ihr Formular im Typeform-Stil in WordPress
- FAQs zum Erstellen eines Formulars im Typeform-Stil in WordPress
Was ist die beste Typeform WordPress-Alternative?
Die beste Alternative zu Typeform für WordPress ist WPForms. WPForms ist ein Formularersteller-Plugin mit leistungsstarken Funktionen, die die Erstellung von Formularen für WordPress super einfach machen. Es ist eines der benutzerfreundlichsten Formular-Plugins überhaupt und ideal für Anfänger.
Noch besser: Mit WPForms können Sie Formulare direkt in WordPress erstellen, sodass Sie sie veröffentlichen können, ohne Ihre Website verlassen zu müssen. Und die vorgefertigten Formularvorlagen helfen Ihnen, jede Art von Formular mit nur wenigen Klicks zu erstellen.
Darüber hinaus enthält WPForms einen Drag-and-Drop-Builder, bedingte Logik und Konversationsformulare. So können Sie Ihre eigene Typeform-Alternative direkt in WordPress erstellen.
Für diesen Leitfaden verwenden wir den WPForms Pro Plan, der alle erweiterten Funktionen enthält, die Sie für ein Formular wie Typeform benötigen. Die kostenlose Version bietet nicht die benötigten Konversationsformularoptionen.
Warum nicht diesen ausführlichen WPForms-Testbericht für die vollständigen Details lesen?
Erstellen von Webformularen im Typeform-Stil in WordPress
Das Erstellen eines Formulars ähnlich wie Typeform ist nützlich, wenn Sie einen freundlicheren Ton in Ihren Umfragen wünschen. Das Ausfüllen eines solchen Formulars ist fast wie ein Gespräch mit einem Freund. Dies erhöht die Wahrscheinlichkeit, dass der Benutzer Ihre Fragen beantwortet.
Darüber hinaus reduzieren Konversationsformulare die Länge Ihrer Webseite, indem sie Fragen einzeln anzeigen. Dies hält die Benutzer engagiert und sie beantworten gerne weiter.
Sie sind auch praktisch, wenn Sie längere Formulare erstellen möchten, die Benutzer oft langweilen, wie zum Beispiel:
- Registrierungsformulare
- Bewerbungsformulare
- Detaillierte Kontaktformulare
- Multiple-Choice-Umfragen
- Bestellformulare und mehr.
- Formulare zum Hochladen von Dateien
Und da Sie Konversationsformularen einen kreativen Touch verleihen können, kann dies helfen, Formularabbrüche zu reduzieren.
Lassen Sie uns lernen, wie man ein Typeform WordPress-Formular erstellt.
Schritt 1: Installieren Sie WPForms, um ein Formular im Typeform-Stil in WordPress zu erstellen
Um zu beginnen, besorgen Sie sich eine Kopie von WPForms und installieren und aktivieren Sie das Plugin. Hilfe zur Installation eines WordPress-Plugins finden Sie in dieser Schritt-für-Schritt-Anleitung.
Nachdem Sie das Plugin aktiviert haben, gehen Sie zu WPForms » Einstellungen und fügen Sie Ihren Lizenzschlüssel hinzu.
Sie finden Ihren Lizenzschlüssel in Ihrem WForms-Konto, sobald Sie sich anmelden.
Fügen Sie Ihre Lizenz hinzu und klicken Sie auf die Schaltfläche Schlüssel überprüfen.
Schritt 2: Aktivieren Sie das WPForms Conversational Forms Addon
Nachdem Sie Ihren Lizenzschlüssel überprüft haben, müssen Sie das Conversational Forms Addon für WPForms aktivieren.
Gehen Sie dazu zu WPForms » Addons und suchen Sie die Option für Konversationsformulare. Klicken Sie dann auf Addon installieren.
Sie werden dann feststellen, dass sich der Status von inaktiv (rot) auf Aktiv (grün) ändert.
Mit diesem Addon können Sie WordPress-Formulare im Typeform-Stil von Grund auf neu erstellen und bestehende Formulare in Konversationsformulare umwandeln.
Und da wir in diesem Tutorial ein Umfrageformular erstellen, müssen Sie auch den gleichen Prozess befolgen, um das Surveys & Polls Addon zu installieren und zu aktivieren, um die erweiterten Umfragefunktionen nutzen zu können.
Schritt 3: Erstellen Sie ein neues Konversationsumfrageformular wie Typeform
Während Konversationsformulare großartig für längere Webformulare sind, halten wir die Dinge einfach, indem wir Ihnen zeigen, wie Sie ein Umfrageformular im Typeform-Stil erstellen.
Um ein neues Umfrageformular zu erstellen, gehen Sie zu WPForms » Neu hinzufügen. Die folgende Seite zeigt eine breite Palette von Formularvorlagen, die Sie verwenden können, um schnell einen neuen Formular-Typ zu starten.
Mit dem praktischen Drag-and-Drop-Formularersteller können Sie dann Formularfelder und andere Elemente nach Ihren Wünschen neu anordnen.
Nachdem Sie Ihr Formular erstellt haben, gehen Sie zur Einstellungsseite, um die Formulareinstellungen zu konfigurieren.
Schritt 4: Passen Sie die Einstellungen und das Design des Konversationsformulars an
Um die Funktion für Konversationsformulare zu aktivieren, besuchen Sie Einstellungen » Konversationsformulare. Wählen Sie dann das Kontrollkästchen mit der Bezeichnung Konversationsmodus aktivieren.
Danach sehen Sie eine Reihe von Einstellungen, mit denen Sie Ihrer Formularseite einen Titel, eine Nachricht, ein Logo und sogar ein Farbschema hinzufügen können.
Aber das ist noch nicht alles. Sie können sogar ein normales Formular in eine Landingpage verwandeln, die ein Konversationsformular enthält.
Geben Sie Ihrem Formular zuerst einen Titel. Halten Sie ihn kurz und beschreibend, um die Aufmerksamkeit des Benutzers zu fesseln.
Fügen Sie dann eine benutzerdefinierte Nachricht hinzu, die Benutzer sehen, bevor sie beginnen. Nutzen Sie diesen Bereich, um Leser zu stimulieren und ihnen einen Grund zu geben, fortzufahren.
Danach sehen Sie die Einstellung für die Permalink. Standardmäßig generiert das Conversational Forms Addon automatisch einen Permalink basierend auf dem Namen, den Sie Ihrem Umfrageformular zu Beginn gegeben haben. Sie können dies jedoch einfach ändern, indem Sie Ihren eigenen eingeben.
Halten Sie Ihren Permalink kurz, damit er leichter zu merken ist.
Der nächste Schritt ist der Upload Ihres Logos. Dies sorgt für Konsistenz Ihres Formulars mit Ihrem Branding.
Um den Upload der Logo-Datei zu starten, klicken Sie auf Bild hochladen und suchen Sie die Logo-Datei auf Ihrem Computer oder in Ihrer Mediathek.
Sie können auch das Kontrollkästchen WPForms-Branding ausblenden auswählen, um Erwähnungen von WPForms auf der Live-Formularseite auszublenden.
Und wenn Sie das Branding konsistent halten möchten, verwenden Sie den Abschnitt Farbschema, um Farben für Ihre Seite auszuwählen. Das Pipettenwerkzeug ist praktisch, um die genaue Farbe auszuwählen, die auf Ihrer gesamten Website verwendet wird.
Die Einstellung für die Fortschrittsanzeige legt fest, ob die Fortschrittsanzeige als Prozentsatz oder Anteil für die Formularabschluss angezeigt wird.
Schritt 5: Speichern und veröffentlichen Sie Ihr Formular im Typeform-Stil in WordPress
Wenn Sie Ihre Einstellungen konfiguriert haben, scrollen Sie zum Anfang des Formular-Editors und klicken Sie auf Konversationsformular in der Vorschau anzeigen. Und wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf Speichern.
Ihr Formular ist nun bereit zum Ausfüllen. Leiten Sie die Leute einfach zu dem Permalink, den Sie zuvor erstellt haben, und sie können loslegen.
Sie können den Permalink sogar in sozialen Medien teilen, um ein breiteres Publikum zu erreichen. Kopieren Sie einfach Ihren Permalink und fügen Sie ihn in einen Beitrag in Ihrem gewünschten sozialen Netzwerk ein.
FAQs zum Erstellen eines Formulars im Typeform-Stil in WordPress
Jetzt wissen Sie, wie Sie ein Formular im Typeform-Stil in WordPress erstellen, ohne Einbettungscodes zu kopieren oder externe Tools zu verwenden. Mit WPForms können Sie vollständig gebrandete Konversationsformulare erstellen, die die Leute engagieren und Ihnen helfen, bessere Antworten zu sammeln.
Wenn Sie auch die volle Kontrolle über die Seiten haben möchten, auf denen Ihre Formulare erscheinen, versuchen Sie, sie mit SeedProd zu erstellen. Es ist der einfachste Weg, benutzerdefinierte WordPress-Landingpages zu gestalten, die konvertieren, und es funktioniert nahtlos mit WPForms.
Für weitere Hilfe mit Ihren Formularen finden Sie hier meine anderen Anleitungen:
- So erstellen Sie eine Landing Page mit einem Formular in WordPress
- Erstellung eines WordPress-Benutzerregistrierungsformulars mit benutzerdefinierten Feldern
- So erstellen Sie ein WordPress-Veranstaltungsregistrierungsformular
- So erstellen Sie ein mehrstufiges Formular in WordPress
- So erstellen Sie ein WordPress-Formular für Datei-Uploads
- So erstellen Sie ein Online-Bestellformular für Ihre WordPress-Site
- So fügen Sie ein Kontaktformular in WordPress hinzu
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
