Riassunto AI
Descrizione
L'azione wpforms_conversational_forms_footer viene attivata alla fine del caricamento della pagina per il template utilizzato per l'addon Moduli Conversazionali.
Parametri
Questa azione non accetta parametri.
Maggiori Informazioni
Questa azione funziona in modo molto simile all'azione standard di WordPress wp_footer. Verrà eseguita alla fine del caricamento della pagina, ma specificamente per l'azione wpforms_conversational_forms_footer, verrà attivata solo nel template della pagina del modulo conversazionale.
Questo è particolarmente utile se hai del JavaScript personalizzato per il template utilizzato con l'addon Moduli Conversazionali.
Origine
wpforms-conversational-forms/src/Frontend.php
Esempi
L'esempio seguente aggiungerà un messaggio e un timer di conto alla rovescia in fondo al modulo conversazionale.
/**
* 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 );