Leere Felder in der WPForms-Eintragsvorschau ausblenden

Möchten Sie leere Felder aus der Eintragsvorschau in WPForms ausblenden? Dies kann dazu beitragen, eine übersichtlichere und fokussiertere Vorschau zu erstellen, indem nur die Felder angezeigt werden, die Daten enthalten.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit einem benutzerdefinierten Code-Snippet leere Felder aus der Eintragsvorschau in WPForms entfernen.

Hinzufügen des Code-Snippets

Um leere Felder aus der Eintragsvorschau auszublenden, müssen Sie Ihrer Website einen benutzerdefinierten Code-Snippet hinzufügen. Wenn Sie Hilfe beim Hinzufügen von benutzerdefiniertem Code benötigen, lesen Sie bitte unser Tutorial zum Hinzufügen von Code-Snippets.

Fügen Sie Ihrer Website den folgenden PHP-Code-Snippet hinzu:

/**
 * Filter the entry preview fields to hide empty fields.
 *
 * @link https://wpforms.com/developers/hiding-empty-fields-in-wpforms-entry-preview
 *
 *
 * @param array $fields    The entry preview fields.
 * @param array $form_data Form data and settings.
 *
 * @return array The filtered entry preview fields.
 */
function wpf_hide_empty_entry_preview_fields( $fields, $form_data ) {
    foreach ( $fields as $field_id => $field ) {
        if ( empty( $field['value'] ) ) {
            unset($fields[$field_id]);
        }
    }
    return $fields;
}

// Add the filter to apply the custom function.
add_filter( 'wpforms_entry_preview_fields', 'wpf_hide_empty_entry_preview_fields', 10, 2 );

Dieses Snippet verwendet den wpforms_entry_preview_fields Filter, um die in der Eintragsvorschau angezeigten Felder zu ändern. Der Code durchläuft alle Felder in der Eintragsvorschau und prüft für jedes Feld, ob der 'Wert' leer ist. Wenn der Wert eines Feldes leer ist, wird dieses Feld aus dem Array entfernt (nicht gesetzt). Nach Abschluss der Schleife wird das geänderte Array von Feldern zurückgegeben, das nun nur noch Felder mit Werten enthält.

Stellen Sie nach dem Hinzufügen des Snippets sicher, dass Sie Ihre Formulare gründlich testen. Senden Sie Formulare mit verschiedenen Kombinationen von ausgefüllten und leeren Feldern, um sicherzustellen, dass die Eintragsvorschau wie erwartet angezeigt wird.

Und das war's! Sie haben nun leere Felder aus Ihrer WPForms-Eintragsvorschau ausgeblendet. Dies schafft eine übersichtlichere und fokussiertere Vorschau, die nur Felder mit Daten anzeigt.

Möchten Sie mehr über die Anpassung der Eintragsvorschau in WPForms erfahren? Sehen Sie sich unser Tutorial zu Anzeigen von Eintragsvorschau-Feldern in WPForms an.