Felder in WordPress-Formularen automatisch ausfüllen

Felder in WordPress-Formularen automatisch befüllen

Möchten Sie Felder in Ihren WordPress-Formularen automatisch befüllen? Sie können Informationen wie Beitragstypen oder Produkte automatisch verwenden, um die Optionen in Formularfeldern zu erstellen.

Dies erleichtert das Ausfüllen von Formularen und kann auch viel Zeit beim Erstellen sparen.

WPForms erleichtert das automatische Ausfüllen von Formularfeldern mithilfe dynamischer Feldoptionen. In diesem Artikel zeigen wir Ihnen, wie Sie es einrichten.

Erstellen Sie jetzt Ihr WordPress-Formular

Felder in WordPress-Formularen automatisch befüllen

In diesem Tutorial zeige ich Ihnen, wie Sie WooCommerce-Produkte in einem Kontaktformular automatisch befüllen.

Schritt 1: Installieren Sie das WPForms-Plugin

Installieren und aktivieren Sie zuerst das WPForms-Plugin. Hier ist eine Schritt-für-Schritt-Anleitung, wie man ein WordPress-Plugin installiert, falls Sie Hilfe benötigen.

Nun fügen Sie ein neues Formular hinzu. Gehen Sie zuerst zu WPForms » Neu hinzufügen.

Neues Formular mit automatisch ausgefüllten Feldern hinzufügen

Klicken Sie als Nächstes auf die Vorlage für einfache Kontaktformulare, um zu beginnen.

Einfache Kontaktformular-Vorlage verwenden

Sie sehen den Formular-Builder, der sich in einem Vollbildfenster öffnet. Das einfache Kontaktformular enthält bereits Felder für:

  • Name
  • E-Mail
  • Kommentar oder Nachricht

Ziehen Sie nun ein Dropdown-Feld und fügen Sie automatisch befüllte Antwortoptionen hinzu.

Klicken Sie auf das Dropdown-Feld und ziehen Sie es in die Formularvorschau auf der rechten Seite.

Dynamische Feldoptionen mit einem Dropdown hinzufügen

Klicken Sie als Nächstes einmal auf Ihr Dropdown, um die Einstellungen auf der linken Seite zu öffnen. Bearbeiten Sie hier die Beschriftung, um den Inhalt des Dropdowns zu beschreiben.

Dropdown-Label im Feld für dynamische Optionen ändern

Scrollen Sie nun ein wenig nach unten und erweitern Sie Erweiterte Optionen. Sie werden hier 2 Einstellungen auswählen, um das Ausfüllen des Formulars zu erleichtern:

  • Stil – Ich wähle das moderne Dropdown, da es Besuchern ermöglicht, die Liste zu durchsuchen. Dies ist eine großartige Möglichkeit, ein sehr langes Dropdown viel einfacher nutzbar zu machen. Wenn Sie möchten, können Sie ganz einfach ein Mehrfachauswahl-Dropdown erstellen, damit Ihre Besucher mehr als eine Antwort auswählen können.
  • Platzhalter – Es ist immer eine gute Idee, einen Platzhalter für ein Feld festzulegen. Ein Platzhalter sieht aus wie eine Standardauswahl, aber der Besucher kann ihn nicht auswählen. Dies ist eine großartige Möglichkeit, sicherzustellen, dass die Auswahl nicht auf die erste Antwort in der Liste voreingestellt wird.
Stil- und Platzhalter-Einstellungen für automatisch ausgefüllte Felder

Nun sind Sie bereit, eine dynamische Feldoption zu unserem neuen Dropdown hinzuzufügen,

Schritt 2: Richten Sie Ihr automatisch befülltes Feld ein

Nun richten Sie die Optionen ein, die in der Dropdown-Liste angezeigt werden.

Mit dynamischen Feldoptionen müssen Sie sich keine Sorgen machen, alle Antworten einzugeben. WPForms holt alle Optionen für Sie.

Wenn Sie Erweiterte Optionen für Ihr Dropdown erweitern, sehen Sie 2 Auswahlmöglichkeiten:

  • Beitragstyp
  • Taxonomie
Dynamische Optionen im automatisch ausgefüllten Feld

Beitragstyp ermöglicht es Ihnen, das Feld aus einer dynamischen Beitragstyp-Quelle automatisch zu befüllen. In einem WooCommerce-Shop könnten die Optionen in der zweiten Dropdown-Liste hier wie folgt aussehen:

  • Beitrag – Eine Liste aller Blogbeiträge auf Ihrer Website.
  • Seiten – Listet alle Seiten auf Ihrer Website auf.
  • Produkte – Eine Liste aller Produkte in Ihrem Shop.

