Elementor Forms vs. WPForms

Elementor Forms vs. WPForms: Was ist das Beste?

Suchen Sie nach einem leistungsstarken Formularersteller für Ihre WordPress-Website? Wenn ja, vergleichen Sie wahrscheinlich Elementor Forms mit WPForms, um zu sehen, was für Sie am besten ist.

Elementor ist ein Website-Builder-Plugin mit Funktionen zur Formularerstellung.

WPForms ist ein leistungsstarker, benutzerfreundlicher Formularersteller, mit dem Benutzer in wenigen Minuten attraktive Formulare erstellen können.

In diesem Beitrag vergleichen wir die beiden Plattformen, um festzustellen, welche für Ihre WordPress-Website am besten geeignet ist.

Erstellen Sie jetzt Ihr WordPress-Formular

Elementor Forms vs. WPForms - Kurzer Überblick

Elementor Form hat im Vergleich zu WPForms einige Einschränkungen. Mit WPForms erhalten Sie Hunderte von vorgefertigten Formularvorlagen, eine überragende Benutzerfreundlichkeit, mit der Sie mehrspaltige Formulare mit Drag-and-Drop-Steuerelementen erstellen können, und eine leistungsstarke Suite von Anti-Spam-Filtern. Elementor verfügt nicht über all diese Funktionen.

Elementor Forms vs. WPForms: Was ist das Beste?

Lassen Sie uns nun den Prozess der Erstellung eines Formulars mit jedem dieser Plugins durchgehen, um sie zu vergleichen.

Elementor

Die Elementor-Website

Elementor ist ein Drag-and-Drop-Website-Builder, mit dem Benutzer ohne Programmierkenntnisse schöne Websites erstellen können.

Als vollwertiger Website-Builder verfügt er über zahlreiche Funktionen und Möglichkeiten zur Verbesserung seiner Funktionalität. Unter anderem:

  • Elementor Page Builder
  • Theme Builder
  • eCommerce-Fähigkeit
  • Landing Page Builder
  • Popup-Ersteller
  • Optimierung der Arbeitsabläufe
  • Formular-Ersteller

In diesem Vergleich werden wir uns den Elementor Form Builder ansehen.

Ein Formular erstellen

Als Website-Builder können Sie mit Elementor Elemente per Drag & Drop platzieren. Das erste, was Ihnen auffallen wird, ist, dass der Formularersteller selbst ein Widget ist. Sie ziehen das Widget per Drag & Drop auf die Seite.

Hinzufügen des Formular-Widgets in Elementor

Sobald Sie das Formular-Widget zur Seite hinzugefügt haben, können Sie beginnen, Felder hinzuzufügen. Elementor stellt Ihnen standardmäßig ein einfaches Kontaktformular zur Verfügung. Sie können Felder nach Bedarf ändern, hinzufügen oder entfernen.

Das Standardformular in Elementor Forms

Es gibt insgesamt 20 Formularfelder, mit denen Sie Standardformulare erstellen können, die Sie für Ihre Website benötigen.

Wir haben ein Formular mit mehreren der am häufigsten verwendeten Formularfelder erstellt. Dabei haben wir festgestellt, dass alle Formularfelder und Designelemente aus der linken Seitenleiste stammen. Wenn Sie durch die Seiten blättern, können Sie Anpassungen vornehmen. Was die Formulare betrifft, so sind diese Optionen das Ausmaß des Stylings.

Da man nur klickt, um etwas hinzuzufügen, und die Formularfelder nicht per Drag & Drop verschiebt, fanden wir es schwierig, das Layout zu ändern. Wie in unserem Beispielformular unten zu sehen ist, sind die rechten Ränder nicht gleich ausgerichtet.

Ein mit Elementor Forms erstelltes Beispielformular

Wenn Sie auf klicken, um ein Formularfeld hinzuzufügen, wird es standardmäßig auf 100 % der Gesamtbreite eingestellt. Sie können dies in den Einstellungen für jedes Feld anpassen, um die Felder kürzer zu machen. In unserem Beispielformular haben wir alle Breiten auf 75 % eingestellt.

