¡Atención!

Este artículo contiene código PHP y JavaScript y está destinado a desarrolladores. Ofrecemos este código como cortesía, pero no proporcionamos soporte para personalizaciones de código o desarrollo de terceros.

Para obtener ayuda adicional, consulta el tutorial de WPBeginner sobre cómo añadir código personalizado.

Descartar

Descripción

La acción wpforms_conversational_forms_footer se activa al final de la carga de la página para la plantilla utilizada por el complemento Conversational Forms.

Parámetros

Esta acción no acepta ningún parámetro.

Más Información

Esta acción funciona de manera muy similar a la acción estándar de WordPress wp_footer. Se ejecutará al final de la carga de la página, pero específicamente para la acción wpforms_conversational_forms_footer, solo se activará en la plantilla de página del formulario conversacional.

Esto es especialmente útil si tienes algún JavaScript personalizado para la plantilla utilizada con el complemento Conversational Forms.

Origen

wpforms-conversational-forms/src/Frontend.php

Ejemplos

El siguiente ejemplo agregará un mensaje y un temporizador de cuenta atrás en la parte inferior del formulario conversacional.

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