So verwenden Sie die dynamische Feldpopulation in WordPress, um Formulare automatisch auszufüllen

Wir haben das schon oft erlebt: Jemand beginnt, ein Formular auf Ihrer WordPress-Website auszufüllen, bricht es aber auf halbem Weg ab. Vielleicht fragt das Formular nach Details, die sie bereits angegeben haben, oder vielleicht fühlt es sich einfach zu lang an.

Hier kann die dynamische Feldpopulation helfen. Sie ermöglicht es Ihnen, Formularfelder automatisch mit Informationen zu füllen, die Sie bereits über Ihre Besucher wissen, wie z. B. deren Namen aus einem Benutzerprofil oder Details, die über eine URL übergeben werden.

Nach dem Testen mehrerer Plugins hat sich WPForms als die effektivste Option herausgestellt. Wir bei WPBeginner sind große Fans davon, da es das Erstellen intelligenter, benutzerfreundlicher Formulare unglaublich einfach macht.

Wenn Sie reibungslosere Formulare erstellen möchten, die die Leute tatsächlich ausfüllen, sind Sie hier genau richtig.

In dieser Anleitung führen wir Sie durch die Einrichtung der dynamischen Feldübernahme in WordPress mit WPForms. Auf diese Weise können Sie die Benutzererfahrung verbessern und gleichzeitig die benötigten Daten sammeln.

Was ist dynamische Feldpopulation?

Dynamische Feldpopulation ist eine Technik, die es Website-Betreibern ermöglicht, Formularfelder automatisch basierend auf Benutzerauswahl, Formularart, Abfragezeichenfolgen oder bedingter Logik auszufüllen.

Zum Beispiel kann ein E-Commerce-Shop ein Formular erstellen, bei dem das Produktfeld im Formular dynamisch mit vorhandenen Produkten in WooCommerce oder einer anderen E-Commerce-Software gefüllt wird.

Ähnlich kann eine Immobilien-Website automatisch Angebote, Makler und Immobilientyp-Felder in ihren Termin- und Lead-Generierungsformularen befüllen.

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

In diesem Sinne zeigen wir Ihnen, wie Sie die dynamische Feldpopulation in WordPress einfach nutzen können. Hier ist eine kurze Übersicht über alle Schritte, die wir in diesem Leitfaden behandeln werden:

• Methode 1. Formular-Dateien automatisch ausfüllen mit dynamischer Feld-Befüllung
• Methode 2. Formularfelder automatisch mit URL-Parametern ausfüllen
• Bonustipp: Autovervollständigung für Adressfelder hinzufügen
• FAQ: Dynamische Feldpopulation in WordPress zum automatischen Ausfüllen von Formularen
• Weitere Anleitungen zur Verbesserung von WordPress-Formularen

Lass uns anfangen!

Methode 1. Formular-Dateien automatisch ausfüllen mit dynamischer Feld-Befüllung

Zuerst müssen Sie das WPForms Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

WPForms ist das beste WordPress-Kontaktformular-Plugin auf dem Markt. Es ermöglicht Ihnen, mit einem einfachen Drag-and-Drop-Tool ganz einfach Online-Formulare zu erstellen.

Es verfügt außerdem über dynamische Feldpopulation, bedingte Logik und erweiterte Formularfelder. Zusammen ermöglichen diese Funktionen, dass Sie intelligentere und interaktivere Formulare auf Ihrer Website erstellen können.

Bei WPBeginner verwenden wir WPForms zum Erstellen unseres Kontaktformulars. Wir haben damit sehr gute Erfahrungen gemacht, und Sie können unseren vollständigen WPForms-Testbericht für weitere Informationen lesen.

Nach der Aktivierung des Plugins müssen Sie die Seite WPForms » Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Diese Informationen finden Sie in Ihrem Konto auf der WPForms-Website.

Als Nächstes müssen Sie WPForms » Neu hinzufügen besuchen, um Ihr erstes Formular zu erstellen.

Sie werden aufgefordert, einen Namen für Ihr Formular anzugeben und dann auszuwählen, wie Sie Ihr Formular erstellen möchten.

Mit WPForms können Sie mit einer leeren Leinwand beginnen, den KI-Formularersteller verwenden oder eine vorgefertigte Vorlage auswählen. Wenn Sie WPForms AI verwenden möchten, müssen Sie lediglich eine Eingabeaufforderung schreiben, und das Tool generiert das Formular für Sie.

