Für alle aktuellen Webseiten, die Formen gehören zu den vielseitigsten Gegenständen, die Sie verwenden können. Die Formen Benutzern ermöglichen, Sie zu kontaktieren, Fragebögen zu beantworten und alle erdenklichen Daten einzugeben.

Mit WordPress stehen Ihnen viele Optionen zur Verfügung, die Sie beim Hinzufügen unterstützen Formen, aber das bedeutet nicht, dass die neuen Tools keine Verbesserung ermöglichen.

In diesem Tutorial werden wir uns das neue Design-Plugin von ansehen Formular  Forminator. Dies ist ein kostenloses All-in-One-Tool für  WPMU DEV  mit dem Sie fast jede Art von Artikel erstellen können Formular. Wir werden uns das Plugin in Aktion genau ansehen und besprechen, ob wir es ausprobieren sollten.

Sprechen wir über Formulare!

Was macht wesentliche Formen für Ihre Website

Beispielformular wordpress.png

Wenn Sie Daten in eine Website oder App eingeben müssen, tun Sie dies normalerweise über eine Formular. Diese gibt es in vielen Formen und Größen und umfassen verschiedene Arten von „Feldern“.

Ein klassisches Beispiel ist a Kontaktformular Standard, der normalerweise nur aus Textfeldern besteht. Sie können jedoch auch Dropdown-Menüs, Optionsfeldfelder und viele andere Optionen einbeziehen.

Fast alle Websites verwenden Formulare auf die eine oder andere Weise, was sie zu einem Grundnahrungsmittel macht. Daher ist es wichtig, dass Sie über ein Tool verfügen, mit dem Sie mehrere Arten von Formularen und Optionen für die Anpassung erstellen können.

Mit WordPress haben Sie bereits viele Plugins, mit denen Sie jede Art von Formular erstellen können. Werfen wir einen Blick auf einen neuen Konkurrenten in diesem Bereich.

Eine Einführung in das Forminator-Plugin

Einführung in das Plugin formunator.png

Das Plugin Forminator ist das letzte Werkzeug von  WPMU DEV. Sie kennen sie vielleicht als das Team hinter mehreren anderen beliebten Plugins, wie z Kolibri , WP Smush et  Benutzerdefinierte Sidebars .

Was dieses Formular-Plugin auszeichnet, ist sein Finish, ebenso wie der Standard für WPMU DEV-Tools. Forminator bietet einen Editor " Drag & Drop So können Sie viele Arten von Formularen erstellen, einschließlich Kontaktformularen, Umfragen und sogar Fragebögen.

Darüber hinaus lässt sich das Plugin in mehrere Dienste von Drittanbietern wie Google Sheets, Zapier, Trello, MailChimp und AWeber integrieren. In der Praxis bedeutet dies, dass Sie Forminator verwenden können, um Daten, E-Mails und fast alle anderen Arten von Informationen zu sammeln, die Sie sich vorstellen können.

Abschließend ist zu erwähnen, dass Forminator mit voller Kompatibilität für den Gutenberg-Editor herausgekommen ist. Dies bedeutet, dass Sie Zugriff auf einen Forminator-Block haben, wenn Sie den neuen Editor bereits verwenden. Andernfalls können Sie Shortcodes verwenden, um Ihre Formulare an einer beliebigen Stelle auf Ihrer Site hinzuzufügen.

Das Forminator-Plugin in Aktion

Nun wollen wir mal sehen, was das ist  Forminator-Plugin  hat anzubieten. Wenn Sie mitmachen möchten, können Sie das Plugin kostenlos herunterladen, sodass Sie es sofort auf Ihrer eigenen Website installieren können.

Sobald Sie das Plug-In aktivieren, wird eine neue Registerkarte angezeigt Forminator  wird in Ihrem Dashboard angezeigt. Wenn Sie darauf klicken, wird eine Vorschau Ihrer vorhandenen Formulare angezeigt. Außerdem sehen Sie eine Aufschlüsselung der Einträge, der Beliebtheit und der Conversion-Rate:

Plugin-Installation forminator.png

Diese letzte Metrik ist besonders wichtig, da Sie damit die Leistung Ihrer Formulare verfolgen können. Obwohl das Plugin nicht die integrierte A / B-Testfunktion enthält, können diese Daten dennoch verwendet werden, um die Conversion-Rate ohne großen Aufwand zu vergleichen.

Um fortzufahren, ist das Hinzufügen eines neuen Formulars mit dem Forminator-Plugin einfach. Alles was Sie tun müssen, ist durch zu navigieren  Online Formulare und klicken Sie auf die Schaltfläche Erstellen. Sie können auch klicken  Import So importieren Sie Formulare von anderen Websites:

forminator form wordpress.png

Sobald Sie geklickt haben  Schaffen sehen Sie einen Generator, in dem Sie Ihr Formular erstellen können. Rechts sehen Sie eine Liste mit allen Feldern, die Sie hinzufügen können:

new form.png

Um ein Steuerelement hinzuzufügen, ziehen Sie es einfach in den linken Teil des Editors:

Fügen Sie der form.png ein Feld hinzu

