API de compte à rebours pour e-mail : guide développeur

Intégrez des comptes à rebours dynamiques à votre stack e-mail avec un simple appel d’API.

API de compte à rebours pour e-mail : guide développeur

Pourquoi utiliser une API de compte à rebours ?

Si vous créez des campagnes e-mail à grande échelle, fabriquer manuellement un compte à rebours pour chaque envoi ne tient tout simplement pas la route. Une approche par API vous permet de générer des timers par programmation, de les intégrer dans vos templates et de personnaliser chaque détail — des couleurs aux polices en passant par le comportement à l’expiration — sans quitter votre code.

L’approche de ClickTimer est d’une simplicité élégante : vous construisez une URL avec les paramètres souhaités, et elle renvoie un compte à rebours au format GIF qui se met à jour en temps réel à chaque ouverture de l’e-mail par le destinataire. Aucun JavaScript requis, aucun problème d’affichage selon les clients de messagerie. Ça fonctionne, tout simplement — dans Gmail, Outlook, Apple Mail, Yahoo et tous les autres grands clients.

Ce guide vous explique tout ce qu’il faut pour intégrer des comptes à rebours à votre infrastructure e-mail, que vous utilisiez une plateforme de marketing automation, un système d’envoi développé en interne ou un service d’e-mails transactionnels comme SendGrid.

Comment fonctionne l’API ClickTimer

ClickTimer génère des comptes à rebours sous forme d’images GIF animées servies via une URL. Le timer est rendu côté serveur et recalculé à chaque requête HTTP : chaque fois que quelqu’un ouvre un e-mail, il voit un compte à rebours exact, en temps réel.

Le principe d’intégration est simple : construisez une URL de timer avec vos paramètres, intégrez-la sous forme de balise <img> dans le HTML de votre e-mail, et c’est terminé. Pas de SDK à installer, pas de webhook à configurer, pas de jeton d’authentification à gérer pour la génération de base des timers.

Pour les développeurs qui doivent gérer les timers par programmation — création, mise à jour ou suivi de la consommation — ClickTimer propose un tableau de bord et une interface de configuration sur clicktimer.co/#config, où vous pouvez générer des URL de timer avec un éditeur visuel, puis les utiliser dans votre code.

Modes d’intégration par plateforme

Le grand avantage d’un système de timers basé sur des URL, c’est sa compatibilité universelle. Voici comment il s’intègre aux architectures e-mail courantes :

Type de plateforme Méthode d’intégration Exemple
ESP (Klaviyo, Mailchimp)Collez l’URL du timer dans un bloc imageGlisser-déposer une image → coller l’URL
Transactionnel (SendGrid, SES)Intégrer <img> dans le template HTMLURL dynamique dans une variable du template
Marketing automation (HubSpot)Module HTML personnalisé avec l’URL du timerTemplate HubL avec date personnalisée
Systèmes développés en interneGénérer l’URL côté serveur, l’injecter dans le HTMLUn script Python/Node construit l’URL pour chaque destinataire
WordPress / WooCommerceShortcode ou bloc HTML dans le plugin e-mailConsultez notre guide WordPress

Construire des URL de timer dynamiques

Si votre équipe envoie des campagnes personnalisées, vous voudrez construire les URL de timer de façon dynamique. Les principaux paramètres sont la date/heure cible, le fuseau horaire, la langue d’affichage, la police (à choisir parmi plus de 900 Google Fonts), les couleurs des chiffres, des libellés et du fond, ainsi que les dimensions du timer.

Une pratique courante consiste à générer une URL de timer unique par destinataire, en fonction de son échéance propre. Par exemple, un éditeur SaaS qui envoie des rappels de fin d’essai calcule la date de fin d’essai de chaque utilisateur et l’encode dans l’URL du timer. Résultat : chaque destinataire voit un compte à rebours jusqu’à sa propre échéance, et non une date de campagne générique.

C’est particulièrement efficace avec des plateformes comme Klaviyo ou HubSpot, où vous pouvez utiliser des balises de fusion ou des jetons de personnalisation pour définir dynamiquement la date du compte à rebours pour chaque destinataire.

Exemples d’implémentation côté serveur

Que vous travailliez en Python, Node.js, PHP ou tout autre langage, l’intégration suit le même principe : construisez une chaîne d’URL avec vos paramètres et intégrez-la dans le HTML de votre e-mail comme source d’image. Aucune bibliothèque à installer ni clé d’API à gérer — l’URL elle-même est l’API.

Pour les campagnes en lot, vous pouvez générer des centaines d’URL de timer uniques dans une boucle, chacune avec une date cible différente, et les injecter dans vos templates avant l’envoi. Les serveurs ClickTimer se chargent de tout le rendu des GIF à la volée.

Pour les équipes qui utilisent les intégrations Zapier, il est même possible d’automatiser la création de timers dans des workflows plus larges — en déclenchant des timers personnalisés lorsqu’un utilisateur s’inscrit, abandonne un panier ou franchit une étape clé dans votre produit.

Mémo développeur

Les points clés pour planifier votre intégration :

  • Format : GIF animé — fonctionne dans 100 % des clients de messagerie
  • Rendu : Côté serveur, recalculé à chaque ouverture de l’e-mail
  • Polices : Plus de 900 Google Fonts disponibles
  • Authentification : Aucune requise pour générer un timer (basé sur l’URL)
  • Limites de débit : Paiement à l’usage selon les impressions
  • Offre gratuite : 10 000 impressions/mois — sans filigrane
  • Tarifs : 0,23 €/10K (jusqu’à 150K), 0,15 €/10K (jusqu’à 1M), 0,06 €/10K (au-delà de 1M)