Um Felder nebeneinander zu bekommen, wie Sie es bei den Datums- und Zeitfeldern sehen, war die einzige Möglichkeit, die wir sahen, die Größe zu verringern, bis beide Felder in eine Zeile passten.

Aber Sie können keine bestimmte Breite eingeben. Sie müssen aus bestimmten Abstufungen wählen. Wir konnten also nicht beide Feldbreiten auf insgesamt 75 % setzen, damit sie zu allen anderen Zeilen passen. Wir haben also eine Zeile mit einer Gesamtbreite von 80 %, wobei jedes Feld auf 40 % eingestellt ist.

Bearbeiten von Feldwerten in Elementor

Sie könnten dies umgehen, indem Sie die Breite der anderen Zeilen ändern. Wenn Sie jedoch nur eine begrenzte Menge an Platz zur Verfügung haben, könnte dies schwierig sein.

Wenn Sie keine Layout-Änderungen für Ihre Spezifikationen benötigen, ist dies kein Problem.

Integrationen und Zusätze

Die Elementor-Integrationsseite

Es gibt etwa 40 Tools, die sich mit Elementor integrieren lassen. Es gibt sogar noch mehr, wenn Sie eine Verbindung zu Zapier herstellen. Darüber hinaus sind etwa 25 Addons von Drittanbietern verfügbar.

Einreichungen

Wie bei den anderen Formulareinstellungen können Sie über die Einstellungen in der linken Seitenleiste steuern , was mit den Übermittlungen geschieht. Die erste Einstellung ist "Aktionen nach dem Absenden", mit der Sie die Aktionen auswählen können, die passieren sollen, wenn Benutzer das Formular absenden.

Hier können Sie es so einrichten, dass E-Mails, Webhooks oder andere Aktionen auf der Grundlage Ihrer Integrationen ausgelöst werden.

Optionen für Aktionen nach der Formularübermittlung in Elementor Forms

Hier sind 2 weitere Einstellungen relevant, die Sie direkt nach dem Dropdown-Menü Aktionen nach dem Absenden sehen.

Die erste ist Collect Submissions. Wenn Sie Ihre Elementor-Einstellungen so angepasst haben, dass Sie Formular-Eingaben sammeln und in Elementor speichern möchten, wird dies in diesem Dropdown-Feld angezeigt.

Danach folgt E-Mail, mit der Sie eine E-Mail-Benachrichtigung bei der Übermittlung des Formulars auslösen können.

Zusätzliche Merkmale

Hier sind einige zusätzliche Funktionen, die Sie in Elementor Forms finden werden:

  • reCAPTCHA und Honeypot
  • Styling-Optionen zur Anpassung von Abständen, Farben und Typografie
  • Bewegungseffekte
  • Möglichkeit, Hintergrundfarben in Volltonfarben oder Farbverläufe zu ändern
  • Ansprechbares Verhalten
  • Benutzerdefiniertes CSS hinzufügen

Preisgestaltung

Die Elementor-Preisseite

Um auf Elementor Forms zugreifen zu können, müssen Sie eine Lizenz für Elementor Pro Website Builder erwerben. Die Tarife beginnen bei 9,99 $ pro Monat.

WPForms

Die WPForms-Homepage

WPForms ist ein Drag-and-Drop-Formularersteller, mit dem Sie verschiedene Formulare und Umfragen erstellen können. Damit können Benutzer einfach und schnell umfassende, professionelle Formulare für ihre Websites erstellen, ohne Programmierkenntnisse zu benötigen.

Im Gegensatz zu Elementor ist WPForms ein eigenständiges WordPress-Formular-Plugin. Sie müssen nichts extra installieren, um es zu verwenden. Es ist einfach genug für Anfänger, aber leistungsstark genug für fortgeschrittene Benutzer.

Werfen wir einen Blick darauf und sehen, wie es im Vergleich zu Elementor Forms aussieht.

Ein Formular erstellen

Das Erstellen eines Formulars in WPForms ist ein Kinderspiel. Wählen Sie die Felder, die Sie einfügen möchten, und ziehen Sie sie dann per Drag & Drop in den Formularersteller. Sie können auch das Layout mit Layout-Feldern leicht anpassen.

