Wie erstelle ich ein mehrspaltiges Formular in WordPress? (Einsteigerhandbuch 2022)

Veröffentlicht: 2022-07-11

Fragen Sie sich, wie Sie ein mehrspaltiges Formular in WordPress erstellen? Wenn ja, bietet dieser Artikel eine detaillierte Anleitung zum Hinzufügen mehrerer Spalten im WordPress-Formular.

Das Erstellen eines WordPress-Formulars mit der gewünschten Anzahl von Spalten kann etwas umständlich sein. Zunächst einmal bietet WordPress kein integriertes Formular für Ihre Website, und Sie müssen sich auf die Formularerstellungs-Plugins verlassen. Als nächstes können Sie Ihr Formular nicht mit jedem Formularerstellungs-Plugin nach Ihren Wünschen gestalten.

Aber was ist, wenn wir sagen, dass es keine große Sache ist. Ja, das Erstellen eines mehrspaltigen WordPress-Formulars ist kein großes Problem, wenn Sie das richtige Formularerstellungs-Plugin mit besseren Anpassungsoptionen auswählen können.

Lesen Sie also den Artikel bis zum Ende, um zu erfahren, wie Sie ein mehrspaltiges Formular auf einer WordPress-Site erstellen.

Inhaltsverzeichnis

Gründe für die Erstellung eines mehrspaltigen WordPress-Formulars

Ein Formular auf jeder Website spielt eine entscheidende Rolle bei der Umwandlung von Zielgruppen in regelmäßige Besucher oder Kunden. Und was noch wichtiger ist, das Formulardesign ist ein weiterer Faktor, der das Publikum dazu bringen kann, das Formular auszufüllen. Ein beeindruckendes und gut aussehendes Formular kann das Publikum dazu verleiten, das Formular auszufüllen und seine Beiträge einzureichen.

Unter vielen Designs des Formulars ist auch das Hinzufügen mehrerer Spalten einzigartig. Wenn Sie ein mehrspaltiges WordPress-Formular erstellen, kann dies die Zeit des Benutzers zum Ausfüllen des Formulars erheblich verkürzen; weil die Formularfelder nebeneinander angeordnet sind, was die Navigation erleichtert.

Als nächstes sieht das Design in vielen Fällen auch am besten aus, wenn Sie mehrere Spalten anstelle einer einzelnen Spalte verwenden.

Beispiel für ein mehrspaltiges Formular

Wenn Sie ein mehrspaltiges WordPress-Formular erstellen, ist es für Sie ebenso einfach, ähnliche Arten von Formularelementen zu gruppieren. Andererseits ergänzt das mehrspaltige WordPress-Formular auch die Website, die ein WordPress-Design mit mehrspaltiger Struktur verwendet.

Darüber hinaus reduziert das mehrspaltige Formular auch die Formularabbruchrate; Wenn das Formular lang ist, verlassen die Benutzer das Formular wahrscheinlich auf halbem Weg und kehren nie wieder zurück. Somit können Sie mit dem mehrspaltigen Formular alle erforderlichen Informationen von Benutzern sammeln, ohne Ihr Formular lang und komplex zu machen.

Abgesehen davon kann es mehrere Gründe geben, ein mehrspaltiges Formular in WordPress zu erstellen. Lassen Sie uns daher herausfinden, welches Form Builder-Plugin Ihnen beim Erstellen eines mehrspaltigen Formulars in WordPress helfen kann.


Wählen Sie das beste Form Builder-Plugin, das ein mehrspaltiges Formular unterstützt

Sie finden mehrere Formularerstellungs-Plugins, mit denen Sie ein mehrspaltiges Formular in WordPress erstellen können. Am wichtigsten ist jedoch, ob das von Ihnen gewählte Plugin flexibel anpassbar ist oder nicht.

Wenn Sie sich für ein Plugin wie Everest Forms entscheiden, können Sie das Formular ganz einfach mit mehreren Spalten anpassen. Auch Ihre Aufgabe, Formulare wie mehrstufige Formulare, PayPal-Zahlungsformulare, Umfrageformulare und vieles mehr zu erstellen, ist einfach. Egal, ob Sie einen nicht-technischen oder einen technischen Hintergrund haben, das Plugin ist für jeden benutzerfreundlich.

Everest Forms zum Erstellen eines mehrspaltigen Formulars in WordPress

Everest Forms bietet außerdem eine Vielzahl von Formularfeldern und zahlreiche Addons. Es hat sowohl die kostenlose als auch die Premium-Version, die Sie gemäß den Anforderungen Ihrer Website verwenden können.

Lassen Sie uns nach diesen Worten mit den Schritten zum Erstellen eines mehrspaltigen Formulars in WordPress mit Everest Forms beginnen.


Wie erstelle ich ein mehrspaltiges Formular in WordPress mit Everest Forms?

Schritt 1: Installieren und aktivieren Sie das Everest Forms-Plugin

