Wie man das Repeater-Feld in WPForms verwendet [Quick & Easy]

Sie fragen sich, wie Sie ein Wiederholfeld in Ihr Formular einfügen können, um mehr Daten für jede Übermittlung zu erfassen?

Wiederholungsfelder in Formularen ermöglichen den Benutzern die Eingabe mehrerer ähnlicher Datensätze und machen die Formulare intuitiver und benutzerfreundlicher.

In diesem Artikel zeige ich Ihnen den einfachsten Weg, ein Repeater-Feld für WPForms zu entwerfen, um die Funktionalität Ihrer Website und die Benutzerfreundlichkeit zu verbessern.

Formulare mit wiederholbaren Feldern erstellen 🔁.

Wie man ein Formular mit einem Wiederholungsfeld in WordPress erstellt

Folgen Sie diesen Schritten, um ein Formular mit Wiederholfeldern für Ihre WordPress-Website zu erstellen:

Schritt 1: WPForms Pro installieren

WPForms bietet eine super intuitive und mühelose Lösung zum Erstellen von Wiederholfeldern. Um zu beginnen, benötigen Sie eine WPForms Pro-Lizenz.

Nach dem Erwerb von WPForms Pro, gehen Sie vor und installieren Sie das Plugin auf Ihrer Website. Wenn Sie nicht vertraut sind mit Plugin-Installation, schauen Sie sich diese Anleitung zur Installation von WPForms.

Sobald WPForms Pro installiert und bereit ist, können Sie Formulare mit Wiederholfeldern erstellen und auf eine Vielzahl von nützlichen Funktionen und Addons wie Geolocation, Google Sheets und mehr zugreifen.

Sind Sie bereit? Fahren Sie mit dem nächsten Schritt fort, um mit der Erstellung eines Formulars mit Wiederholfeldern zu beginnen.

Jetzt auf WPForms Pro aktualisieren 🐻

Schritt 2: Ein neues Formular erstellen

Bewegen Sie in Ihrem WordPress-Dashboard den Mauszeiger über das Menü der WPForms-Seitenleiste und klicken Sie auf Neu hinzufügen.

Jetzt müssen Sie Ihrem Formular einen Namen geben und entweder eine Vorlage auswählen oder Ihr Formular von Grund auf neu erstellen. WPForms kommt mit mehr als 2.000 Formularvorlagen, mit denen Sie jede Art von Formular in WordPress erstellen können.

Um die Arbeit mit Repeater-Feldern in WPForms zu veranschaulichen, beginne ich mit dem Blank-Formular und baue es von Grund auf neu auf.

In nur wenigen Sekunden wird der Bildschirm für die Formularerstellung geladen, in dem Sie Ihr benutzerdefiniertes Formular mit Hilfe von Drag-and-Drop-Steuerelementen erstellen können. Der Einfachheit halber wollen wir ein Formular mit nur drei Feldern erstellen: Name, E-Mail und Telefon.

Wenn diese Felder jedoch wiederholbar sein sollen, müssen wir als erstes das Feld "Wiederholer" einfügen, indem wir es aus dem Feld auf der linken Seite nach rechts ziehen.

Nachdem Sie das Repeater-Feld eingefügt haben, klicken Sie es an, um die Feldoptionen auf der linken Seite zu öffnen.

Ich werde die Einstellung Display auf Standard belassen, da dies für mein Szenario sehr gut funktioniert.

Für mein Setup benötige ich jedoch ein dreispaltiges Layout. Sie können das für Sie passende Layout auswählen, indem Sie einfach eine der 9 Layout-Voreinstellungen für den Repeater wählen.

Wenn Sie das Layout auswählen, sehen Sie, dass sich die Vorschau auf der rechten Seite sofort ändert und Drop-Zones in Spalten angezeigt werden. Dies sind die Bereiche, in die Sie andere Felder einfügen können, die Sie wiederholbar machen möchten.

Aber zuerst sollten wir das Feld "Wiederholer" umbenennen, wenn wir schon dabei sind. Das können Sie tun, indem Sie die Bezeichnung in den Feldoptionen bearbeiten.

Als Nächstes müssen Sie die Felder in die Drop-Zones der Wiederholfelder einfügen. Nachdem Sie die Felder Name, E-Mail und Telefon nacheinander in die Drop-Zones der Wiederholfelder gezogen haben, sieht das Formular folgendermaßen aus:

Vielleicht haben Sie bemerkt, dass hier etwas nicht stimmt. Und Sie haben Recht. Das Feld "Name" ist in zwei Zeilen aufgeteilt, was im aktuellen visuellen Kontext nicht schön aussieht.

Aber das ist leicht zu beheben. Im nächsten Schritt werde ich einige der Einstellungen und das Erscheinungsbild anpassen t

Schritt 3: Anpassen des Repeater-Feldes

Da ich möchte, dass alle Felder in meinem Repeater-Abschnitt in einer einzigen Zeile erscheinen, ändere ich das Format des Feldes Name so, dass es mit den anderen Feldern übereinstimmt.

Klicken Sie dazu auf das Feld Name, um die Feldoptionen zu öffnen, wo Sie auf der linken Seite das Dropdown-Menü Format finden. Klicken Sie auf das Dropdown-Menü Format und wählen Sie Einfach.

Sie werden feststellen, dass das Feld Name auf ein einziges Feld reduziert wurde, damit es mit den anderen Feldern übereinstimmt.

Jetzt ist das Repeater-Feld fertig. Bevor wir jedoch mit der Veröffentlichung des Formulars fortfahren, möchten wir noch einige zusätzliche Einstellungen für das Repeater-Feld vornehmen, die Sie vielleicht überprüfen möchten.

(Optional) Zusätzliche Repeater-Feldeinstellungen

Klicken Sie auf das Feld Repeater, um die Feldoptionen erneut zu öffnen.

Wenn Sie auf der linken Seite nach unten scrollen, sehen Sie Optionen, mit denen Sie die minimale und maximale Zeitspanne festlegen können, in der das Wiederholerfeld vom Besucher dupliziert werden kann. Geben Sie einfach die Zahlen ein, um Ihre Grenzen bequem festzulegen.

Als Nächstes blättern wir wieder nach oben in das Feld Optionen. Klicken Sie dieses Mal unter den Anzeigeoptionen auf Blöcke.

Wenn Sie das Repeater-Feld im Modus "Blöcke" verwenden, erhalten Sie zusätzliche Einstellungen. Zum Beispiel können Sie auch die Schaltflächen "Hinzufügen" und "Entfernen" anpassen, mit denen Besucher das Feld duplizieren oder eine Kopie davon entfernen können.

Sie können zwischen verschiedenen Schaltflächentypen wählen und die Schaltflächenbeschriftungen bearbeiten.

Außerdem können Sie im Modus "Blöcke" eine Gruppe von Feldern in mehreren Zeilen hinzufügen. Im Modus "Zeilen" können Sie nur Felder in einer einzigen Zeile hinzufügen.

Für einfache Anforderungen, wie das Formular, das ich in diesem Lernprogramm erstelle, sind Zeilen völlig ausreichend. Die Option "Blöcke" gibt Ihnen jedoch mehr Kontrolle für fortgeschrittene Anwendungsfälle, in denen Sie eine größere Gruppe von Feldern wiederholbar machen müssen.

Wenn Sie mit den Änderungen fertig sind, klicken Sie auf die Schaltfläche Speichern.

Gute Arbeit! Sie sind fast bereit, das Formular zu veröffentlichen.

Schritt 4: Veröffentlichen Sie Ihr Formular mit Wiederholfeldern

WPForms macht es einfach, Ihre Formulare einzubetten und mit dem Sammeln von Einsendungen zu beginnen. Sie können den Einbettungsprozess beginnen, indem Sie auf die Schaltfläche Einbetten am oberen Rand des Formularerstellers klicken.

Daraufhin erscheint ein Fenster, in dem Sie die Einbettungsmethode auswählen können. Wählen wir " Neue Seite erstellen".

Geben Sie dann einen Namen für Ihr Formular ein und klicken Sie auf Los geht's.

Danach wird der WordPress-Block-Editor geöffnet. Das Formular, das Sie gerade mit dem Repeater-Feld erstellt haben, sollte hier bereits eingebettet sein.

Jetzt wäre der perfekte Zeitpunkt, um Ihr Formular mit dem Block-Editor zu gestalten. Insbesondere können Sie versuchen, Ihrem Formular ein Thema hinzuzufügen, um ihm ein modernes Aussehen zu verleihen.