WPForms bietet derzeit mehr als 2.000 Formularvorlagen, die Sie verwenden und nach Ihren Wünschen anpassen können. Unabhängig davon, ob Sie eine Vorlage anpassen oder Ihr Formular von Grund auf neu erstellen, gibt es mehr als 35 Formularfelder, die Sie auswählen können, um Ihr Formular hinzuzufügen.

Um loszulegen, laden Sie WPForms herunter und installieren Sie es. Öffnen Sie es dann in WordPress und klicken Sie auf Neu hinzufügen.

Hinzufügen eines neuen Formulars in WPForms

Auf dem nächsten Bildschirm können Sie entweder eine Vorlage oder ein leeres Formular auswählen.

Erstellen eines neuen Formulars in WPForms

Und wenn Sie das geschafft haben, können Sie sich per Drag & Drop an die perfekte Form herantasten.

Die WPForms-Formularerstellungsschnittstelle

In Elementor wurden alle Einstellungen über eine Seitenleiste vorgenommen. In WPForms können Sie die Einstellungen auf mehrere Arten anpassen. Formularfeldanpassungen werden individuell für jedes Feld vorgenommen. Ein Beispiel hierfür ist das Hinzufügen bedingter Logik.

Sie können die allgemeinen Einstellungen des Formulars ändern, indem Sie auf die Schaltfläche "Einstellungen" im Menü der Seitenleiste klicken. Hier können Sie auch die Einstellungen für das Übermittlungsverhalten, den Spamschutz und die Addons anpassen.

Formulareinstellungen in WPForms

Im gleichen Menü der Seitenleiste können Sie Zahlungsgateways für die Verwendung der Zahlungsfelder einrichten. Auf diese Weise können Frontend-Benutzer zum Beispiel für Waren oder die Registrierung bezahlen.

Obwohl wir es ein wenig zeitaufwendig fanden, verschiedene Layouts in Elementor zu konfigurieren, ist der Prozess in WPForms ziemlich einfach. Alles, was Sie tun müssen, ist das Feld Layouts auszuwählen, dann wählen Sie die Anzahl und das Layout der Spalten. Danach können Sie die Felder nach Belieben per Drag & Drop verschieben.

Layout-Optionen in WPForms

Sie können diese mischen und kombinieren, um attraktive, dynamische Formulare zu erstellen.

Hier ist ein Beispiel für ein Formular, das wir mit dem Feld Layouts erstellt haben. Die erste Zeile enthält ein einzelnes Feld mit zwei Eingabefeldern für Vor- und Nachnamen. Die zweite Zeile besteht aus zwei Spalten. Die dritte Zeile besteht wieder aus einer einzigen Spalte.

Ein Formular, das unter Verwendung der Layoutfeldoptionen in WPForms erstellt wurde

Layouts geben Ihrem Formular ein schönes Aussehen. Mit WPForms ist alles Drag-and-Drop, so dass Sie sich nicht um die Berechnung von Prozentsätzen für jedes Feld kümmern müssen.

Integrationen und Zusätze

Die WPForms Addons Seite

Für WPForms gibt es zahlreiche Addons. Es lässt sich mit Ihren bevorzugten E-Mail-Anbietern, CRMs und Zahlungs-Gateways integrieren.

Interessanterweise lässt sich WPForms auch mit Elementor integrieren. Sie müssen nur beide Plugins auf Ihrer Website aktivieren, und diese Integration wird automatisch eingerichtet werden.

Elementor bietet einen WPForms-Block, den Sie an einer beliebigen Stelle Ihrer Seite platzieren können. Damit können Sie einfach jedes einzelne Formular auswählen, das Sie zuvor mit WPForms erstellt haben, um es einzubetten.

Die Verwendung von WPForms in Elementor eröffnet eine ganze Reihe von neuen Möglichkeiten. Zum Beispiel können Sie Ihre Formulare in Elementor sogar mit Google Sheets verbinden, um Formulareingaben in einem Arbeitsblatt zu speichern.