Für dieses Tutorial verwenden wir jedoch eine Vorlage.

WPForms bietet mehr als 2.000 Vorlagen zur Auswahl. Um die Auswahl einzugrenzen, können Sie die Suchleiste verwenden und „order“ eingeben.

Sobald Sie die gewünschte Vorlage gefunden haben, fahren Sie einfach mit der Maus darüber und klicken Sie auf „Vorlage verwenden“. Wir verwenden zum Beispiel die Vorlage „Rechnungs-/Bestellformular“.

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

Fügen wir nun ein neues Formularfeld hinzu, das wir mit dynamischen Auswahlmöglichkeiten befüllen.

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

Klicken Sie als Nächstes, um die Formularfelder zu bearbeiten.

Wechseln Sie einfach im linken Menü zum Menü „Erweitert“.

Von hier aus müssen Sie 'Dynamische Auswahlmöglichkeiten' auswählen.

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

Für dieses Tutorial wählen wir „Post Type“ als „Dynamische Auswahlmöglichkeiten“ und „Produkte“ als „Dynamische Post-Type-Quelle“.

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

Um das Formular einzubetten, klicken Sie einfach auf die Schaltfläche „Einbetten“ oben im Formular-Builder. Von hier aus können Sie eine vorhandene Seite auswählen, um das Formular einzubetten, oder eine neue Seite erstellen.

Alternativ können Sie 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-Content-Editor befinden, können Sie den WPForms-Block zu Ihrem Beitragsbearbeitungsbereich hinzufügen. Wählen Sie danach einfach das zuvor erstellte Formular aus dem Dropdown-Menü aus.

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

Als Nächstes möchten Sie vielleicht Ihre Website besuchen, um Ihr Formular mit dynamischen Feldwerten in Aktion zu sehen.

Methode 2. Formularfelder automatisch mit URL-Parametern ausfüllen

WPForms ermöglicht es Ihnen auch, Formularfelder dynamisch mithilfe von URL-Parametern zu füllen. Diese Funktion ermöglicht es Ihnen, intelligente Links zu erstellen, die Informationen automatisch an das Formular übergeben und es für Ihre Benutzer zum Absenden ausfüllen.

Zuerst müssen Sie ein neues Formular erstellen oder ein vorhandenes in WPForms bearbeiten. Sobald Sie mit der Erstellung Ihres Formulars fertig sind, wechseln Sie zum Tab „Einstellungen“ in der linken Spalte und wählen Sie dann den Tab „Allgemein“ aus.

Auf diesem Bildschirm müssen Sie den Schalter für die Option „Vorausfüllen per URL aktivieren“ umlegen.

Sie können Ihr Formular nun speichern und den Formular-Builder verlassen. Ihr Formular ist nun bereit, Felder dynamisch mit URL-Parametern zu befüllen.

Links mit URL-Parametern erstellen

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

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

Lassen Sie es uns aufschlüsseln.

• Der Teil der URL vor dem Fragezeichen „?“ ist die URL der Seite, auf der sich Ihr Formular befindet. Zum Beispiel Ihre Kontaktformularseite.
• ?wpf – Zeigt den Beginn der WPForm-Formularfeld-Parameter an.
• 15 – Ist die ID Ihres Formulars
• _1 – Ist die Feld-ID
• =Wert – = Zeigt den Beginn des Werts an, den Sie an das Formular übergeben möchten, gefolgt vom 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 

Hier beachten Sie, wie wir %20 verwendet haben, um Leerzeichen zwischen Wörtern im Produkttitel anzuzeigen.

Formular- und Feld-IDs in WPForms finden

Um URL-Parameter zu erstellen, müssen Sie die Formular- und Feld-IDs kennen.

Um diese Werte zu finden, bearbeiten Sie einfach Ihr Formular, und Sie sehen die Formular-ID in der Adressleiste Ihres Browsers.

Ebenso müssen Sie, um die ID eines Formularfelds zu finden, nur darauf klicken, um es zu bearbeiten.

Sie sehen die Eigenschaften der Formularfelder in der linken Spalte, zusammen mit der Feld-ID oben.

Was ist, wenn Sie nun einen Wert an ein Unterfeld übergeben möchten?

Fügen Sie einfach den Unterfeld-Identifikator nach der Feld-ID in Ihrer URL hinzu, wie folgt:

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 zeigt.

