Resumen de IA
¿Te gustaría personalizar el texto que aparece cuando no se encuentran resultados en un campo de menú desplegable moderno? Con un simple fragmento de código, puedes modificar el mensaje predeterminado de No se han encontrado resultados y hacerlo traducible para sitios multilingües. Esta función es particularmente útil para mejorar la experiencia del usuario al proporcionar comentarios más contextuales 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 tu menú desplegable.
En este tutorial, proporcionaremos el código PHP que necesitas para cambiar este texto y te guiaremos a través de cada paso.
Configuración de tu formulario
Primero, vamos a crear un nuevo formulario y a añadir nuestros campos, que incluirán al menos un campo de Menú desplegable.
Una vez que hayas añadido el campo de formulario Menú desplegable a tu formulario, haz clic en la pestaña Avanzado y selecciona Moderno en el menú desplegable Estilo.
Personalizar el texto de "No hay resultados"
Para cambiar el mensaje predeterminado, 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 solo se aplicará al ID del formulario 1369 y cambiará el mensaje predeterminado noResultsText, reemplazándolo por lo que hemos añadido.
Si necesitas ayuda para encontrar el ID de tu formulario, consulta nuestra guía sobre cómo encontrar IDs de formularios y campos.
Personalizar el texto de "No hay resultados" y "Seleccionar"
También puedes personalizar el texto de "Presiona para seleccionar" al mismo tiempo:
/**
* 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 necesitas! Ahora, en lugar de ver No se han encontrado resultados, los usuarios verán tu mensaje personalizado.
¿Te gustaría mostrar todos tus campos de formulario completados dentro de tu mensaje de confirmación? Echa un vistazo a nuestro tutorial sobre Cómo mostrar todos los campos en tu mensaje de confirmación.