Der erste und wichtigste Schritt ist die Installation des Plugins auf Ihrer Website. Melden Sie sich daher über die Anmelde-URL bei Ihrer WordPress-Site an und navigieren Sie zu Plugins >> Add New .

Navigieren Sie zu Plugins und dann zu Neu hinzufügen

Sie werden sofort auf die Seite weitergeleitet, auf der die vorgestellten Plugins angezeigt werden. Sie finden die Suchleiste auf derselben Seite; Verwenden Sie die Suchleiste und suchen Sie nach Everest Forms. Sobald Sie das Suchergebnis sehen, das Everest Forms anzeigt, klicken Sie auf die Schaltfläche Jetzt installieren des Plugins.

Suchen Sie nach dem Everest Forms-Plugin

Nach der Installation des Plugins zeigt es die Schaltfläche Aktivieren . Klicken Sie also auf die Schaltfläche, um das Plugin zu aktivieren.

Sie haben jetzt erfolgreich die kostenlose Version von Everest Forms installiert, die ausreicht, um ein einfaches mehrspaltiges Kontaktformular in WordPress zu erstellen. Wenn Sie andererseits andere Funktionen wie Formularanpassung, Formularbeschränkung usw. wünschen, können Sie auch die Premium-Version von Everest Forms kaufen.


Schritt 2: Erstellen Sie ein neues WordPress-Formular mit mehreren Spalten

Da Sie das Everest Forms-Plugin installiert haben, erstellen wir jetzt ein neues WordPress-Formular mit mehreren Spalten. Navigieren Sie dazu zu Everest Forms >> Add New .

Navigiere zu Everest Forms und füge Neu hinzu

Es zeigt mehrere Formularvorlagen an, die Sie sofort durch Importieren verwenden können. Außerdem können Sie diese Vorlagen importieren und das Formular weiter anpassen, um es auf Ihrer WordPress-Site zu verwenden.

Everest-Formularvorlagen

Aber in diesem Artikel erstellen wir ein Formular von Grund auf neu, also klicken Sie auf Start From Scratch .

Von vorne anfangen

Geben Sie dem Formular nun einen passenden Namen. Zum Beispiel haben wir es hier als mehrspaltiges Formular bezeichnet. Klicken Sie dann auf Weiter .

Benennen Sie das mehrspaltige Formular

Es leitet Sie dann zur neuen Schnittstelle zum Erstellen des Formulars weiter. Die Formularschnittstelle sieht in etwa so aus:

Formularschnittstelle So erstellen Sie ein mehrspaltiges Formular in WordPress

Um mehrere Spalten für das Formular zu erstellen, bewegen Sie den Mauszeiger über das Formularfeld im Formulareditor. Es zeigt ein Bearbeitungssymbol wie einen Stift; Klick es an.

Bearbeiten Sie das Symbol, um ein mehrspaltiges Formular in WordPress zu erstellen

Nachdem Sie auf das Symbol geklickt haben, wird die Zeileneinstellung angezeigt , in der Sie die Optionen für mehrere Spalten für die Zeile erhalten. Wählen Sie also die Spaltenoptionen für die Zeile nach Ihrer Wahl.

Spalteneinstellung für Zeile zum Erstellen eines mehrspaltigen Formulars in WordPress

Ziehen Sie nun die Formularfelder für jede Spalte von links nach rechts auf den Formulareditor.

Ziehen Sie Felder per Drag & Drop, um ein mehrspaltiges WordPress-Formular zu erstellen

Ebenso können Sie auf Zeile hinzufügen klicken, um dem Formular eine neue Zeile hinzuzufügen.

Neue Zeile hinzufügen

Um dem Formular in der neuen Zeile mehrere Spalten hinzuzufügen, wiederholen Sie die oben genannten Schritte und ziehen Sie die Formularfelder per Drag & Drop in jede Spalte der neuen Zeile.

Wenn Sie das Hinzufügen von Formularfeldern zu jeder Spalte Ihres Formulars abgeschlossen haben, klicken Sie auf die Schaltfläche Speichern um das Formular zu speichern.

Mehrspaltiges WordPress-Formular speichern

Schritt 3: Formulareinstellungen einrichten und konfigurieren

Da Sie bereits ein mehrspaltiges Formular auf Ihrer WordPress-Site erstellt haben, konfigurieren wir nun die Formulareinstellungen. Gehen Sie dazu oben in die Einstellungen .

Einstellungen für mehrspaltiges Formular

Es leitet Sie dann auf die neue Seite als General um. Von hier aus können Sie den Formularnamen ändern und dem Formular eine Beschreibung hinzufügen.

Allgemeine Einstellungen für mehrspaltige WordPress-Formulare

Gleichzeitig können Sie auch die Meldung „Formular deaktiviert“ hinzufügen, um den Benutzer darüber zu informieren, dass das Formular deaktiviert wurde. Außerdem können Sie die Nachricht „Erfolgreiche Formularübermittlung “ anpassen, um die Benutzer darüber zu informieren, dass ihr Formular eingegangen ist.

