¿Desea personalizar el texto que aparece cuando no se encuentran resultados en un campo desplegable moderno? Con un simple fragmento de código, puede modificar el mensaje predeterminado "No se han encontrado resultados" y hacerlo traducible para sitios multilingües. Esta función es especialmente útil para mejorar la experiencia del usuario proporcionando información más contextual cuando los resultados de la búsqueda están vacíos.
Por defecto, los visitantes verán el mensaje No se han encontrado resultados cuando su búsqueda no arroje resultados en su desplegable.
En este tutorial, le proporcionaremos el código PHP que necesita para cambiar este texto y le guiaremos a través de cada paso.
Configuración del formulario
En primer lugar, vamos a crear un nuevo formulario y añadir nuestros campos de formulario que incluirá al menos un campo desplegable.
Una vez que hayas añadido el campo de formulario desplegable a tu formulario, haz clic en la pestaña Avanzado y selecciona Moderno en el desplegable Estilo.
Personalización del texto Sin resultados
Para cambiar el mensaje por defecto, añade este código a tu sitio. Si no estás seguro de cómo añadir código personalizado, consulta nuestra guía sobre cómo añadir fragmentos de código.
Este fragmento sólo se aplicará al formulario ID 1369 y cambiará el mensaje noResultsText por defecto y lo sustituirá por lo que hemos añadido.
Si necesita ayuda para encontrar su ID de formulario, consulte nuestra guía sobre cómo encontrar los ID de formulario y de campo.
Personalización de la ausencia de resultados y del texto de selección
También puede personalizar al mismo tiempo el texto flotante "Pulse para seleccionar":
/**
* Change both No Results Found and Press to select text
*
* @link https://wpforms.com/developers/how-to-change-the-no-results-found-text-in-the-modern-dropdown/
*/
function wpf_dev_change_modern_dropdown_noresults_text( $config, $forms ) {
// Change 1369 to an ID of your actual form
if ( array_key_exists( 1369, $forms ) ) {
$config[ 'noResultsText' ] = __( 'Apologies, your search term was not found', 'your-text-domain' );
$config[ 'itemSelectText' ] = __( 'Choose this option.', 'your-text-domain' );
}
return $config;
}
add_filter( 'wpforms_field_select_choicesjs_config', 'wpf_dev_change_modern_dropdown_noresults_text', 10, 2 );
Y eso es todo lo que necesita. Ahora, en lugar de ver No se han encontrado resultados, los usuarios verán tu mensaje personalizado.
A continuación, ¿le gustaría mostrar todos los campos del formulario completado dentro de su mensaje de confirmación? Eche un vistazo a nuestro tutorial sobre Cómo mostrar todos los campos en su mensaje de confirmación.