Außerdem verbessern mehrere verfügbare Addons die Funktionalität, indem sie Funktionen wie Signaturen, Speichern und Fortsetzen sowie Umfragen und Abstimmungen hinzufügen.

Integrationen mit Zapier und Uncanny Automator machen es einfacher, Ihre Formulare mit noch mehr Tools zu verbinden, die Sie lieben.

Einreichungen

Mit WPForms, 2 wichtigsten Einstellungen bestimmen, was passiert, nachdem ein Benutzer Ihr Formular einreicht. Diese Einstellungen sind Benachrichtigungen und Bestätigungen. Sie können auf beide in den Formulareinstellungen zugreifen.

Anpassen des Verhaltens nach der Übermittlung in WPForms

Die Einstellung "Benachrichtigungen" ist der Punkt, an dem Sie eine E-Mail-Benachrichtigung einrichten können, wenn jemand das Formular abschickt.

Sie können festlegen, welche Felder in der Benachrichtigung enthalten sind, wer sie erhält und ob Anlagen enthalten sind oder nicht. Sie können auch eine bedingte Logik anwenden, wenn Sie nur bestimmte Benachrichtigungen auf der Grundlage der von Ihnen festgelegten Spezifikationen wünschen.

Bestätigungseinstellungen in WPForms

Mit den Einstellungen für Bestätigungen können Sie eine Nachricht einrichten, die angezeigt wird, nachdem der Benutzer das Formular abgeschickt hat. Zusätzlich zur Anzeige einer Nachricht können Sie auch eine bestimmte Seite anzeigen oder zu einer anderen URL weiterleiten.

Zusätzliche Merkmale

Hier sind einige zusätzliche Funktionen, die Sie in WPForms finden werden

  • Fähigkeit zur Erstellung von mehrseitigen Formularen, Konversationsformularen und Lead-Formularen
  • Google reCAPTCHA, hCaptcha, Custom Captcha und Cloudflare Turnstile
  • Integriert mit PayPal, Square, Stripe und Authorize.Net, um Zahlungen einzuziehen
  • Umfragen und Abstimmungen mit erweitertem Reporting, plus Net Promoter Score und Likert-Skala Formularfelder
  • Bedingte Logik
  • Signaturen und Datei-Uploads akzeptieren
  • Funktioniert mit Elementor

Preisgestaltung

Die WPForms-Preisseite

Es gibt eine kostenlose Version von WPForms, die eine beeindruckende Reihe von fortgeschrittenen Funktionen, einschließlich Form-Stil Anpassungen, Stripe Zahlungen, eine Integration mit Elementor, und vieles mehr bietet.

Für den Zugriff auf erweiterte Funktionen und Addons benötigen Sie eine kostenpflichtige Lizenz. Premium-Pläne beginnen bei 49,50 $ pro Jahr.

Verwendung von WPForms mit Elementor

Wie bereits in diesem Artikel erwähnt, gibt es eine ganze Reihe von Unterschieden zwischen Elementor und WPForms. Der größte Unterschied ist, dass Elementor ein Website-Builder mit einer Form-Builder-Option ist, während WPForms eine robuste Form-Builder-Plattform ist.

Wenn Ihnen die Idee gefällt, Elementor für die Gestaltung Ihrer Website zu verwenden, Sie aber leistungsfähigere Formularfunktionen wünschen, haben Sie Glück. Sie können WPForms mit Elementor verwenden.

Wenn Sie im Elementor Site Builder Elemente hinzufügen, werden Sie feststellen, dass es ein WPForms-Symbol gibt.

Hinzufügen von WPForms zu Ihrer Elementor-Seite

Wenn Sie es auf Ihre Seite ziehen, erhalten Sie die Möglichkeit, ein Formular auszuwählen.

Auswählen des WPForms-Formulars im Elementor-Builder

Sobald Sie das Formular ausgewählt haben, das Sie auf Ihrer Elementor-Seite verwenden möchten, wird es angezeigt.

WPForms-Formular zu Elementor hinzugefügt

Denken Sie daran, dass WPForms kein Formularersteller ist, wenn es innerhalb von Elementor verwendet wird. Es importiert nur Formulare, die Sie bereits erstellt haben. Das bedeutet, dass Sie die Formulare in WPForms erstellen müssen, bevor Sie sie in Elementor importieren können.

