Descrizione

Il wpforms_conversational_forms_footer viene attivata alla fine del caricamento della pagina per il modello utilizzato per l'addon Conversational Forms.

Parametri

Questa azione non accetta alcun parametro.

Ulteriori informazioni

Questa azione funziona come quella standard di WordPress wp_footer azione. Verrà eseguita alla fine del caricamento della pagina, ma specificamente per l'azione wpforms_conversational_forms_footer si attiverà solo sul modello di pagina del modulo conversazionale.

Questo è particolarmente utile se si dispone di JavaScript personalizzato per il modello utilizzato con l'addon Conversational Forms.

Fonte

wpforms-conversational-forms/src/Frontend.php

Esempi

L'esempio seguente aggiunge un messaggio e un conto alla rovescia in fondo al modulo di conversazione.

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