Ajouter un compte à rebours à vos e-mails SendGrid fonctionne parfaitement, aussi bien dans les Marketing Campaigns que dans les modèles transactionnels envoyés via l'API SendGrid. Ce guide vous montre comment intégrer un compte à rebours en direct dans le Design Editor de SendGrid et comment utiliser les modèles Handlebars pour des échéances dynamiques et personnalisées : dates limites d'expédition, expirations d'essai, échéances de paiement et comptes à rebours d'événements.
SendGrid (Twilio SendGrid) est une plateforme d'e-mailing pensée pour les développeurs, utilisée par 80,000+ marques à la fois pour leurs campagnes marketing et leurs e-mails transactionnels. Sa double force — les envois marketing en masse et l'e-mail transactionnel piloté par API — ouvre des cas d'usage de comptes à rebours que la plupart des ESP ne prennent pas en charge nativement.
Ce dont vous avez besoin
Un compte Tickvio gratuit et un compte SendGrid.
Étape 1 : créez votre compte à rebours dans Tickvio
Connectez-vous à Tickvio et créez un compte à rebours. Pour les campagnes SendGrid :
Date fixe — une échéance commune pour les campagnes promotionnelles.
Evergreen — des échéances personnelles pour les séquences automatisées.
Dynamique — la date de fin est transmise via un paramètre d'URL. Parfait pour les e-mails transactionnels où chaque destinataire a une échéance unique (date limite d'expédition, expiration d'essai, échéance de paiement).
Personnalisez le design, définissez votre état d'expiration et copiez le code d'intégration.
Méthode A : Design Editor (Marketing Campaigns)
Pour les Marketing Campaigns de SendGrid avec l'éditeur visuel :
Étape 2 : créez ou modifiez un e-mail dans le Design Editor.
Étape 3 : faites glisser un module HTML (ou module « Code ») dans votre modèle.
Étape 4 : collez le code d'intégration Tickvio. Enregistrez et prévisualisez.
Méthode B : éditeur de code / modèles d'API
Pour les développeurs qui créent des modèles dans l'éditeur de code ou via l'API SendGrid :
Étape 2 : ouvrez votre modèle d'e-mail dans l'éditeur de code ou votre environnement de développement local.
Étape 3 : collez le code d'intégration Tickvio (une balise <img> encadrée par un lien) directement dans votre HTML, à l'endroit où vous voulez le compte à rebours.
Comptes à rebours dynamiques avec Handlebars
SendGrid prend en charge les modèles Handlebars pour les données dynamiques. Remplacez le paramètre de date dans l'URL du compte à rebours dynamique de Tickvio par une variable Handlebars afin d'afficher des comptes à rebours personnalisés pour chaque destinataire :
<img src="https://app.tickvio.com/cd/your-timer?d={{trial_end_date}}" alt="Countdown timer" />
Lorsque vous transmettez trial_end_date comme champ de personnalisation dans l'appel API, chaque destinataire reçoit un compte à rebours qui décompte jusqu'à sa date précise. C'est le schéma utilisé pour les rappels d'essai SaaS, les renouvellements d'abonnement et les échéances de facture.
Étape 5 : prévisualisez et testez
Utilisez la prévisualisation de SendGrid ou envoyez un e-mail de test. Pour les comptes à rebours dynamiques, vérifiez avec des données de test contenant des dates différentes. Consultez notre guide de compatibilité des messageries pour le rendu dans les clients de messagerie.
Cas d'usage en e-mail transactionnel (la fonctionnalité phare de SendGrid)
La force de SendGrid en matière d'e-mail transactionnel ouvre des opportunités de comptes à rebours uniques que la plupart des ESP ne peuvent pas égaler :
Date limite d'expédition : « Commandez dans les 4 prochaines heures pour une expédition le jour même », avec un compte à rebours evergreen dans les e-mails d'abandon de navigation ou de confirmation de commande. Fonctionne mieux pour la logistique sensible au temps (livraison le jour même, dates limites avant les fêtes).
Expiration d'essai : un compte à rebours dynamique utilisant la date de fin d'essai de l'utilisateur. « Votre essai gratuit expire dans : » dans les e-mails de rappel automatisés. Stimule les conversions des essais SaaS — c'est le cas d'usage de compte à rebours transactionnel avec le meilleur ROI.
Échéance de paiement : un compte à rebours dynamique qui décompte jusqu'à la date d'échéance de la facture. Réduit les retards de paiement en rendant l'échéance visuellement bien visible. Les équipes financières adorent.
Confirmation d'événement : un compte à rebours à date fixe dans les e-mails de confirmation d'événement, qui décompte jusqu'au début de l'événement. Améliore les taux de présence aux webinaires et aux événements virtuels.
Rappels de rendez-vous : un compte à rebours dynamique qui décompte jusqu'aux rendez-vous programmés (médical, services, consultations). Réduit nettement les absences.
Réinitialisation de mot de passe / expiration de vérification : un compte à rebours evergreen affichant « Ce lien expire dans 30 minutes. » Rend la contrainte de sécurité concrète et dissuade les utilisateurs de reporter la vérification.
Cas d'usage en campagnes marketing
Ventes flash : un compte à rebours à date fixe pour les promotions à durée limitée. Consultez notre guide des ventes flash.
Promotions saisonnières : soldes de fêtes, déstockage de fin de saison, rentrée scolaire — toutes profitent d'échéances visibles.
Réengagement : les fonctionnalités d'automatisation de SendGrid vous permettent de déclencher des e-mails de réengagement. Associez-les à des comptes à rebours evergreen pour des fenêtres de reconquête personnalisées.
Conseils spécifiques à SendGrid
Approche API-first : pour les développeurs, Tickvio propose une API pour créer des comptes à rebours de façon programmatique. Créez des comptes à rebours à la volée à partir d'événements applicatifs (utilisateur inscrit, essai démarré, commande expédiée) et intégrez les URL dans les modèles transactionnels SendGrid — une urgence entièrement automatisée et à grande échelle.
Modules du Design Editor : enregistrez votre compte à rebours comme module réutilisable dans le Design Editor pour l'insérer rapidement dans plusieurs campagnes. Fonctionne aussi bien pour les modèles marketing que transactionnels.
Délivrabilité : SendGrid est réputé pour sa forte délivrabilité — il est explicitement conçu pour le placement en boîte de réception. Les images de compte à rebours de Tickvio sont servies depuis des domaines CDN réputés qui ne nuiront pas à votre réputation d'expéditeur. Consultez notre guide de la délivrabilité.
API Dynamic Templates : si vous utilisez la fonctionnalité Dynamic Templates de SendGrid (template_id + dynamic_template_data), transmettez les échéances du compte à rebours dans dynamic_template_data. La logique de votre compte à rebours transactionnel devient ainsi testable et gérée en version.
Event Webhook : l'Event Webhook de SendGrid suit les ouvertures et les clics. Associez-le aux analyses de vues de compte à rebours de Tickvio pour visualiser l'engagement sur tout l'entonnoir : vues du compte à rebours (depuis Tickvio) + ouvertures d'e-mails (depuis SendGrid) + clics (depuis SendGrid) dans un seul tableau de bord.
Intégration Twilio SMS : comme SendGrid est un produit Twilio, vous pouvez coordonner e-mail + SMS. Envoyez un SMS via l'API Twilio lorsque le compte à rebours de l'e-mail approche de zéro, pour une urgence de dernière minute multicanal.
Sous-comptes / multimarque : SendGrid prend en charge les sous-comptes pour les agences et les expéditeurs multimarques. Créez un compte à rebours Tickvio par marque avec des couleurs et des polices assorties, enregistré dans la bibliothèque de modèles de chaque sous-compte.
Ne mettez pas les URL de compte à rebours en cache côté serveur : si votre application met en cache le HTML rendu, assurez-vous que l'URL du compte à rebours n'est pas mise en cache avec une échéance obsolète. Générez toujours l'URL du compte à rebours à neuf pour chaque destinataire.
Quel type de compte à rebours pour quelle campagne SendGrid ?
Envois promotionnels (Marketing Campaigns) : comptes à rebours à date fixe.
Séquences automatisées / flux de drip : comptes à rebours evergreen.
E-mails transactionnels avec échéances par destinataire : comptes à rebours dynamiques avec Handlebars.
Questions fréquentes
SendGrid dispose-t-il d'un compte à rebours intégré ?
Non. SendGrid n'a pas d'élément de compte à rebours natif. Vous ajoutez des comptes à rebours en collant le code d'intégration Tickvio dans un bloc HTML du Design Editor, ou directement dans le HTML du modèle pour les envois pilotés par API.
Puis-je utiliser les comptes à rebours Tickvio dans les e-mails transactionnels SendGrid ?
Oui — c'est l'un des schémas SendGrid les plus puissants de Tickvio. Pour les échéances par destinataire (expirations d'essai, dates limites d'expédition, échéances de paiement), utilisez des comptes à rebours dynamiques avec des variables Handlebars transmises via l'API SendGrid.
Les comptes à rebours Tickvio fonctionnent-ils avec les Dynamic Templates de SendGrid ?
Oui. Transmettez l'échéance du compte à rebours dans dynamic_template_data lors de votre appel API, et utilisez la syntaxe Handlebars dans le modèle pour l'insérer dans l'URL du compte à rebours.
Le compte à rebours affectera-t-il le score de délivrabilité de SendGrid ?
Non. Les images de compte à rebours se chargent depuis le CDN de Tickvio avec un HTTPS correct et des en-têtes d'image standard. Les systèmes de délivrabilité de SendGrid les traitent comme n'importe quelle autre image intégrée.
Tickvio figure-t-il dans le SendGrid Integration Directory ?
Tickvio n'est pas une intégration SendGrid officiellement répertoriée. L'intégration se fait via du HTML et Handlebars standard, ce qui signifie qu'il n'y a rien à installer ni à provisionner — il suffit de coller le code d'intégration dans vos modèles.
Puis-je utiliser le compte à rebours dans l'API e-mail de SendGrid sans modèles ?
Oui. Les comptes à rebours Tickvio fonctionnent dans n'importe quel e-mail HTML, qu'il soit envoyé via Marketing Campaigns, Dynamic Templates ou du HTML brut transmis directement à l'API SendGrid. Si vous générez le HTML de façon programmatique, il vous suffit d'inclure la balise <img> du compte à rebours dans votre sortie.
Commencez
Créez votre compte à rebours Tickvio gratuit — 20,000 vues/mois, comptes à rebours dynamiques pour l'e-mail transactionnel inclus, sans marque. Compatible avec le Design Editor et les modèles d'API de SendGrid.
Pour en savoir plus, consultez notre guide complet et la page d'intégration SendGrid.