Description

Le wpforms_conversational_forms_footer est déclenchée à la fin du chargement de la page pour le modèle utilisé pour le module complémentaire Conversational Forms.

Paramètres

Cette action n'accepte aucun paramètre.

Plus d'informations

Cette action fonctionne de la même manière que l'action standard de WordPress wp_footer action. Elle sera exécutée à la fin du chargement de la page, mais spécifiquement pour l'action wpforms_conversational_forms_footer elle ne se déclenchera que sur le modèle de page du formulaire conversationnel.

Ceci est particulièrement utile si vous avez un JavaScript personnalisé pour le modèle utilisé avec le module complémentaire Conversational Forms.

Source

wpforms-conversational-forms/src/Frontend.php

Exemples

L'exemple ci-dessous ajoute un message et un compte à rebours au bas du formulaire de conversation.

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