Leere Umfrageergebnisse ausblenden

Einführung

Möchten Sie leere Umfrageergebnisse, die durch das WPForms Surveys and Polls Addon erzeugt wurden, ausblenden? Standardmäßig werden bei der Aktivierung der Berichterstellung nach der Formularübermittlung alle Optionen angezeigt, auch wenn sie keine Stimmen erhalten haben. Glücklicherweise können Sie dieses Verhalten mit einem einfachen JavaScript-Tweak anpassen. Dieses Tutorial führt Sie durch die Schritte, mit denen Sie leere Ergebnisse ausblenden können, um einen besseren Überblick über die Präferenzen Ihrer Zielgruppe zu erhalten.

Ihr Formular erstellen

Zunächst müssen Sie Ihr Formular erstellen und Ihre Umfragefragen hinzufügen. Wenn Sie Hilfe bei der Erstellung eines solchen Formulars benötigen, sehen Sie sich bitte diese Dokumentation an.

Beginnen Sie mit der Erstellung Ihres Formulars und fügen Sie Ihre Felder hinzu

AJAX aktivieren

Als Nächstes gehen Sie innerhalb des Formularerstellers zu Einstellungen. Klicken Sie auf der Registerkarte Allgemein auf den Pfeil, um die Option Erweitert zu öffnen. Aktivieren Sie dort das Kontrollkästchen AJAX-Formularübermittlung aktivieren, damit es aktiviert ist.

AJAX bei Formularübermittlung in den erweiterten Formulareinstellungen aktivieren

Es ist wichtig, dass dieser Schritt befolgt wird, sonst wird das Snippet nicht ausgeführt. Das Snippet wird nur auf Formularen ausgeführt, bei denen AJAX bei der Formularübermittlung aktiviert ist.

Aktivieren von Umfrageergebnissen

Sobald Sie AJAX für die Übermittlung des Formulars aktiviert haben, klicken Sie auf die Registerkarte " Umfragen und Abstimmungen" und vergewissern Sie sich, dass die Option "Umfrageergebnisse aktivieren" aktiviert ist.

Klicken Sie auf der Registerkarte "Umfragen und Abstimmungen" auf das Kontrollkästchen zur Aktivierung der Umfrageergebnisse.

Hinzufügen des Snippets

Zum Schluss fügen Sie das Snippet hinzu, das die Umfrageergebnisse ausblendet.

Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, sehen Sie sich bitte dieses Tutorial an.

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

Jede Option für eine Frage in Ihrem Formular, die 0 % beträgt, wird in Ihren Umfrageergebnissen nicht angezeigt. Wenn Ihr Formular abgeschickt wird, sehen die Benutzer nur die Ergebnisse, die Stimmen erhalten haben.

dieses Snippet blendet leere Umfrageergebnisse für jede Frage in Ihrem Formular aus

Und das ist alles, was Sie brauchen! Möchten Sie auch die Seite mit den Umfrageergebnissen gestalten? Dann lesen Sie unseren Artikel über die Gestaltung des Bestätigungsbildschirms für die Umfrageergebnisse.

Referenz der Aktion: wpforms_wp_footer_end