Gostaria de personalizar o texto que aparece quando não são encontrados resultados num campo Modern Dropdown? Com um simples snippet de código, é possível modificar a mensagem padrão Nenhum resultado encontrado e torná-la traduzível para sites em vários idiomas. Esta funcionalidade é particularmente útil para melhorar a experiência do utilizador, fornecendo um feedback mais contextual quando os resultados da pesquisa estão vazios.
Por predefinição, os visitantes verão a mensagem Nenhum resultado encontrado quando a sua pesquisa não produzir resultados no seu menu pendente.
Neste tutorial, forneceremos o código PHP necessário para alterar esse texto e orientá-lo-emos em cada etapa.
Configurar o seu formulário
Em primeiro lugar, vamos criar um novo formulário e adicionar os nossos campos de formulário, que incluirão, pelo menos, um campo pendente.
Depois de ter adicionado o campo de formulário Pendente ao seu formulário, clique no separador Avançadas e selecione Moderno no menu pendente Estilo.
Personalização do texto sem resultados
Para alterar a mensagem predefinida, adicione este código ao seu site. Se não tiver a certeza de como adicionar código personalizado, consulte o nosso guia sobre como adicionar fragmentos de código.
Este snippet só será aplicado ao formulário ID 1369 e alterará a mensagem noResultsText predefinida, substituindo-a pela que adicionámos.
Se precisar de ajuda para encontrar o ID do formulário, consulte o nosso guia sobre como encontrar IDs de formulários e campos.
Customizing de texto sem resultados e texto de seleção
Também pode personalizar o texto do cursor "Prima para selecionar" ao mesmo tempo:
/**
* 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 );
E isso é tudo o que precisa! Agora, em vez de verem Nenhum resultado encontrado, os utilizadores verão a sua mensagem personalizada.
Em seguida, gostaria de mostrar todos os seus campos de formulário preenchidos dentro da sua mensagem de confirmação? Dê uma olhada no nosso tutorial sobre Como mostrar todos os campos na sua mensagem de confirmação.