Sie können ein Thema auswählen, indem Sie auf eine beliebige Stelle des Formulars klicken, um die Blockoptionen auf der rechten Seite zu öffnen. Scrollen Sie nach unten zum Abschnitt Themen und wählen Sie eines aus.

Ihr Formular sieht jetzt sehr hübsch und beeindruckend aus. Wenn Sie fertig sind, können Sie es veröffentlichen. Klicken Sie einfach auf die Schaltfläche Veröffentlichen am oberen Rand.

Wenn Sie die Veröffentlichung des Formulars abgeschlossen haben, müssen Sie nur noch das eingebettete Formular testen, um sicherzustellen, dass es auf dem Frontend wie erwartet funktioniert.

Hier ist eine kurze Demo, in der ich das Formular ausprobiere und prüfe, ob alles mit der Funktionalität des Repeater-Feldes in Ordnung ist, indem ich einen Testeintrag absende:

Und alles funktioniert genau wie erwartet 🙂 .

Da haben Sie es also. Mit dem Repeater-Feld können Sie jetzt ganz einfach dynamische Formulare erstellen, die der Benutzer steuern kann. Das ist der Schlüssel zur Steigerung der Nutzerbindung und -zufriedenheit, die für die Erfassung von Formularübermittlungen in großem Umfang erforderlich sind.

Ein Formular mit einem Wiederholfeld erstellen

Sehen Sie sich auch diesen Leitfaden an, um zu erfahren, ob Sie das WPForms Repeater-Feld oder das Layout-Feld mit bedingter Logik verwenden sollten, um Ihr Formular weiter zu optimieren.

Weitere Fragen zu WPForms' Repeater Field

Die Erstellung von Formularen für Wiederholfelder ist ein beliebtes Thema bei unseren Lesern. Hier finden Sie einige kurze Antworten auf die am häufigsten gestellten Fragen:

Was ist ein Repeaterfeld?

Ein Wiederholfeld ist ein vielseitiges Werkzeug, mit dem Benutzer dynamisch mehrere Sätze identischer Felder in ein Formular einfügen können. Stellen Sie es sich als eine "Kopier"-Schaltfläche für eine Gruppe von Feldern vor. Es erhöht die Flexibilität bei der Eingabe von wiederholbaren Daten, z. B. bei Mehrfachregistrierungen.

Warum das WPForms-Wiederholfeld wählen?

Das Schöne am WPForms-Repeater-Feld ist, dass es die Datenerfassung für Sie und Ihre Besucher erleichtert.

• Benutzerorientiertes Design: Durch die Einführung von Wiederholfeldern geben Sie den Benutzern die Möglichkeit, den Umfang ihrer Eingaben zu bestimmen. Dies ist ein subtiler Hinweis auf die Autonomie der Benutzer und verbessert das gesamte Benutzererlebnis.
• Flexibilität bei der Formulargestaltung: Nicht jedes Formular ist eine Einheitsgröße. Mit Wiederholfeldern können Sie verschiedene Szenarien abdecken - sei es ein einzelner Eintrag oder mehrere Einträge - und sicherstellen, dass sich Ihr Formular an unterschiedliche Anforderungen anpasst.
• Konsistente Datenstrukturierung: Eine der Herausforderungen bei mehreren Feldern sind inkonsistente Daten. Mit Wiederholfeldern bleiben die Daten strukturiert und einheitlich, was die Backend-Verarbeitung und -Analyse vereinfacht.
• Geringere Formularlänge: Anstelle eines langen, einschüchternden Formulars mit zahlreichen Feldern sorgen Wiederholfelder für ein übersichtlicheres Erscheinungsbild und stellen sicher, dass die Benutzer nicht auf den ersten Blick überwältigt werden.

Egal, ob Sie ein Unternehmer sind, der eine bessere Kundenanbindung anstrebt, oder ein Blogger, der auf eine effiziente Datenerfassung Wert legt, das WPForms-Wiederholfeld ist von unschätzbarem Wert.

Als nächstes erfahren Sie, wie Sie ein Akkordeonformular in WordPress erstellen.

Suchen Sie nach einer einfachen Möglichkeit, Ihre WordPress-Website mit einem Akkordeon-Formular auszustatten? Schauen Sie sich unseren Beitrag über die einfachste Methode zur Erstellung eines Akkordeon-Formulars mit WPForms an, um die Benutzerfreundlichkeit und das Benutzererlebnis Ihrer Website zu verbessern.

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.