Como Ocultar Resultados de Sondagens Vazios

Introdução

Pretende ocultar os resultados de inquéritos vazios gerados através do complemento WPForms Surveys and Polls? Por defeito, quando ativa 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 quaisquer votos. Felizmente, com um pequeno ajuste em JavaScript, pode personalizar este comportamento. Este tutorial irá guiá-lo através dos passos para ocultar resultados vazios, proporcionando uma visão mais focada nas preferências do seu público.

Criar o seu formulário

Primeiro, terá de criar o seu formulário e adicionar as suas perguntas de inquérito. Se precisar de ajuda para criar este tipo de formulário, consulte esta documentação.

comece por criar o seu formulário e adicionar os seus campos

Ativar AJAX

Em seguida, vá a Definições dentro do construtor de formulários. No separador Geral, clique na seta para abrir Avançadas. Uma vez lá, ative a opção Ativar envio de formulário AJAX para que fique ativada.

ativar AJAX no envio do formulário a partir das definições avançadas do formulário

É importante garantir que este passo é seguido, caso contrário, o seu fragmento de código não será executado. O fragmento de código só será executado em formulários que tenham o AJAX ativado no envio do formulário.

Ativar Resultados de Inquéritos

Depois de ativar o AJAX no envio do formulário, clique no separador Inquéritos e Votações e certifique-se de que a opção Ativar Resultados de Inquéritos está marcada e clique em Guardar para guardar o formulário.

no separador inquéritos e votações, clique na caixa de verificação para ativar os resultados do inquérito

Adição do trecho de código

Finalmente, é hora de adicionar o fragmento de código que ocultará os resultados do inquérito.

Se precisar de ajuda sobre como adicionar fragmentos de código 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 no seu formulário que seja 0% não será exibida nos seus resultados de inquérito. Quando o seu formulário for enviado, os utilizadores verão apenas os resultados que receberam votos.

este fragmento de código ocultará os resultados de inquéritos vazios para cada pergunta no seu formulário

E é tudo o que precisa! Gostaria também de estilizar a página de resultados do inquérito? Consulte o nosso artigo sobre Como Estilizar o Ecrã de Confirmação dos Resultados do Inquérito.

Referência de Ação: wpforms_wp_footer_end