Le service marketing d’un client e-commerce lance en moyenne une campagne promotionnelle par mois, chacune avec sa propre date de fin. À chaque lancement, l’agence précédente recréait un widget de compte à rebours Elementor Pro depuis zéro, en resaisissant manuellement la date cible dans les réglages du widget. Sur six mois, cela représentait six interventions techniques pour un besoin strictement identique, avec un risque d’erreur de saisie à chaque fois.
Problème
Le widget natif de compte à rebours d’Elementor Pro fonctionne très bien pour un usage ponctuel, mais sa date de fin se règle directement dans les paramètres du widget, ce qui oblige à rouvrir l’éditeur à chaque nouvelle campagne. Aucun mécanisme natif ne permet de piloter cette date depuis un champ de contenu modifiable directement par l’équipe marketing, sans passer par l’éditeur visuel.
Snippet commenté : un champ personnalisé comme source de vérité
La solution retenue s’appuie sur un champ personnalisé ACF de type date, ajouté aux réglages généraux du site (une page d’options ACF), que l’équipe marketing renseigne elle-même à chaque nouvelle campagne. Le widget compte à rebours Elementor Pro reste configuré une seule fois, avec sa date de fin reliée à ce champ via un Dynamic Tag personnalisé, développé en quelques lignes de PHP.
add_action( 'elementor/dynamic_tags/register', function( $dynamic_tags_manager ) {
require_once __DIR__ . '/tags/class-date-campagne-tag.php';
$dynamic_tags_manager->register( new \Mon_Site\Date_Campagne_Tag() );
} );
class Date_Campagne_Tag extends \Elementor\Core\DynamicTags\Tag {
public function get_name() {
return 'date-campagne-active';
}
public function get_title() {
return __( 'Date de campagne active', 'mon-site' );
}
public function get_group() {
return \Elementor\Modules\DynamicTags\Module::TEXT_CATEGORY;
}
public function get_categories() {
return [ \Elementor\Modules\DynamicTags\Module::TEXT_CATEGORY ];
}
public function render() {
$date = get_field( 'date_fin_campagne', 'option' );
echo esc_html( $date );
}
}
Masquer automatiquement le bloc une fois la campagne terminée
Un compte à rebours qui affiche « 00:00:00:00 » en permanence après la date de fin donne une impression de site à l’abandon, pire encore qu’une absence totale de promotion. La condition d’affichage native d’Elementor Pro, combinée à un contrôle personnalisé calculant la date du jour par rapport au champ ACF, permet de masquer entièrement la section une fois la campagne écoulée, sans intervention manuelle.
add_filter( 'elementor/frontend/widget/should_render', function( $should_render, $widget ) {
if ( 'countdown' !== $widget->get_name() ) {
return $should_render;
}
$date_fin = get_field( 'date_fin_campagne', 'option' );
if ( empty( $date_fin ) ) {
return false;
}
return strtotime( $date_fin ) > current_time( 'timestamp' );
}, 10, 2 );Variantes utiles selon le contexte de campagne
- Campagne récurrente hebdomadaire : remplacer le champ date fixe par un calcul automatique du prochain dimanche minuit, utile pour une promotion « week-end » qui revient chaque semaine sans intervention.
- Plusieurs comptes à rebours simultanés : dupliquer le champ ACF avec un suffixe par zone du site (bandeau, page produit, popup), pour des campagnes qui ne se terminent pas toutes en même temps.
- Compte à rebours avec fuseau horaire différent du serveur : ajouter un réglage de décalage horaire dans le champ ACF plutôt que de fixer la date en heure serveur, pour une équipe marketing qui raisonne en heure locale d’un marché cible.
Un widget bien conçu une seule fois vaut mieux qu’un widget bien réglé six fois. La différence tient rarement à la complexité technique, mais à la question posée avant de commencer : qui va réellement modifier cette donnée dans six mois ?
En résumé
Rendre un compte à rebours Elementor réutilisable ne demande pas de développement lourd, seulement de déplacer la donnée variable (la date) hors de l’éditeur visuel, vers un champ que l’équipe concernée peut modifier elle-même. Ce déplacement, une fois fait, transforme une tâche technique récurrente en une simple mise à jour de contenu, sans sollicitation de l’agence à chaque nouvelle campagne.