Dies sind alles Beitragstypen. Sie können benutzerdefinierte Beitragstypen verwenden, wenn Sie welche eingerichtet haben.

Zum Beispiel haben Sie hier ein paar andere Optionen zur Auswahl, da wir 2 zusätzliche benutzerdefinierte Beitragstypen eingerichtet haben:

Felder mit Post-Typ-Optionen automatisch ausfüllen

Sehen wir uns die andere Option an, die Sie zum automatischen Ausfüllen Ihrer Formularfelder verwenden können.

Wenn Sie die zweite Option im Dropdown-Menü, Taxonomien, auswählen, sehen Sie ein zweites Dropdown-Menü namens Dynamische Taxonomiequelle.

Die Auswahlmöglichkeiten im zweiten Dropdown-Menü umfassen Optionen wie:

  • Tags – Alle Tags, die Ihren Blogbeiträgen zugeordnet sind.
  • Kategorien – Die Kategorien, die Ihren Blogbeiträgen zugeordnet sind.
  • Produktkategorien – Kategorien, die Ihren E-Commerce-Produkten zugeordnet sind.
  • Produkt-Tags – Tags, die Sie Ihren Produkten hinzugefügt haben.
  • Produkttyp – Produkttypen oder Varianten.

Auch hier wird Ihr Shop mit ziemlicher Sicherheit mehr Optionen zur Auswahl haben.

In diesem Beispiel hat der Shopbesitzer ein Plugin hinzugefügt, um Produkte nach Marke zu gruppieren. Deshalb haben wir auch eine Marken-Taxonomie, um unser Feld automatisch zu befüllen.

Felder mit dynamischen Taxonomie-Optionen automatisch ausfüllen

Für dieses Tutorial wähle ich Beitragstyp und dann Produkte. Dies listet alle Produkte in unserem Shop auf.

Manchmal können automatisch ausgefüllte Felder viele Auswahlmöglichkeiten haben. Wenn Sie Elemente aus dem Dropdown-Menü ausschließen möchten, lesen Sie unsere Anleitung zum Ausschließen von Elementen aus automatisch ausgefüllten Feldern.

Schließlich möchten Sie die allgemeinen Einstellungen Ihres Formulars überprüfen. Lesen Sie unsere Anleitungen zu:

Klicken Sie auf Speichern, um Ihr Formular zu speichern.

Schritt 3: Veröffentlichen Sie Ihr Formular

Sie können Ihr Formular auf verschiedene Arten veröffentlichen: in einem Beitrag, auf einer Seite oder in der Seitenleiste. Sie können dafür einen Shortcode verwenden, aber ich empfehle stattdessen die Einbettungsoption.

Klicken Sie zuerst auf Einbetten oben im Formular-Builder.

Bett dein Formular mit dynamischen Auswahlmöglichkeiten ein

Klicken Sie dann auf Neue Seite erstellen.

Neue Seite für Formular mit automatisch ausgefüllten Feldern erstellen

Geben Sie einen Namen für Ihre Seite ein und klicken Sie auf Los geht's.

Erstelle eine Seite für dein Formular mit automatisch ausgefüllten Feldern

Wenn hier alles in Ordnung aussieht, klicken Sie einfach auf Veröffentlichen, um live zu gehen.

Formular mit dynamischen Feldoptionen veröffentlichen

Das war's! Ihr Formular ist bereit für die Einreichungen.

Veröffentlichtes Formular mit automatisch ausgefülltem Feld

Jetzt ist ein guter Zeitpunkt, um Ihr dynamisches Feld zu testen, damit Sie mit der Entgegennahme von Anfragen beginnen können.

Erstellen Sie jetzt Ihr WordPress-Formular

FAQs zu automatisch befüllten Formularfeldern

Wir erhalten oft Fragen zu dynamischen Feldoptionen und automatisch ausgefüllten Feldern. Hier sind einige, die uns regelmäßig gestellt werden.

Was ist eine dynamische Feldoption?

Eine dynamische Feldoption ist eine automatisch für Ihren Besucher ausgefüllte Formularantwort.

Anstatt jede Antwort manuell einzugeben, können Sie WPForms die Optionen automatisch aus benutzerdefinierten Beitragstypen oder Taxonomien auf Ihrer Website ziehen lassen.

