Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man die dynamische Feldbelegung in WordPress zum automatischen Ausfüllen von Formularen verwendet

Möchten Sie die dynamische Feldbelegung in WordPress nutzen, um Formulare auf Ihrer Website automatisch auszufüllen?

Mit der dynamischen Feldbelegung können Sie Formularfelder auf der Grundlage von Benutzerauswahl, Abfragezeichenfolgen oder Feldtyp automatisch ausfüllen. Dies macht Ihre Formulare intelligent, spart den Benutzern Zeit, bietet eine bessere Benutzererfahrung und verbessert letztendlich die Ausfüllrate.

In diesem Artikel zeigen wir Ihnen, wie Sie die dynamische Feldbelegung in WordPress nutzen können, um Formulare automatisch auszufüllen.

Automatically fill form fields in WordPress with Dynamic field population

Was ist die dynamische Feldbevölkerung?

Die dynamische Befüllung von Feldern ist eine Technik, die es Website-Besitzern ermöglicht, Formularfelder auf der Grundlage von Benutzerauswahl, Formulartyp, Abfragezeichenfolgen oder bedingter Logik automatisch zu füllen.

Ein eCommerce-Geschäft kann beispielsweise ein Formular erstellen, bei dem das Produktfeld im Formular dynamisch mit vorhandenen Produkten in WooCommerce oder einer anderen eCommerce-Software ausgefüllt wird.

In ähnlicher Weise kann eine Immobilien-Website automatisch Felder für Angebote, Makler und Immobilientypen in ihren Termin- und Lead-Generierungsformularen ausfüllen.

Fortgeschrittene Benutzer und Entwickler können auch URL-Parameter verwenden, um Formularfelder mit intelligenten Links aus E-Mail-Newslettern oder anderen Website-Interaktionen dynamisch auszufüllen.

Schauen wir uns nun an, wie man die dynamische Feldbelegung in WordPress einfach nutzen kann.

Verwendung der dynamischen Feldbelegung in WordPress

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

WPForms ist das beste WordPress-Kontaktformular-Plugin auf dem Markt. Es ermöglicht Ihnen die einfache Erstellung von Online-Formularen mit einem einfachen Drag-and-Drop-Tool.

Außerdem verfügt es über dynamische Feldbelegung, bedingte Logik und erweiterte Formularfelder. Mit diesen Funktionen können Sie intelligentere und interaktivere Formulare für Ihre Website erstellen.

Sie können unsere vollständige WPForms Überprüfung für weitere Details zu sehen.

Nach der Aktivierung des Plugins müssen Sie die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können diese Informationen unter Ihrem Konto auf der WPForms Website finden.

WPForms License key

Als nächstes müssen Sie WPForms “ Add New besuchen, um Ihr erstes Formular zu erstellen.

Sie werden aufgefordert, einen Namen für Ihr Formular anzugeben und dann eine Vorlage auszuwählen, mit der Sie beginnen möchten.

Es gibt zahlreiche Formularvorlagen, aus denen Sie wählen können. Für dieses Tutorial verwenden wir die Vorlage „Rechnungs-/Bestellformular“.

Select order form template

WPForms lädt Ihr Formular jetzt mit vorausgewählten Feldern. Sie können auf die Formularfelder klicken, um sie zu bearbeiten, oder die Drag-and-Drop-Funktion verwenden, um sie nach oben oder unten zu verschieben. Sie können auch Formularfelder mit nur einem Klick hinzufügen und entfernen.

Fügen wir ein neues Formularfeld hinzu, um es mit dynamischen Auswahlmöglichkeiten zu füllen.

Sie können Ihrem Formular ein Dropdown-, Multiple-Choice- oder ein Kontrollkästchenfeld hinzufügen, um dynamische Optionen zu verwenden. Klicken Sie einfach auf ein Feld in der linken Spalte und ziehen Sie es, um es zu Ihrem Formular hinzuzufügen.

Add form fields

Anschließend können Sie auf klicken, um die Formularfelder zu bearbeiten.

Wechseln Sie einfach zum Menü Erweitert in der linken Spalte.

Switch to advanced tab

Hier müssen Sie „Dynamische Auswahlen“ auswählen.

WPForms unterstützt Beitragstypen und Taxonomien, die auf Ihrer WordPress-Website registriert sind.

Für dieses Tutorial werden wir „Post Type“ als dynamische Auswahl und „Products“ als Quelle für den dynamischen Post Type auswählen.

Select dynamic choices

WPForms lädt jetzt automatisch die Felder und zeigt sie in der Formularvorschau an.

Um das Formular einzubetten, klicken Sie einfach auf die Schaltfläche „Einbetten“ am oberen Rand der Formularerstellung. Von hier aus können Sie eine bestehende Seite zum Einbetten des Formulars auswählen oder eine neue Seite erstellen.

Embed WPForms

Alternativ können Sie auch den WPForms-Block verwenden, um das Formular zu einem WordPress-Beitrag oder einer Seite hinzuzufügen. Bearbeiten Sie den Beitrag oder die Seite, zu der Sie das Formular hinzufügen möchten.

