Description

The wpforms_conversational_forms_footer action is triggered at the end of the page load for the template used for the Conversational Forms addon.

Parameters

This action does not accept any parameters.

More Information

This action works much like the standard WordPress wp_footer action. It will run at the end of the page load, but specifically for the wpforms_conversational_forms_footer action, it will only fire on the conversational form page template.

This is especially useful if you have any custom JavaScript for the template used with the Conversational Forms addon.

Source

wpforms-conversational-forms/src/Frontend.php

Examples

The example below will add a message and countdown timer at the bottom of the conversational form.

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