Dynamische Auswahlmöglichkeiten werden auch als automatisch ausgefüllte Felder bezeichnet.

Warum automatisch ausgefüllte Felder zu einem Formular hinzufügen?

Automatisch ausgefüllte Felder können helfen:

  • Formularabbrüche reduzieren – durch das Vorausfüllen von Feldern können Formulare einfacher ausgefüllt werden
  • Genauigkeit verbessern – Ihr Besucher muss die Antworten nicht selbst eingeben
  • Formulare aktuell halten – WPForms zeigt immer die aktuellsten Elemente im Formularfeld an.

Die Pflege Ihrer Formulare ist einfach, da WPForms die Liste der Optionen automatisch aus Ihren Beitragstypen oder Taxonomien zieht.

Welche Felder können automatisch ausgefüllt werden?

In WPForms können Sie dynamische Feldoptionen verwenden, um 3 Feldtypen automatisch auszufüllen:

  • Dropdowns
  • Mehrfachauswahlfelder
  • Kontrollkästchen

Sie können den einfachen Drag-and-Drop-Builder verwenden, um sie zu Ihren Formularen hinzuzufügen.

Warum sind automatisch ausgefüllte Felder nützlich?

Automatisch ausgefüllte Formularfelder sind perfekt für:

Erstellen Sie als Nächstes schnell intelligente Formulare mit WPForms

Das automatische Ausfüllen von Feldern ist eine intelligente Methode, um komplexe Formulare schnell zu erstellen. Wenn Sie mehr mit Ihren Formularen machen möchten, finden Sie hier einige weitere Ideen zum Ausprobieren:

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

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

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir eine Provision verdienen können, wenn Sie auf einige unserer Links klicken. Sehen Sie, wie WPForms finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können.

Claire Broadley

Claire ist Content Managerin für das WPForms-Team. Sie verfügt über 13 Jahre Erfahrung im Schreiben über WordPress und Webhosting. Mehr erfahren

Das beste WordPress Drag-and-Drop-Formular-Builder-Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzern an, die WPForms vertrauen.

