Hinzufügen eines filterbaren Feldes zu einem Formular für den internen Gebrauch

Einführung

Möchten Sie Ihrem Formular ein filterbares Feld hinzufügen, das nur für den internen Gebrauch bestimmt ist? Die Möglichkeit, Ihre Eingaben schnell und einfach zu filtern, kann viel Zeit sparen, aber Sie möchten vielleicht nicht, dass dieses Feld in Ihrem Formular angezeigt wird. In diesem Tutorial zeigen wir Ihnen, wie einfach dies zu erreichen ist.

In unserem Beispiel werden wir ein Formular zur Lead-Generierung erstellen. Sobald die Telefonnummer verifiziert wurde, möchten wir dem Eintrag eine Markierung hinzufügen, damit er später aus den Berichten herausgefiltert werden kann.

Erstellen des Formulars zur Lead-Generierung

Der erste Schritt besteht darin, unser Formular zu erstellen und die entsprechenden Felder hinzuzufügen, damit die Benutzer sie ausfüllen können.

Wir möchten jedoch auch ein Feld hinzufügen, in das wir später unsere Flagge setzen können, wenn die Telefonnummer überprüft wurde. Zu diesem Zweck fügen wir ein einzeiliges Textfeld hinzu.

Fügen Sie Ihrem Formular ein Textfeld hinzu, das Sie später zum Filtern Ihrer Ergebnisse verwenden können

Wenn Sie Hilfe bei der Erstellung Ihres Formulars benötigen, lesen Sie bitte diese Dokumentation.

Hinzufügen einer CSS-Klasse zum filterbaren Feld

Da dieses Feld nur intern verwendet werden soll und nicht auf dem Formular für unsere Besucher angezeigt werden soll, fügen wir diesem Feld eine CSS-Klasse hinzu, mit der wir das Feld in einem späteren Schritt mit CSS ausblenden können.

Um dem Feld eine CSS-Klasse hinzuzufügen, öffnen Sie die Fortgeschrittene des Feldes aus dem Formularersteller und fügen Sie wpforms-field-hidden zum CSS-Klassen.

Fügen Sie Ihre CSS-Klasse zu dem Formularfeld hinzu, damit wir dieses Feld aus unserem Formular ausblenden können

Dieser CSS-Klassenname ist eine Standardklasse in WPForms, das CSS ist bereits vorhanden. Sobald Sie die Klasse hinzufügen, wird das CSS auf display:none; auf das Feld automatisch angewendet werden.

Wenn unsere Nutzer die Website besuchen, werden sie das filterbare Feld für die interne Verwendung nicht sehen können.

Das Feld wird den Besuchern nicht angezeigt, wenn sie das Formular ausfüllen.

Erstellen der Spaltenansicht

In diesem Schritt werden wir die Spaltenansicht für unsere Eingabemaske ändern. Weitere Informationen dazu finden Sie in dieser Dokumentation.

Wir möchten, dass unser internes Feld angezeigt wird, wenn Sie das Eingabebild sehen.

Ändern Sie die Spaltenansicht, so dass Sie Ihr internes Feld sehen können, wenn Sie die Liste der Einträge anzeigen.

In der Eingabemaske sehen Sie nun alle Ihre Einträge für dieses Formular, einschließlich des oben hinzugefügten internen Feldes.

Sie können Ihr internes Feld jetzt sehen, wenn die Eingabeseite für dieses Formular geladen wird

Filterung der Einträge

Wenn Sie sich nun auf dem Bildschirm Einträge Ihres Formulars befinden, können Sie diese Einträge leicht filtern.

Sie haben nun erfolgreich ein filterbares internes Feld für Ihr Formular erstellt.

Weitere Informationen zum Suchen und Filtern von Einträgen finden Sie in dieser Dokumentation.

Möchten Sie auch CSS verwenden, um die Farbe des Submit-Buttons zu ändern? Sehen Sie sich unser Tutorial zum Ändern der Farbe des Submit-Buttons an.