Como ocultar resultados de sondagens vazios

Introdução

Pretende ocultar os resultados vazios das sondagens geradas através do addon WPForms Surveys and Polls? Por padrão, quando você ativa o relatório após o envio do formulário, todas as opções são exibidas, mesmo que não tenham recebido nenhum voto. Felizmente, com um simples ajuste de JavaScript, é possível personalizar esse comportamento. Este tutorial guiará você pelas etapas para ocultar resultados vazios, fornecendo uma visão mais focada das preferências do seu público.

Criar o seu formulário

Primeiro, tem de criar o seu formulário e adicionar as perguntas da sondagem. Se precisar de ajuda para criar este tipo de formulário, consulte esta documentação.

Ativar o AJAX

Em seguida, aceda a Definições a partir do criador de formulários. No separador Geral, clique na seta para abrir a opção Avançadas. Uma vez lá, alterne a opção Ativar envio de formulário AJAX para que ela seja ativada.

Ativar resultados de sondagens

Depois de ativar o AJAX no envio do formulário, clique no separador Inquéritos e sondagens, certifique-se de que a opção Ativar resultados da sondagem está selecionada e clique em Guardar para guardar o formulário.

Adicionar o snippet

Finalmente, é altura de adicionar o snippet que irá ocultar os resultados da sondagem.

Se precisar de ajuda sobre como adicionar snippets ao seu site, consulte este tutorial.

/**
 * Hide the poll results if empty
 *
 * @link https://wpforms.com/developers/how-to-hide-empty-poll-results/
 */

function wpf_dev_hide_empty_poll_results() {
    ?>
    <script>
        jQuery(function($){
            $( '.wpforms-container' ).on( 'wpformsAjaxSubmitSuccessConfirmation', function(e) {
                $( '.wpforms-poll-answer' ).each( function() {
                    if ( $(this).find('.wpforms-poll-answer-percent span').text() === "0%" ) {
                        $(this).hide();
                    }
                })
            })
        });
    </script>
    <?php
}
add_action( 'wpforms_wp_footer_end', 'wpf_dev_hide_empty_poll_results', 10 );

Qualquer opção de qualquer pergunta do seu formulário que seja 0% não será apresentada nos resultados da sondagem. Quando o seu formulário for submetido, os utilizadores apenas verão os resultados que receberam votos.

E é tudo o que precisa! Gostaria de estilizar também a página de resultados da sondagem? Veja o nosso artigo sobre Como estilizar o ecrã de confirmação dos resultados da sondagem.

Relacionadas

Referência da ação: wpforms_wp_footer_end