34 Kommentare zu "So füllen Sie Felder in WordPress-Formularen automatisch aus"

  1. Hallo WPForms,
    Ich suche ein Formular für eingereichte Beiträge, bei dem meine Benutzer ihre eigenen Tags zu ihrem eingereichten Beitrag hinzufügen könnten. Kann WpForms das?
    Vielen Dank im Voraus.
    Josh

    1. Hallo Josh – Sie können Ihren Benutzern erlauben, bereits vorhandene Tags abzurufen, die ihrem Beitrag zugeordnet werden (Details finden Sie hier). Es ist jedoch derzeit nicht möglich, ihnen das Erstellen benutzerdefinierter Tags für ihren Beitrag zu ermöglichen.

      Ich stimme zu, dass es sehr hilfreich wäre. Ich habe die Funktionsanfrage notiert und wir werden sie im Auge behalten, während wir unsere Roadmap für die Zukunft planen. Ich entschuldige mich, dass wir Ihnen im Moment nicht das bieten können, was Sie suchen, aber ich schätze den Vorschlag.

      Für weitere Informationen oder Hilfe hierzu schreiben Sie uns bitte eine Nachricht im Support, damit wir Ihnen helfen können.

      Wenn Sie eine WPForms-Lizenz haben, haben Sie Zugang zu unserem E-Mail-Support. Bitte reichen Sie ein Support-Ticket ein. Andernfalls bieten wir begrenzten kostenlosen Support im WPForms Lite WordPress.org Supportforum.

      Danke! 🙂

    2. Ich möchte, dass alle Informationen über Besucher meiner Websites automatisch ausgefüllt werden, ist das möglich?

      1. Hallo Shivam,

        Wir haben keine integrierte Funktion, um dies zu erreichen, aber es kann mit der Abfragezeichenfolge erreicht werden. Bitte beachten Sie diesen Leitfaden.

        Meinen Sie das?

  2. Hallo, ist es möglich, dass Kunden je nach Wahl unterschiedliche Seiten öffnen, anstatt eine E-Mail zu senden?

    Wenn sie Option 1 und 2 anklicken, gehen sie zu Seite a, wenn sie Option 1 und 3 anklicken, gehen sie zu Seite b?

    Hoffentlich kann ich es mit diesem Plugin verwalten.. Prost Pat

      1. Hallo Ashok – Wir haben keine integrierte Funktion, um das Formularfeld aus 2 verschiedenen Formularen in ein einzelnes Formular zu füllen, wie Sie erwähnt haben. Sie können jedoch offensichtlich den Wert von 'Formular A (Quelle)' an 'Formular B (Ziel)' übergeben. Sie können Abfragezeichenfolgen (für einfache Textfelder) verwenden, um den Feldwert von einem Formular in ein anderes vorab auszufüllen.

        Für andere Felder als das einfache Texteingabefeld können Sie sich unseren Entwicklerleitfaden ansehen.

        Ich hoffe, das hilft!

  3. Hallo – Ist es möglich, dass WordPress-Formulare, die auf Umfragen basieren, mit einer früheren Umfragereaktion derselben Person vorab ausgefüllt werden? Wenn ja, wie können wir das tun?

    1. Hallo Mihir! Derzeit verfügt unser Plugin über keine Funktion, die es einem Formular ermöglichen würde, die früheren Daten eines Benutzers abzufragen und ein Formular automatisch auszufüllen. Ich kann jedoch sehen, wie hilfreich das wäre, daher habe ich Ihr Interesse an dieser Art von Funktion für unser Team notiert, damit es sie bei zukünftigen Updates berücksichtigen kann!

      Es tut mir leid, dass wir Ihnen im Moment nicht das bieten können, was Sie suchen, aber wir schätzen die Idee.

      Danke!

  4. Hallo, ich müsste eine „Andere“-Option zu einem automatisch ausgefüllten Dropdown hinzufügen. Um die Option zur Auswahl eines benutzerdefinierten Post-Typs zu geben, oder wenn keiner seinen Bedürfnissen entspricht, kann er „Andere“ auswählen und ein bedingtes Textfeld erscheint, in das er Text eingeben kann. Gibt es eine Möglichkeit, dies zu erreichen?

    Danke!

  5. Gibt es eine Möglichkeit, die automatische Befüllung für Name und E-Mail hinzuzufügen? Die meisten meiner Benutzer verwenden Mobiltelefone
    Wenn sie das Formular öffnen, werden „Name“ und „E-Mail“ automatisch hinzugefügt? Möglich?

    1. Hallo Raj. Bei angemeldeten Benutzern können Sie den Namen und das Namensfeld ganz einfach mit den Smart Tags befüllen. Hier ist unser großartiger Leitfaden zu unseren Smart Tags, insbesondere den User Management Smart Tags.

      Ich entschuldige mich jedoch für abgemeldete Benutzer, derzeit ist es nicht möglich, die Felder für Name und E-Mail automatisch zu befüllen.

      Ich habe Ihr Interesse an dieser Funktion vermerkt und Ihre E-Mail zu unserer Liste hinzugefügt, um Updates zu dieser Funktion zu erhalten.

      Danke und einen schönen Tag noch!

  6. Mein Kunde hat ein Dienstleistungsunternehmen. Auf ihrer Website haben wir verschiedene CTA-Schaltflächen für jede von ihnen angebotene Dienstleistung, die alle zum selben Kontaktformular führen. Zum Beispiel sagt ein CTA „Dachreinigungsangebot einholen“, während ein anderer sagt „Reinigungsangebot für Verkleidungen, Dachrinnen oder Zäune einholen“. Alle seine Dienstleistungen sind auf dem Kontaktformular als Kontrollkästchen aufgeführt. Meine Frage ist, gibt es eine Möglichkeit, dass das Formular die Dienstleistung automatisch auswählt, während alle anderen Dienstleistungen angezeigt werden, basierend darauf, auf welchen CTA sie geklickt haben?

  7. Hallo, ich erstelle ein Formular für einen Kunden und benötige, dass das Produktfeld nach dem Anklicken automatisch den Produktnamen anzeigt. Wie mache ich das?

    1. Hallo Vinicius,

      Derzeit haben wir keine integrierte Funktion, um Felder aus der Datenbank bei der Feldeingabe automatisch zu befüllen. Ich habe Ihre Stimme hinzugefügt, um dies als Funktionsanfrage für zukünftige Verbesserungen zu berücksichtigen.

      Vielen Dank für Ihre Geduld!

    1. Hallo Lynn,

      Bitte stellen Sie {query_var key="second-field"} ein und entfernen Sie das &-Zeichen.

      Ich hoffe, das hilft!

  8. Hallo, ist es möglich, ein Feld aus „Kunden“ vorab zu befüllen?

    (Ein Textfeld mit Ajax-Suche/Autocomplete wäre eine sehr, sehr mächtige Funktion)

    1. Hallo Paolo,

      Derzeit haben wir keine integrierte Funktion zum automatischen Befüllen von Feldern mit Ajax-Suche und Autocomplete. In diesem Fall schätzen wir es, dass Sie diese Funktionsanfrage teilen. Ich habe Ihre Stimme hinzugefügt.

      Danke 🙂

  9. Ich möchte Daten von einem Formular zum anderen senden, wie dieser Artikel beschreibt (URL entfernt)
    aber ich brauche das für Dropdown-Felder und Datum.
    Ist das möglich?
    Zweitens möchte ich das Formular in einen Schieberegler einbetten. Das von mir verwendete Theme ist edubin
    Danke

  10. Hallo,

    Wir haben eine Anforderung, bei der ein Dropdown-Feld mit den ausgewählten Werten aus einem vorherigen Multiple-Choice-Feld (kaskadierende Felder) vorab befüllt werden muss. Gibt es dafür eine Möglichkeit?

    Danke!

    1. Hallo Padma – Wir haben derzeit keine Funktion, die Informationen von einem Feld an ein anderes übergibt und diese befüllt. Ich stimme jedoch vollkommen zu, dass dies nützlich wäre! Ich habe die Funktionsanfrage für unser Team zur weiteren Besprechung notiert.

      Als Workaround kann dies mit etwas JavaScript erreicht werden, erfordert jedoch einige Erfahrung mit JavaScript. Dies ist leider ein benutzerdefinierter Workaround und ich kann keine vollständige Lösung anbieten, aber ich würde Sie gerne in die richtige Richtung weisen. Da benutzerdefiniertes JavaScript erforderlich ist, können Sie sich eine ähnliche Frage hier ansehen.

      Danke 🙂

  11. Wie können wir die Produkt-SKU in einem Formular vorab befüllen? Ich möchte ein Angebotsformular auf meiner Produktseite hinzufügen, sodass, wenn der Benutzer ein Angebotsformular öffnet, die SKU dieses Produkts automatisch ausgefüllt wird?

    Danke

    1. Hallo Danial,

      Derzeit haben wir keine Funktion zum automatischen Ausfüllen von Produkts-SKUs. Wir stimmen zu, dass dies jedoch sehr hilfreich wäre.

      Ich habe eine Notiz zu der Funktionsanfrage gemacht und wir werden sie bei der Planung unserer Roadmap für die Zukunft im Auge behalten.

      Danke für den Vorschlag 🙂

  12. für einzelne Produktseite
    können wir die Produktkategorie und Unterkategorien automatisch erkennen? (nicht Produktname)
    Damit Benutzer sie nicht ausfüllen müssen.

    1. Hallo Sachintha – Ich entschuldige mich, standardmäßig ist dies nicht möglich, es sei denn, Sie verwenden die Funktion zum automatischen Ausfüllen, wie in diesem Dokument beschrieben.

      Ich hoffe, das hilft. Danke 🙂

  13. Hallo!

    Ich habe zwei Formulare. Ich leite die Daten des ersten Formulars zur Bestätigung der Daten auf die nächste Seite weiter. Die Daten aus dem ersten Formular werden in der URL angezeigt, aber nicht in den Feldern des zweiten Formulars. Wie kann ich die Daten in den Feldern des zweiten Formulars anzeigen?

    1. Hallo Jiya!
      Ich verstehe, dass Sie die Daten in der URL sehen, sie aber nicht in den Feldern Ihres zweiten Formulars angezeigt werden. Dies liegt normalerweise daran, dass die Einstellung Per URL vorab ausfüllen in Ihrem zweiten Formular aktiviert sein muss. Sie müssen diese Einstellung in den erweiterten Einstellungen Ihres zweiten Formulars aktivieren.

      Detaillierte Schritt-für-Schritt-Anleitungen zum Einrichten der Formular-Vorabfüllung finden Sie in unserem Leitfaden hier: So verwenden Sie Abfragezeichenfolgen, um Formularfelder aus einem anderen Formular vorab auszufüllen

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen möchten. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links Nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.

Dieses Formular ist durch Cloudflare Turnstile geschützt und die Datenschutzrichtlinie und Nutzungsbedingungen von Cloudflare gelten.