Aufgepasst!

Dieser Artikel enthält PHP- und JavaScript-Code und ist für Entwickler gedacht. Wir stellen diesen Code aus Höflichkeit zur Verfügung, bieten aber keinen Support für Code-Anpassungen oder Entwicklungen von Drittanbietern.

Eine zusätzliche Anleitung finden Sie im WPBeginner-Tutorial zum Hinzufügen von benutzerdefiniertem Code.

Ablehnen

Beschreibung

Die wpforms_conversational_forms_footer Aktion wird am Ende des Seitenladens für die Vorlage ausgelöst, die für das Conversational Forms Addon verwendet wird.

Parameter

Diese Aktion akzeptiert keine Parameter.

Mehr Informationen

Diese Aktion funktioniert ähnlich wie die Standard-WordPress wp_footer Aktion. Sie wird am Ende des Seitenladens ausgeführt, aber speziell für die wpforms_conversational_forms_footer wird sie nur in der Seitenvorlage für das Dialogformular ausgelöst.

Dies ist besonders nützlich, wenn Sie benutzerdefiniertes JavaScript für die Vorlage haben, die mit dem Conversational Forms Addon verwendet wird.

Quelle

wpforms-conversational-forms/src/Frontend.php

Beispiele

Das folgende Beispiel fügt eine Nachricht und einen Countdown-Timer am unteren Rand des Dialogformulars ein.

/**
 * Action to be called once the conversational form has completely loaded.
 *
 * @link https://wpforms.com/developers/wpforms_conversational_forms_footer/
 */
function wpf_cf_countdown_timer() {
    ?>
        // Start our countdown wrapper and block
    <div class="timer_wrapper"><?php _e('The countdown has begun!')?><div id="demo"></div></div>
 
        // Run the script for the countdown
    <script type="text/javascript">
 
        // Set the date we're counting down to
        var countDownDate = new Date( "2030-12-24T12:00:00" ).getTime();
 
        // Update the count down every 1 second
        var x = setInterval( function() {
 
            // Get today's date and time
            var now = new Date().getTime();
 
            // Find the distance between now and the count down date
            var distance = countDownDate - now;
 
            // Time calculations for days, hours, minutes and seconds
            var days = Math.floor(distance / (1000 * 60 * 60 * 24));
            var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 
            // Output the result in an element with id="demo"
            document.getElementById("demo").innerHTML = days + "d " + hours + "h "
                + minutes + "m " + seconds + "s ";
 
            // If the count down is over, write some text
            if (distance < 0) {
                clearInterval(x);
                document.getElementById("demo").innerHTML = "EXPIRED";
            }
        }, 1000);
    </script>
    <?php
}
add_action( 'wpforms_conversational_forms_footer', 'wpf_cf_countdown_timer', 1 );