Comment masquer les résultats d'un sondage vide

Introduction

Voulez-vous cacher les résultats des sondages vides générés par l'addon WPForms Surveys and Polls? Par défaut, lorsque vous activez le rapport après la soumission du formulaire, toutes les options sont affichées, même si elles n'ont reçu aucun vote. Heureusement, avec un simple JavaScript, vous pouvez personnaliser ce comportement. Ce tutoriel vous guidera dans les étapes à suivre pour masquer les résultats vides, afin d'obtenir une vue plus précise des préférences de votre public.

Création du formulaire

Tout d'abord, vous devez créer votre formulaire et ajouter vos questions de sondage. Si vous avez besoin d'aide pour créer ce type de formulaire, consultez cette documentation.

commencez par créer votre formulaire et ajoutez vos champs

Activation d'AJAX

Ensuite, allez dans Paramètres à l'intérieur du générateur de formulaires. Dans l'onglet Général, cliquez sur la flèche pour ouvrir l'onglet Avancé. Une fois là, cochez la case Enable AJAX form submission pour qu'elle soit activée.

activer AJAX sur la soumission du formulaire à partir des paramètres avancés du formulaire

Il est important de s'assurer que cette étape est respectée, sinon votre snippet ne s'exécutera pas. Le snippet ne s'exécutera que sur les formulaires pour lesquels l'AJAX est activé lors de la soumission du formulaire.

Activation des résultats d'un sondage

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

dans l'onglet Enquêtes et sondages, cliquez sur la case à cocher pour activer les résultats des sondages

Ajout du snippet

Enfin, il est temps d'ajouter le snippet qui masquera les résultats du sondage.

Si vous avez besoin d'aide pour ajouter des snippets à votre site, consultez 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 une question de votre formulaire qui est à 0% ne s'affichera pas dans les résultats du sondage. Lorsque votre formulaire est soumis, les utilisateurs ne verront que les résultats qui ont reçu des votes.

ce snippet cachera les résultats des sondages vides pour chaque question de votre formulaire

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

Référence de l'action : wpforms_wp_footer_end