Wenn Sie auf eines der Felder klicken, die Sie bereits hinzugefügt haben, haben Sie Zugriff auf mehrere Konfigurationsoptionen. Zum Beispiel das Feld E-Mail-Adresse  enthält einen Parameter obligatorisch . Dies bedeutet, dass Benutzer das Formular nicht ohne Eingabe einer gültigen E-Mail-Adresse senden können:

obligatorische Option forminator.png

Wenn Sie auf die Registerkarte Einstellungen klicken Fortgeschrittenkönnen Sie dem betreffenden Feld eine benutzerdefinierte CSS-Klasse hinzufügen. Es ist erwähnenswert, dass Sie mit dem Plugin bedingte Logik für Ihre Felder definieren können, was eine ganze Welt voller unterhaltsamer Optionen eröffnet:

bedingte Logik forminqtor.png

Sobald Ihr Formular fertig ist, können Sie es über eine Schaltfläche oben im Editor-Bildschirm in der Vorschau anzeigen:

Vorschau einer form.png

Standardmäßig haben die mit Forminator erstellten Formulare ein klares, modernes Design. Sie können ihr Erscheinungsbild auch ändern, indem Sie auf die Schaltfläche von klicken Konfiguration du  bilden in  unten im Editor. Hier haben Sie mehrere Themen, aus denen Sie auswählen können. Sie können auch die Typografie Ihrer Felder ändern und sogar benutzerdefiniertes CSS hinzufügen:

Passen Sie das Design der fields.png an

Mit anderen Worten, Sie können fast jeden Aspekt des Stils Ihres Formulars ändern. Dadurch wird sichergestellt, dass Sie mit dem Forminator-Plugin Formulare erstellen können, die fast jedem Thema entsprechen.

Neben Kontaktformularen können Sie mit dem Plugin auch Fragebögen und Umfragen erstellen. Um neue Umfragen zu erstellen, müssen Sie lediglich eine Frage stellen und mögliche Antworten geben:

Erstelle Umfragen formunator.png

Beim Erstellen eines Fragebogens können Sie auch dessen Typ auswählen und aus auswählen  Keine falsche Antwort  et  Wissen. Letzteres bezieht sich auf Tests, bei denen der Benutzer getestet wird, um die richtige Antwort zu erhalten, während sich Ersteres auf Fragen bezieht, auf die keine Antwort korrekt ist, z. B. Umfragen:

Beispiel für eine Frage answer.png

Für unseren Test haben wir gewählt  Keine falsche Antwort. Zu diesem Zeitpunkt können Sie einen Quiznamen festlegen, ein ausgewähltes Bild hinzufügen und eine Beschreibung bereitstellen:

Testbeispiel ohne schlechte answer.png

Nachdem Sie die Grundlagen konfiguriert haben, können Sie mehrere Ergebnisse für Ihr Quiz erstellen. Dann können Sie die Fragen entwerfen, die Sie zu ihnen führen. Insgesamt macht das Erstellen neuer Quiz trotz der Fülle an Optionen viel Spaß und ist einfach.

Lassen Sie uns abschließend über das Hinzufügen Ihrer Formulare, Umfragen und Tests zu Ihrer Website sprechen. Dazu verwendet das Plugin Funktionscodes, die Sie in den Registerkarten extrahieren können Forms ,  Umfragen ou  Das jeweilige Quiz  :

Formulare zu einer page.png hinzufügen

Um einige zu Ihren Seiten hinzuzufügen, kopieren Sie einfach die entsprechenden Shortcodes und fügen Sie sie in den Editor ein. Als Divi-Benutzer können Sie diese Funktionscodes mithilfe des Moduls hinzufügen Code  und sie arbeiten ohne Probleme. Wenn Sie den Gutenberg-Editor verwenden, ist das Hinzufügen eines Formulars umso einfacher, als Sie den enthaltenen Forminator-Block verwenden können.

Wer sollte das Forminator-Plugin verwenden?

An formularbezogenen Plugins für WordPress mangelt es nicht. Wenn Sie beispielsweise Kontaktformulare definieren möchten, haben Sie Kontaktformular 7,   Caldera-Formen und viele andere. Wenn Sie nach Plugins suchen, mit denen Sie Quiz oder Umfragen erstellen können, können Sie es versuchen Quiz und Hauptanfrage ou Reaktionsschneller Pool.

Dies sind nur einige interessante Beispiele, aber nur wenige Plugins bieten die gleiche Vielseitigkeit wie Forminator. Mit diesem Plugin erhalten Sie eine Lösung aus einer Hand für alle Formulare. Außerdem ist es 100% kostenlos, was immer eine gute Nachricht ist. Dies macht Forminator zu einer guten Wahl, insbesondere wenn Sie etwas komplizierteres als Standard-Kontaktformulare entwerfen möchten.

Zusammenfassung

Forminator  ist ein neues Plugin zur Formularerstellung, das Ihnen alle Funktionen bietet, die Sie zum Erstellen von Kontaktformularen und Fragebögen benötigen  und  Umfragen. Es bietet eine große Vielseitigkeit beim Erstellen und Anpassen Ihrer Formulare und ist somit eine gute Wahl für Ihre Anforderungen beim Erstellen von Formularen.