Das Beste daran ist, dass Sie auch die Optionen zur Stilanpassung von WPForm in Elementor erhalten. Sie können diese Optionen nutzen, um das Aussehen Ihres Formulars unterwegs mit einfachen Point-and-Click-Steuerelementen zu ändern (ganz ohne CSS).

Nachdem Sie Ihr Formular mit dem Elementor Page Builder in die Seite eingebettet haben, klicken Sie auf das Formular, um es auszuwählen, und klicken Sie dann in den Bearbeitungsoptionen auf Stil.

Stilisierung von WPForms in Elementor

Von hier aus können Sie das Aussehen Ihrer Website anpassen, indem Sie die Stile für Felder, Beschriftungen und Schaltflächen anpassen.

Wenn Sie fertig sind, haben Sie ein schön gestaltetes Formular, das zum Thema und den Farben Ihrer Website passt.

Ein Formular mit der einfachen Form Styling-Optionen in WPForms gebaut

In unserem Tutorial über die Anpassung von WordPress-Formularen in Elementor erfahren Sie, wie Sie im Handumdrehen schöne Formulare erstellen können.

Das funktioniert auch mit WPForms Lite. Sie können die kostenlose Version von Elementor mit der kostenlosen Version von WPForms zusammen verwenden. Während die kostenlosen Versionen der beiden Tools sind mehr begrenzt, ist dies ein großes Plus für diejenigen auf ein Budget.

Elementor Forms oder WPForms: Was ist besser?

Bevor wir den Gewinner bekannt geben, hier noch einige der wichtigsten Punkte, die wir in Betracht gezogen haben.

Elementor-Formulare WPForms
Eigenständiges Plugin? Nein
(Erfordert Elementor Pro)
Ja
Preisgestaltung Beginnt bei $9,99/Monat Beginnt bei $49,50/Jahr
Kostenlose Version? Die kostenlose Version von Elementor Pro enthält keine Elementor Forms Ja
Integrationen 40 Integrationen + Zapier 40 Integrationen
+ Zapier und Uncanny Automator
Zahlungs-Gateways Kann Stripe mit Elementor Pro verbinden, um ein Stripe-Feld zu erstellen PayPal
Stripe
Platz
Authorize.Net
Formularvorlagen 0 2,000+
Spam-Schutz reCAPTCHA
Honeypot
reCAPTCHA
hCaptcha
Benutzerdefiniertes Captcha
Cloudflare Drehkreuz
Bedingte Logik? Nein Ja

Für die Erstellung von Formularen mit vielen Funktionen und Merkmalen ist WPForms am besten geeignet.

Obwohl Elementor Pro ein fantastisches Tool für die Erstellung von Websites ist, benötigen die meisten Leute keinen kompletten Site Builder, nur um Formulare zu erstellen. Um eine Menge der gleichen Funktionalität, die WPForms hat, müssen Sie herunterladen und installieren mehrere 3rd-Party-Plugins und Addons.

WPForms ist auch eine bessere Option für diejenigen, die nur über ein geringes Budget verfügen, wie z. B. Privatpersonen oder kleine Unternehmen.

Lernen Sie als nächstes, wie man bedingte Logik verwendet

Bedingte Logik sorgt für eine gute Benutzererfahrung, indem sie den Befragten nur die Fragen anzeigt, die auf sie zutreffen. Finden Sie heraus, wie Sie bedingte Logik mit WPForms verwenden können, um Ihre Formulare und Umfragen auf die nächste Stufe zu bringen.

Und wenn Sie bei Ihren Formularen und Umfragen einen konversationelleren Ansatz verfolgen möchten, lesen Sie, wie Sie Umfragen erstellen können, bei denen eine Frage nach der anderen angezeigt wird.

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.

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.

Renee DeCoskey

Renee DeCoskey bloggt seit 2001 und benutzt WordPress seit 2007. Wenn sie nicht gerade über WordPress-Plug-ins schreibt, findet man sie mit einem Buch eingerollt oder bei Rotary.Mehr erfahren

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.

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.