Gestion des erreurs et cas limites

Que se passe-t-il quand un compte à rebours arrive à zéro ? Par défaut, ClickTimer affiche un état statique « 00:00:00 ». Vous pouvez personnaliser ce comportement depuis le tableau de bord de configuration — en affichant un message personnalisé ou en masquant complètement le timer après l’expiration.

Pour les fuseaux horaires, indiquez toujours explicitement le fuseau dans l’URL du timer plutôt que de vous fier aux valeurs par défaut. Vous garantissez ainsi la cohérence pour l’ensemble de vos destinataires, en particulier pour les campagnes internationales. ClickTimer prend en charge tous les identifiants de fuseau horaire IANA standard.

Si une URL de timer est mal formée ou qu’il manque des paramètres obligatoires, ClickTimer renvoie une image de secours plutôt qu’une icône d’image cassée — vos e-mails n’ont donc jamais l’air cassés, même en cas de bug dans votre logique de construction d’URL.

Montée en charge

L’infrastructure de ClickTimer est conçue pour les envois à fort volume. Que vous envoyiez 1 000 ou 10 millions d’e-mails, chaque timer est rendu à la demande — aucune étape de pré-génération ni file d’attente à gérer de votre côté.

Pour optimiser les coûts à grande échelle, la tarification dégressive de ClickTimer joue en votre faveur : plus vous consommez d’impressions, plus le coût par impression baisse. Au-delà de 1M d’impressions, vous ne payez que 0,06 € pour 10 000 — nettement moins cher que des concurrents comme MailTimers (49 €/mois) ou Deadline Funnel (49 $/mois), qui facturent un abonnement fixe quel que soit votre volume.

Les crédits sont prépayés et n’expirent jamais : vous pouvez donc en acheter en grande quantité pendant une saison de campagnes intense et les utiliser tout au long de l’année, sans vous soucier de renouvellements mensuels ni d’abonnements payés pour rien.

Questions fréquentes

Ai-je besoin d’une clé d’API pour générer des timers ?

Non. ClickTimer génère les timers à partir d’une URL : vous construisez une URL avec vos paramètres et l’intégrez directement. Aucune authentification n’est requise pour la création de base d’un timer.

Puis-je générer des timers dynamiquement pour chaque destinataire ?

Oui. Construisez l’URL du timer côté serveur avec l’échéance propre à chaque destinataire, puis intégrez cette URL unique dans son e-mail. Cela fonctionne pour les fins d’essai, les rappels de rendez-vous ou les échéances de promotions personnalisées.

Que se passe-t-il quand le compte à rebours arrive à zéro ?

Par défaut, le timer affiche un « 00:00:00 » statique. Vous pouvez personnaliser le comportement après expiration depuis le tableau de bord ClickTimer.

Y a-t-il une limite de débit sur les requêtes de timer ?

ClickTimer fonctionne avec un modèle basé sur les impressions — pas de limite de débit à proprement parler, mais vous payez par tranche de 10K impressions. L’offre gratuite inclut 10 000 impressions sans filigrane.

Quels clients de messagerie prennent en charge les timers GIF ?

Tous. Le GIF est pris en charge partout : Gmail, Outlook, Apple Mail, Yahoo Mail et tous les autres grands clients de messagerie. C’est pourquoi ClickTimer utilise le format GIF plutôt que des animations JavaScript ou CSS.

Essayez ClickTimer gratuitement

Créez votre premier compte à rebours en 30 secondes.

Créer votre compte à rebours →
My Countdown

Aperçu en taille réelle

  • La largeur et la hauteur des blocs dimensionnent chacun des quatre blocs ; la marge intérieure ajoute de l'espace dans chaque bloc et l'espacement en ajoute entre eux.
  • La taille de police fixe la taille du bloc tant que vous ne définissez pas vous-même une largeur ou une hauteur.
  • Les libellés ajoutent une bande sous les blocs, ou rendent chaque bloc plus haut lorsqu'ils sont placés à l'intérieur.
Aperçu 636 × 231 px

Police

Police des libellés

Suit la taille de police jusqu'à ce que vous la modifiiez.

Couleurs

Configurer par segment Donnez à un segment ses propres couleurs — des Sec rouges sur des Jours calmes.
Couleur du Texte
Fond du bloc
Couleur de bordure du bloc
Couleur des libellés
Couleur du Cadran
Couleur de Piste du Cadran
Fond du cadran
Largeur:
Rayon des bords:

Dimensions et mise en page

Marges extérieures

De l'espace tout autour du compte à rebours, en dehors des blocs — là où un cadran plus grand que son bloc peut s'étendre.

Extras

Libellés

Le libellé est placé dans chaque bloc, sous le nombre.

Espace entre les nombres et leurs libellés.

Arrière-plan

Countdown Settings

Date de fin à

Connectez-vous à votre tableau de bord et accédez à plus de 50+ réglages, dégradés et autres valeurs configurables pour le rendre vraiment unique à votre marque.

Minimal
Minimal
En cours
Gras
Gras
En cours
Festif
Festif
En cours
Pro
Pro
En cours
Sombre
Sombre
En cours
Transparent
Transparent
En cours
The Submariner
The Submariner
En cours