Sie können diese Funktion jetzt in Kombination mit Ihrer CRM-Software oder Ihrem E-Mail-Marketing-Dienst verwenden, um intelligente Formularlinks an Ihre Benutzer zu senden. Die meisten Marketingplattformen verfügen über eigene personalisierte MERGE-Tags, die Sie in die intelligente URL einfügen können, um persönliche Informationen automatisch in das Formular einzufügen.

Bonustipp: Autovervollständigung für Adressfelder hinzufügen

Eine weitere Möglichkeit, Ihre Formulare zu verbessern, ist das Hinzufügen von Autovervollständigungs-Adressfeldern in WordPress. Diese Funktion macht es für Benutzer schneller und einfacher, ihre Adressen einzugeben und reduziert gleichzeitig Fehler.

Zum Beispiel kann in einem Online-Shop die Autovervollständigung den Checkout beschleunigen.

Wenn Kunden mit der Eingabe ihrer Adresse beginnen, erscheinen Vorschläge, die auf ihrem aktuellen Standort basieren. Diese Vorschläge werden oft von der Google Places und Google Maps API unterstützt.

Indem Sie den Käufern den Checkout erleichtern, können Sie den Umsatz steigern und wiederkehrende Kunden gewinnen.

Um mehr zu erfahren, lesen Sie unseren Leitfaden zur Einrichtung der Autovervollständigung für Adressfelder in WordPress.

FAQ: Dynamische Feldpopulation in WordPress zum automatischen Ausfüllen von Formularen

Jetzt, da Sie wissen, wie Sie die dynamische Feldpopulation in WordPress einrichten, gehen wir einige häufig gestellte Fragen von Benutzern durch, wie sie funktioniert.

Was ist dynamische Feld-Befüllung?

Die dynamische Feldpopulation ist der Prozess des automatischen Ausfüllens von Formularfeldern mit Informationen, die Sie bereits über Ihre Benutzer haben. Dies können Daten aus ihrem Benutzerprofil oder Details sein, die über eine URL übergeben werden.

Es optimiert das Ausfüllen von Formularen, macht es schneller, benutzerfreundlicher und hilft dabei, Formularabbrüche zu reduzieren.

Wie sicher ist die Verwendung von URL-Parametern für die dynamische Feld-Befüllung?

Die Verwendung von URL-Parametern ist im Allgemeinen sicher, solange Ihre Website über HTTPS läuft, was die Daten während der Übertragung verschlüsselt.

Dennoch sollten Sie Ihre WordPress-Website und Formular-Plugins immer auf dem neuesten Stand halten und grundlegende Sicherheitspraktiken befolgen, um sensible Informationen zu schützen.

Kann ich die dynamische Feldübernahme mit jedem Formular-Plugin verwenden?

Viele Premium-Formular-Plugins unterstützen die dynamische Feldübernahme, einschließlich WPForms, das wir aufgrund seiner Benutzerfreundlichkeit und Flexibilität empfehlen.

Stellen Sie nur sicher, dass Sie die Kompatibilität und Konfigurationseinstellungen Ihres spezifischen Plugins überprüfen. WPForms, das wir empfehlen, bietet umfangreichen Support und Dokumentation zur Implementierung dieser Funktion.

Was sind die Vorteile der dynamischen Feldpopulation?

Diese Funktion verbessert die Benutzererfahrung, indem sie Zeit spart und repetitive Eingaben minimiert. Infolgedessen werden Benutzer Ihre Formulare eher ausfüllen, was zu höheren Konversionsraten führen kann. Sie ist besonders nützlich für E-Commerce-Checkout-Seiten, Lead-Erfassungsformulare und Benutzerregistrierungen.

Weitere Anleitungen zur Verbesserung von WordPress-Formularen

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie die dynamische Feldpopulation in WordPress verwenden, um Formulare automatisch auszufüllen. Möglicherweise möchten Sie auch unsere Anleitungen zu folgenden Themen sehen:

• Beste Online-Formularersteller
• So gestalten und passen Sie Ihre WordPress-Formulare an
• Wie man AMP-Formulare in WordPress erstellt
• So erstellen Sie mehrsprachige Formulare in WordPress
• So erstellen Sie konversationelle Formulare in WordPress
• So verfolgen Sie die User Journey auf WordPress Lead-Formularen
• Tipps zur Erstellung interaktiverer Formulare in WordPress und zur Steigerung der Konversionen
• Der ultimative Leitfaden zur Verwendung von WordPress-Formularen

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.