### [Ocultar campos vacíos en la vista previa de entradas de WPForms](https://wpforms.com/developers/hiding-empty-fields-in-wpforms-entry-preview/) **Publicado:** 7 de octubre de 2024 **Autor:** Umair Majeed **Contenido:** ¿Le gustaría ocultar los campos vacíos de la vista previa de entradas en WPForms? Esto puede ayudar a crear una vista previa más limpia y enfocada, mostrando solo los campos que contienen datos. En este tutorial, le mostraremos cómo usar un fragmento de código personalizado para eliminar los campos vacíos de la vista previa de entradas en WPForms. ## Añadir el fragmento de código Para ocultar los campos vacíos de la vista previa de entradas, deberá añadir un fragmento de código personalizado a su sitio. Si necesita ayuda para añadir código personalizado, consulte nuestro tutorial sobre [cómo añadir fragmentos de código](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). Añada el siguiente fragmento de código PHP a su sitio: ``` /** * Filtra los campos de vista previa de entradas para ocultar los campos vacíos. * * @link https://wpforms.com/developers/hiding-empty-fields-in-wpforms-entry-preview * * * @param array $fields Los campos de vista previa de entradas. * @param array $form_data Datos y configuración del formulario. * * @return array Los campos de vista previa de entradas filtrados. */ 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; } // Añade el filtro para aplicar la función personalizada. add_filter( 'wpforms_entry_preview_fields', 'wpf_hide_empty_entry_preview_fields', 10, 2 ); ``` Este fragmento utiliza el filtro `wpforms_entry_preview_fields` para modificar los campos que se muestran en la vista previa de entradas. El código recorre todos los campos de la vista previa de entradas y, para cada campo, comprueba si el 'valor' está vacío. Si el valor de un campo está vacío, elimina (desasocia) ese campo de la matriz. Una vez completado el bucle, devuelve la matriz modificada de campos, que ahora solo contiene los campos con valores. Después de añadir el fragmento, asegúrese de probar sus formularios a fondo. Envíe formularios con varias combinaciones de campos rellenados y vacíos para asegurarse de que la vista previa de entradas se muestra como se espera. ¡Y eso es todo! Ahora ha ocultado los campos vacíos de la vista previa de entradas de WPForms. Esto crea una vista previa más limpia y enfocada que solo muestra los campos que contienen datos. ¿Le gustaría saber más sobre cómo personalizar la vista previa de entradas en WPForms? Consulte nuestro tutorial sobre [cómo mostrar los campos de vista previa de entradas en WPForms](https://wpforms.com/docs/how-to-show-entry-previews-in-wpforms/#customize). **Categorías:** Tutoriales, Campos ---