Sobald Sie sich im WordPress-Inhaltseditor befinden, fügen Sie den WPForms-Block zu Ihrem Beitragsbearbeitungsbereich hinzu. Wählen Sie dann einfach das Formular, das Sie zuvor erstellt haben, aus dem Dropdown-Menü aus.

Adding WPForms block in WordPress

Sie können nun Ihren Beitrag oder Ihre Seite speichern.

Besuchen Sie anschließend Ihre Website, um Ihr Formular mit dynamischen Feldwerten in Aktion zu sehen.

WPForm preview

Formularfelder mit URL-Parametern automatisch ausfüllen

WPForms ermöglicht es Ihnen auch, Formularfelder mit URL-Parametern dynamisch zu füllen. Diese Funktion ermöglicht es Ihnen, intelligente Links zu erstellen, die automatisch Informationen an das Formular weitergeben und es für Ihre Benutzer ausfüllen, um es abzuschicken.

Zunächst müssen Sie in WPForms ein neues Formular erstellen oder ein bestehendes bearbeiten. Sobald Sie Ihr Formular erstellt haben, wechseln Sie zum Tab „Einstellungen“ in der linken Spalte und wählen Sie dann den Tab „Allgemein“.

Auf diesem Bildschirm müssen Sie auf das Kästchen für die Option „Vorabausfüllen nach URL aktivieren“ klicken.

Enable prefill by URL option

Sie können nun Ihr Formular speichern und den Formularersteller verlassen. Ihr Formular ist nun bereit, Felder mithilfe von URL-Parametern dynamisch auszufüllen.

Links mit URL-Parametern erstellen

WPForms akzeptiert dynamische Formularfelder, die über URL-Parameter in einem bestimmten Format übergeben werden.

https://example.com/contact/?wpf15_1=value

Schauen wir uns das mal an.

  • Der Teil der URL vor dem Fragezeichen ‚?‘ ist die URL der Seite, die Ihr Formular enthält. Zum Beispiel die Seite Ihres Kontaktformulars.
  • ?wpf – Gibt den Beginn der WPForm-Formularfeldparameter an.
  • 15 – Ist die ID Ihres Formulars
  • _1 – Ist die Feld-ID
  • =Wert – = Gibt den Anfang des Wertes an, der an das Formular übergeben werden soll, gefolgt von dem eigentlichen Feldwert.

Hier ist ein Beispiel für eine URL, bei der wir einen Produkttitel als Textfeld an ein Feedback-Formular übergeben.

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
Adding URL to your post

Beachten Sie, dass wir %20 verwendet haben, um Leerzeichen zwischen den Wörtern des Produkttitels anzuzeigen.

Suche nach Formular- und Feld-IDs in WPForms

Um URL-Parameter erstellen zu können, müssen Sie die IDs der Formulare und Felder kennen. Hier erfahren Sie, wie Sie diese Werte finden können.

Bearbeiten Sie einfach Ihr Formular, und Sie werden die Formular-ID in der Adressleiste Ihres Browsers sehen.

Finding form ID in WPForms

Um die ID des Formularfeldes zu finden, müssen Sie einfach auf das Feld klicken, um es zu bearbeiten.

In der linken Spalte sehen Sie die Eigenschaften des Formularfeldes und oben die Feld-ID.

Finding the form field ID

Was aber, wenn Sie einen Wert an ein Unterfeld übergeben wollen?

Fügen Sie einfach den Teilfeldbezeichner nach der Feld-ID in Ihrer URL wie folgt ein:

https://example.com/contact/?wpf15_3_city=london

Weitere Details finden Sie in der WPForms-Entwicklerdokumentation, die weitere Beispiele für die Verwendung verschiedener Parameter für alle Arten von Formularfeldern enthält.

Sie können diese Funktion nun in Kombination mit Ihrer CRM-Software oder Ihrem E-Mail-Marketingdienst nutzen, um intelligente Formularlinks an Ihre Nutzer zu senden. Die meisten Marketingplattformen verfügen über ihre eigenen personalisierten MERGE-Tags, die Sie in die Smart-URL einfügen können, um automatisch persönliche Informationen in das Formular einzutragen.

Sie können die dynamische Feldbelegungsfunktion auch mit anderen Formular-Plugins wie Formidable Forms, Gravity Forms oder anderen verwenden. Wir empfehlen jedoch die Verwendung von WPForms, weil es den gesamten Prozess einfach macht, und wir kennen es gut, weil wir das Produkt entwickelt haben.

Weitere Details finden Sie in unserem Vergleich zwischen WPForms vs Formidable Forms vs Gravity Forms.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie die dynamische Feldbelegung in WordPress zum automatischen Ausfüllen von Formularen nutzen können. Vielleicht interessieren Sie sich auch für unseren Artikel über die Verfolgung und Reduzierung von Formularabbrüchen in WordPress und unsere Expertenauswahl der besten Live-Chat-Software für kleine Unternehmen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

2 KommentareEine Antwort hinterlassen

  1. David R

    Hi, Great article!

    I was wondering if this will work with a QR code. In other words, can I create a QRcode from this URL with all form field parameters, and when scanned, will it direct the user to the page and fill in all fields?

    Thank you.

    • WPBeginner Support

      As long as it keeps the URL parameters it should work :)

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.