Cómo ocultar resultados de encuestas vacíos

Introducción

¿Quieres ocultar los resultados de encuestas vacíos generados a través del complemento WPForms Surveys and Polls? Por defecto, cuando activas los informes después del envío del formulario, se muestran todas las opciones, incluso si no han recibido ningún voto. Afortunadamente, con un simple ajuste de JavaScript, puedes personalizar este comportamiento. Este tutorial te guiará a través de los pasos para ocultar los resultados vacíos, proporcionando una vista más enfocada de las preferencias de tu audiencia.

Creación de su formulario

Primero, deberás crear tu formulario y agregar tus preguntas de encuesta. Si necesitas ayuda para crear este tipo de formulario, consulta esta documentación.

Habilitar AJAX

A continuación, ve a Ajustes dentro del creador de formularios. En la pestaña General, haz clic en la flecha para abrir Avanzado. Una vez allí, activa Habilitar envío de formularios AJAX para que esté habilitado.

Habilitar resultados de encuestas

Una vez que hayas habilitado AJAX en el envío del formulario, haz clic en la pestaña Encuestas y Sondeos y asegúrate de que Habilitar resultados de encuestas esté marcado y haz clic en Guardar para guardar el formulario.

Añadir el fragmento

Finalmente, es hora de agregar el fragmento que ocultará los resultados de la encuesta.

Si necesitas ayuda sobre cómo agregar fragmentos a tu sitio, consulta 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 );

Cualquier opción para cualquier pregunta en tu formulario que sea 0% no se mostrará en los resultados de tu encuesta. Cuando se envíe tu formulario, los usuarios solo verán los resultados que hayan recibido votos.

¡Y eso es todo lo que necesitas! ¿Te gustaría también estilizar la página de resultados de la encuesta? Consulta nuestro artículo sobre Cómo estilizar la pantalla de confirmación de resultados de la encuesta.

Relacionado

Referencia de acción: wpforms_wp_footer_end