Formularnachrichten festlegen

Darüber hinaus können Sie den Benutzer nach dem Absenden des Formulars auch auf die Seite Ihres Interesses umleiten.

Um eine E-Mail einzurichten, gehen Sie außerdem zu Einstellungen >> E-Mail .

Gehen Sie zu E-Mail-Einstellungen

Um den Administrator zu benachrichtigen, wenn ein Benutzer das Formular absendet, wird die E-Mail an die E-Mail-Adresse des Administrators gesendet, die durch To Address angegeben ist. Sie können hier aber auch andere E-Mail-Adressen hinzufügen.

E-Mail-Adresseinstellungen

Absendername ist der gewünschte Name, der angezeigt wird, wenn die E-Mail an die Empfängeradresse gesendet wird. Sie können den Namen der Benutzer, die das Formular übermittelt haben, auch dynamisch abrufen, indem Sie die Smart Tags in diesem Feld verwenden.

In ähnlicher Weise ist die Absenderadresse die E-Mail- Adresse , von der die Formulare gesendet werden. Auch hier können Sie die Admin-E-Mail verwenden.

Darüber hinaus können Sie auch Reply To für die Referenz-E-Mail-Adresse festlegen, an die Sie antworten möchten. Darüber hinaus können Sie auch E- Mail - Betreff und E- Mail-Nachricht von derselben Seite hinzufügen.

Andere E-Mail-Einstellungen

Wenn Sie eine vom Benutzer hochgeladene Datei an die E-Mail senden möchten, können Sie unten die Option Datei als Anhang senden aktivieren . Auch hier können Sie bedingte Logik verwenden.

Obwohl wir Sie durch die Einrichtung der E-Mail-Einstellungen geführt haben, können Sie diese deaktivieren, indem Sie oben E-Mail deaktivieren, wenn Sie keine E-Mails für die Formularübermittlung erhalten möchten.

Deaktivieren Sie für E-Mail

Wenn Sie alles eingestellt haben, vergessen Sie bitte nicht, das Formular zu speichern, indem Sie auf die Schaltfläche Speichern klicken in der oberen rechten Ecke.


Schritt 4: Veröffentlichen Sie das Kontaktformular

Um das Kontaktformular mit mehreren Spalten zu veröffentlichen, gehen Sie zu der Seite oder dem Beitrag, wo Sie sich für die Veröffentlichung entschieden haben. Wenn Sie die Seite oder den Post Ihrer Wahl öffnen, sehen Sie oben links einen Block-Inserter mit einem [+] -Symbol; klicken Sie auf das Symbol.

Block-Inserter

Suchen Sie als Nächstes in der Suchleiste nach dem Block Everest Forms . Als Ergebnis wird Ihnen der Everest Forms-Block angezeigt. Klicken Sie also auf den Block, und der Block erscheint auf der Seite oder im Post-Editor auf der rechten Seite.

Suchen Sie nach Everest Forms Block Inserter

Verwenden Sie auf ähnliche Weise das Dropdown-Menü des Everest Forms-Blocks und wählen Sie das soeben erstellte WordPress-Formular mit mehreren Spalten aus. Dadurch wird das Formular zu Ihrer Seite oder Ihrem Beitrag hinzugefügt.

Wählen Sie Mehrspaltiges Formular

Nachdem Sie das Formular hinzugefügt haben, geben Sie Ihrem Formular einen geeigneten Titel. Wenn Sie eine Vorschau des Formulars anzeigen möchten, können Sie auf die Schaltfläche Vorschau klicken.

Vorschau des mehrspaltigen WordPress-Formulars

Wenn alles gut aussieht, können Sie das Kontaktformular mit mehreren Spalten veröffentlichen, indem Sie oben auf die Schaltfläche Veröffentlichen klicken.

Veröffentlichen Sie ein mehrspaltiges WordPress-Formular

Verpacken!

Nun, das war alles von uns zum Erstellen eines mehrspaltigen Formulars in WordPress. Wir sind zuversichtlich, dass Sie stressfrei sind, nachdem Sie wissen, wie man ein mehrspaltiges WordPress-Formular mit einem benutzerfreundlichen Formularerstellungs-Plugin, z. B. Everest Forms, erstellt.

Holen Sie sich daher für Ihre Website ein mehrspaltiges WordPress-Formular, indem Sie unserer Schritt-für-Schritt-Anleitung folgen. Wenn Sie bei einem Schritt verwirrt sind, kommentieren Sie bitte unten; Wir helfen Ihnen gerne weiter.

Sie können auch unsere vollständige Rezension zu Everest Forms oder anderen Vergleichsartikeln wie Contact Form 7 vs. Everest Forms, Everest Forms vs. WPForms und viele mehr auf unserer Blog-Seite lesen.

Folgen Sie uns schließlich auf Twitter und Facebook, wenn Sie über jeden neuen WordPress-relevanten Artikel von uns benachrichtigt werden möchten.