Leere Umfrageergebnisse ausblenden

Einleitung

Möchten Sie leere Umfrageergebnisse ausblenden, die über das WPForms Surveys and Polls Addon generiert wurden? Standardmäßig werden beim Aktivieren der Berichterstattung 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-Code anpassen. Dieses Tutorial führt Sie durch die Schritte zum Ausblenden leerer Ergebnisse und bietet eine fokussiertere Ansicht der Präferenzen Ihres Publikums.

Erstellen Ihres Formulars

Zuerst müssen Sie Ihr Formular erstellen und Ihre Umfragefragen hinzufügen. Wenn Sie Hilfe beim Erstellen dieser Art von Formular benötigen, lesen Sie bitte diese Dokumentation.

beginnen Sie mit der Erstellung Ihres Formulars und dem Hinzufügen Ihrer Felder

AJAX aktivieren

Gehen Sie als Nächstes im Formular-Builder zu Einstellungen. Auf der Registerkarte Allgemein klicken Sie auf den Pfeil, um die Erweiterten Einstellungen zu öffnen. Dort schalten Sie AJAX-Formularübermittlung aktivieren ein, sodass sie aktiviert ist.

AJAX bei Formularübermittlung in den erweiterten Formulareinstellungen aktivieren

Es ist wichtig sicherzustellen, dass dieser Schritt befolgt wird, sonst wird Ihr Snippet nicht ausgeführt. Das Snippet wird nur für Formulare ausgeführt, bei denen AJAX für die Formularübermittlung aktiviert ist.

Umfrageergebnisse aktivieren

Nachdem Sie AJAX für die Formularübermittlung aktiviert haben, klicken Sie auf die Registerkarte Umfragen und Abstimmungen und stellen Sie sicher, dass Umfrageergebnisse aktivieren angekreuzt ist. Klicken Sie dann auf Speichern, um das Formular zu speichern.

Auf der Registerkarte Umfragen und Abstimmungen das Kontrollkästchen zum Aktivieren von Umfrageergebnissen anklicken

Hinzufügen des Snippets

Schließlich ist es an der Zeit, das Snippet hinzuzufügen, das die Umfrageergebnisse ausblendet.

Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, lesen Sie bitte dieses 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 );

Jede Option für jede Frage in Ihrem Formular, die 0% beträgt, wird in Ihren Umfrageergebnissen nicht angezeigt. Wenn Ihr Formular übermittelt 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? Lesen Sie unseren Artikel über So gestalten Sie die Bestätigungsseite für Umfrageergebnisse.

Aktionsreferenz: wpforms_wp_footer_end