Como Ocultar Resultados de Enquetes Vazios

Introdução

Deseja ocultar os resultados de enquetes vazias gerados pelo addon WPForms Surveys and Polls? Por padrão, ao ativar a geração de relatórios 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 pequeno ajuste de JavaScript, você pode personalizar esse comportamento. Este tutorial o guiará pelas etapas para ocultar resultados vazios, proporcionando uma visualização mais focada nas preferências do seu público.

Criando seu formulário

Primeiro, você precisará criar seu formulário e adicionar suas perguntas de enquete. Se precisar de ajuda para criar este tipo de formulário, consulte esta documentação.

Habilitando AJAX

Em seguida, vá para Configurações dentro do construtor de formulários. Na aba Geral, clique na seta para abrir Avançado. Uma vez lá, ative a opção Habilitar envio de formulário AJAX para que ela seja habilitada.

Habilitando Resultados de Enquetes

Depois de habilitar o AJAX no envio do formulário, clique na aba Pesquisas e Enquetes e certifique-se de que Habilitar Resultados de Enquetes esteja marcado e clique em Salvar para salvar o formulário.

Adicionando o snippet

Finalmente, é hora de adicionar o snippet que ocultará os resultados da enquete.

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 para qualquer pergunta em seu formulário que seja 0% não será exibida nos resultados da sua enquete. Quando seu formulário for enviado, os usuários verão apenas os resultados que receberam votos.

E é tudo o que você precisa! Gostaria também de estilizar a página de resultados da enquete? Confira nosso artigo sobre Como Estilizar a Tela de Confirmação de Resultados de Enquetes.

Relacionado

Referência de Ação: wpforms_wp_footer_end