Come nascondere i risultati dei sondaggi vuoti

Introduzione

Vuoi nascondere i risultati vuoti dei sondaggi generati tramite il componente aggiuntivo WPForms Surveys and Polls? Per impostazione predefinita, quando attivi il reporting dopo l'invio del modulo, tutte le opzioni vengono visualizzate, anche se non hanno ricevuto alcun voto. Fortunatamente, con una semplice modifica JavaScript, puoi personalizzare questo comportamento. Questo tutorial ti guiderà attraverso i passaggi per nascondere i risultati vuoti, fornendo una visione più mirata delle preferenze del tuo pubblico.

Creazione del tuo modulo

Innanzitutto, dovrai creare il tuo modulo e aggiungere le tue domande del sondaggio. Se hai bisogno di aiuto nella creazione di questo tipo di modulo, consulta questa documentazione.

Abilitazione AJAX

Successivamente, vai su Impostazioni dall'interno del modulo di creazione. Nella scheda Generale, fai clic sulla freccia per aprire Avanzate. Una volta lì, attiva Abilita invio modulo AJAX in modo che sia abilitato.

Abilitazione risultati sondaggio

Una volta abilitato l'AJAX all'invio del modulo, fai clic sulla scheda Sondaggi e questionari e assicurati che Abilita risultati sondaggio sia selezionato e fai clic su Salva per salvare il modulo.

Aggiunta dello snippet

Infine, è ora di aggiungere lo snippet che nasconderà i risultati del sondaggio.

Se hai bisogno di aiuto su come aggiungere snippet al tuo sito, dai un'occhiata a questo 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 );

Qualsiasi opzione per qualsiasi domanda sul tuo modulo che sia al 0% non verrà visualizzata nei risultati del sondaggio. Quando il tuo modulo viene inviato, gli utenti vedranno solo i risultati che hanno ricevuto voti.

E questo è tutto ciò di cui hai bisogno! Vuoi anche stilizzare la pagina dei risultati del sondaggio? Dai un'occhiata al nostro articolo su Come stilizzare la schermata di conferma dei risultati del sondaggio.

Correlati

Riferimento Azione: wpforms_wp_footer_end