Come nascondere i risultati vuoti dei sondaggi

Introduzione

Volete nascondere i risultati vuoti dei sondaggi generati tramite l'addon WPForms Surveys and Polls? Per impostazione predefinita, quando si attiva la segnalazione dopo l'invio del modulo, tutte le opzioni vengono visualizzate, anche se non hanno ricevuto alcun voto. Fortunatamente, con una semplice modifica JavaScript, è possibile personalizzare questo comportamento. Questo tutorial vi guiderà attraverso i passaggi per nascondere i risultati vuoti, fornendo una visione più mirata delle preferenze del vostro pubblico.

Creazione del modulo

Per prima cosa, è necessario creare il modulo e aggiungere le domande del sondaggio. Se avete bisogno di aiuto per creare questo tipo di modulo, consultate questa documentazione.

iniziare creando il modulo e aggiungendo i campi

Abilitazione di AJAX

Quindi, andare su Impostazioni dall'interno del costruttore di moduli. Nella scheda Generale, fare clic sulla freccia per aprire la sezione Avanzate. Una volta lì, attivare l'opzione Abilita invio modulo AJAX in modo che sia abilitata.

abilitate AJAX all'invio del modulo dalle impostazioni avanzate del modulo

È importante assicurarsi che questo passaggio sia seguito, altrimenti lo snippet non verrà eseguito. Lo snippet verrà eseguito solo sui moduli che hanno l'AJAX abilitato all'invio del modulo.

Abilitazione dei risultati dei sondaggi

Una volta abilitato AJAX per l'invio del modulo, fare clic sulla scheda Sondaggi e indagini e assicurarsi che sia selezionata la voce Abilita i risultati dei sondaggi e fare clic su Salva per salvare il modulo.

nella scheda Indagini e sondaggi, fare clic sulla casella di controllo per abilitare i risultati dei sondaggi

Aggiunta dello snippet

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

Se avete bisogno di aiuto per aggiungere gli snippet al vostro sito, consultate 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 del modulo che sia pari a 0% non verrà visualizzata nei risultati del sondaggio. Quando il modulo viene inviato, gli utenti vedranno solo i risultati che hanno ricevuto voti.

questo snippet nasconderà i risultati vuoti del sondaggio per ogni domanda del form

E questo è tutto ciò di cui avete bisogno! Desiderate creare uno stile anche per la pagina dei risultati del sondaggio? Date un'occhiata al nostro articolo su Come abbellire la schermata di conferma dei risultati del sondaggio.

Riferimento azione: wpforms_wp_footer_end