Comment masquer les résultats de sondage vides

Introduction

Souhaitez-vous masquer les résultats de sondage vides générés via le module complémentaire WPForms Surveys and Polls ? Par défaut, lorsque vous activez le reporting après la soumission du formulaire, toutes les options sont affichées, même si elles n’ont reçu aucun vote. Heureusement, avec une simple modification JavaScript, vous pouvez personnaliser ce comportement. Ce tutoriel vous guidera à travers les étapes pour masquer les résultats vides, offrant une vue plus ciblée des préférences de votre public.

Création de votre formulaire

Tout d’abord, vous devrez créer votre formulaire et ajouter vos questions de sondage. Si vous avez besoin d’aide pour créer ce type de formulaire, veuillez consulter cette documentation.

Activation de l’AJAX

Ensuite, accédez à Paramètres depuis l’éditeur de formulaire. Sous l’onglet Général, cliquez sur la flèche pour ouvrir Avancé. Une fois là, activez l’option Activer la soumission AJAX du formulaire pour qu’elle soit activée.

Activation des résultats de sondage

Une fois que vous avez activé l’AJAX pour la soumission du formulaire, cliquez sur l’onglet Sondages et enquêtes et assurez-vous que l’option Activer les résultats de sondage est cochée, puis cliquez sur Enregistrer pour sauvegarder le formulaire.

Ajout du snippet

Enfin, il est temps d’ajouter l’extrait de code qui masquera les résultats du sondage.

Si vous avez besoin d’aide pour ajouter des extraits de code à votre site, veuillez consulter ce tutoriel.

/**
 * 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 );

Toute option pour toute question de votre formulaire qui est à 0 % ne s’affichera pas dans vos résultats de sondage. Lorsque votre formulaire sera soumis, les utilisateurs ne verront que les résultats qui ont reçu des votes.

Et c’est tout ce dont vous avez besoin ! Souhaitez-vous également styliser la page des résultats du sondage ? Consultez notre article sur Comment styliser l’écran de confirmation des résultats du sondage.

Articles associés

Référence d’action : wpforms_wp_footer_end