Ajouter un compte à rebours aux e-mails Customer.io augmente les taux de clic et de conversion des rappels d'essai, des avis de renouvellement, des incitations à l'adoption de fonctionnalités et des campagnes de croissance product-led. Ce guide vous montre comment intégrer un compte à rebours en direct dans Customer.io et comment utiliser les templates Liquid pour afficher des échéances entièrement personnalisées à partir de n'importe quel attribut utilisateur.
Customer.io est une plateforme de messagerie comportementale conçue pour les entreprises SaaS product-led et les sociétés à l'aise avec la technologie. Sa force réside dans le déclenchement d'e-mails en fonction de ce que les utilisateurs font réellement dans votre produit : inscriptions, utilisation de fonctionnalités, jalons d'essai et événements d'achat. Cela en fait un choix naturel pour les comptes à rebours liés à de véritables échéances utilisateur.
Ce dont vous avez besoin
Un compte Tickvio gratuit et un compte Customer.io. La configuration prend moins de deux minutes pour les comptes à rebours de base, un peu plus si vous utilisez la personnalisation dynamique.
Étape 1 : créez votre compte à rebours dans Tickvio
Connectez-vous à Tickvio et cliquez sur Create Timer. Pour les workflows comportementaux de Customer.io, vous utiliserez généralement :
Evergreen : chaque utilisateur obtient une échéance personnelle à partir du moment où il déclenche l'événement. Parfait pour les expirations d'essai, les échéances d'onboarding et les incitations à l'adoption de fonctionnalités.
Dynamique : la date de fin est transmise via un paramètre d'URL que vous renseignez avec les helpers Liquid de Customer.io. Idéal pour les dates de renouvellement, les échéances de facturation et les expirations propres à chaque compte stockées dans vos attributs utilisateur.
Date fixe : une échéance commune pour les événements à l'échelle de l'entreprise, les lancements de produit ou les changements de tarifs.
Personnalisez le design, définissez votre état d'expiration et copiez le code d'intégration.
Étape 2 : ouvrez l'éditeur d'e-mails de Customer.io
Dans Customer.io, accédez à votre campagne ou à votre diffusion. Ouvrez l'e-mail dans l'éditeur glisser-déposer ou dans l'éditeur de code.
Étape 3 : ajoutez un bloc HTML
Dans l'éditeur visuel, ajoutez un bloc de contenu Code ou HTML. Si vous utilisez l'éditeur de code, vous pouvez coller le compte à rebours n'importe où dans le HTML de votre template.
Étape 4 : collez le code du compte à rebours
Collez le code d'intégration Tickvio. Pour les comptes à rebours de base à date fixe ou Evergreen, c'est tout ce dont vous avez besoin.
Comptes à rebours dynamiques avec Liquid
Customer.io prend en charge les templates Liquid. Pour créer des comptes à rebours personnalisés basés sur les attributs utilisateur (date de fin d'essai, date de renouvellement, échéance d'onboarding), remplacez le paramètre de date dans l'URL du compte à rebours dynamique de Tickvio par une variable Liquid :
<img src="https://app.tickvio.com/cd/your-timer?d={{ customer.trial_end_date | date: '%Y-%m-%dT%H:%M:%S' }}" />
Cela affiche un compte à rebours unique pour chaque utilisateur en fonction de ses données réelles : la configuration de compte à rebours la plus puissante pour les entreprises SaaS et product-led.
Étape 5 : prévisualisez et testez
Utilisez l'aperçu de Customer.io avec un profil de test pour vérifier que le compte à rebours s'affiche correctement, surtout si vous utilisez des dates dynamiques. Envoyez-vous un e-mail de test. Consultez notre guide de compatibilité des clients de messagerie pour en savoir plus.
Utiliser les comptes à rebours dans les campagnes Customer.io
L'architecture pilotée par les événements de Customer.io la rend idéale pour les campagnes avec compte à rebours :
Expiration d'essai : lorsqu'un utilisateur démarre un essai, déclenchez une campagne avec un compte à rebours Evergreen ou dynamique indiquant exactement quand son essai se termine. « Votre essai gratuit expire dans : » avec un compte à rebours en direct est bien plus efficace qu'un rappel en texte brut — les entreprises SaaS constatent régulièrement des hausses de 20–40% de la conversion d'essai vers payant après avoir ajouté des comptes à rebours ici.
Adoption de fonctionnalités : « Terminez votre configuration dans les 48 heures et débloquez un bonus » avec un compte à rebours Evergreen. Incitez les utilisateurs à franchir des jalons d'activation clés. Fonctionne particulièrement bien avec les checklists d'onboarding.
Rappels de renouvellement : utilisez un compte à rebours dynamique avec la date de renouvellement de l'utilisateur issue de son profil Customer.io. « Votre abonnement se renouvelle dans : » garde l'échéance bien en vue.
Changements de tarifs : « Bloquez le tarif actuel avant l'augmentation » avec un compte à rebours à date fixe. Efficace pour les entreprises SaaS qui annoncent des changements de tarifs — les clients existants se précipitent pour renouveler leurs abonnements annuels avant l'augmentation.
Reconquête : pour les utilisateurs perdus, envoyez une offre de réactivation à durée limitée avec un compte à rebours Evergreen. « Revenez dans les 72 heures et bénéficiez de 30% de réduction sur votre premier mois. »
Alertes de limite d'utilisation : « Vous avez utilisé 90% de votre quota — passez à un forfait supérieur avant d'atteindre la limite dans : » avec un compte à rebours dynamique indiquant le temps estimé avant la limite. Un levier product-led.
Rappels de paiement de factures : un compte à rebours dynamique jusqu'à la date d'échéance de la facture. Réduit les retards de paiement en rendant l'échéance visible.
Conseils spécifiques à Customer.io
Liquid est votre super-pouvoir : la prise en charge de Liquid par Customer.io + le type de compte à rebours dynamique de Tickvio = des comptes à rebours entièrement personnalisés, pilotés par n'importe quel attribut utilisateur. Dates d'essai, dates de facturation, expirations de contrat, jalons personnalisés — si c'est dans le profil de votre utilisateur, cela peut alimenter un compte à rebours.
Segmentez par comportement : Customer.io suit nativement le comportement produit. Envoyez les campagnes avec compte à rebours aux utilisateurs qui ont montré une intention (visite de la page de tarifs, utilisation d'une fonctionnalité clé, franchissement d'un seuil d'utilisation) plutôt que d'écrire à tout le monde. Consultez notre guide de délivrabilité.
Webhooks et événements : Customer.io peut déclencher des e-mails à partir d'événements personnalisés. Associez cela à l'API de Tickvio pour créer des comptes à rebours de façon programmatique lorsque des événements produit précis se produisent — une véritable automatisation à grande échelle.
Intégration Data Pipelines : la fonctionnalité Data Pipelines de Customer.io vous permet de synchroniser les données depuis votre data warehouse. Stockez des champs dérivés comme days_to_trial_end ou projected_usage_limit_date et utilisez-les comme échéances de comptes à rebours dynamiques.
Liquid au niveau du message : contrairement à certains ESP, Customer.io évalue Liquid au moment de l'envoi, pas au moment de la mise en file d'attente. Cela signifie que les échéances de compte à rebours calculées à partir de données en direct sont toujours exactes — essentiel pour les rappels de renouvellement et les comptes à rebours liés à la facturation.
Distinction Journey / Campaign : Customer.io propose des Campaigns (déclenchées par événement) et des Broadcasts (envois uniques). Utilisez des comptes à rebours Evergreen ou dynamiques dans les Campaigns, et à date fixe dans les Broadcasts. Erreur courante : placer un compte à rebours à date fixe dans une Campaign qui s'exécute pendant des mois — le compte à rebours expire avant que la plupart des utilisateurs n'entrent dans le flux.
Nommage des attributs de profil : utilisez un nommage cohérent pour les attributs de date (par exemple, toujours _at pour les horodatages : trial_ends_at, et non trial_end). Vos URL de comptes à rebours dynamiques deviennent prévisibles et le travail de votre équipe plus facile à déboguer.
Valeurs de repli Liquid : prévoyez toujours une valeur de repli pour les dates dynamiques. {{ customer.trial_end_date | default: '2099-12-31T23:59:59' }} évite les URL de compte à rebours cassées si l'attribut est absent chez certains utilisateurs.
Quel type de compte à rebours pour quel cas d'usage Customer.io ?
Broadcasts (envois uniques) : comptes à rebours à date fixe.
Campagnes déclenchées par événement (essai, onboarding, activation) : comptes à rebours Evergreen.
Échéances personnalisées basées sur les données (renouvellement, facturation, quota) : comptes à rebours dynamiques avec Liquid.
Questions fréquentes
Customer.io propose-t-il un compte à rebours intégré ?
Non. Customer.io ne dispose d'aucun élément de compte à rebours natif. Vous ajoutez des comptes à rebours via le bloc Code/HTML avec un service de compte à rebours tiers comme Tickvio. Cette combinaison est la norme pour les entreprises SaaS product-led qui utilisent Customer.io.
Puis-je utiliser Liquid dans l'URL du compte à rebours ?
Oui — c'est l'un des schémas les plus puissants de Customer.io + Tickvio. Utilisez Liquid ({{ customer.trial_end_date }}) directement dans le paramètre d'URL du compte à rebours pour afficher des échéances propres à chaque utilisateur au moment de l'envoi.
Le compte à rebours fonctionnera-t-il dans les Broadcasts de Customer.io ?
Oui, mais utilisez un compte à rebours à date fixe pour les Broadcasts (envois uniques) — tout le monde voit la même échéance, correspondant à la date de fin de la campagne. Les comptes à rebours Evergreen et dynamiques sont destinés aux campagnes déclenchées par événement, où chaque utilisateur entre dans le flux à un moment différent.
Puis-je combiner la personnalisation native de Customer.io avec les comptes à rebours dynamiques ?
Oui. L'URL du compte à rebours dynamique de Tickvio n'est qu'un endroit de plus où Liquid fonctionne. Combinez attributs utilisateur, attributs de compte et valeurs dérivées pour créer des échéances précises par utilisateur.
Le compte à rebours affecte-t-il le débit d'envoi ou la délivrabilité de Customer.io ?
Non. Les images du compte à rebours sont chargées depuis le CDN de Tickvio. Le débit d'envoi de Customer.io n'est pas affecté par les références d'images dans le corps des e-mails. La délivrabilité n'est pas affectée — le compte à rebours n'est qu'une image HTTPS de plus.
Puis-je utiliser les comptes à rebours Tickvio dans les messages in-app ou les notifications push de Customer.io ?
Non. Les comptes à rebours Tickvio sont réservés aux e-mails (ce sont des images). Les messages in-app et les notifications push de Customer.io sont en texte brut ou sans HTML, les images ne s'appliquent donc pas. Coordonnez l'urgence entre les canaux en harmonisant le message d'échéance, pas les comptes à rebours visuels.
Commencez
Créez votre compte à rebours Tickvio gratuit — 20,000 vues/mois, comptes à rebours dynamiques et Evergreen inclus, sans marque. Collez-le dans Customer.io et commencez à créer un sentiment d'urgence dans vos campagnes e-mail product-led.
Pour en savoir plus, consultez notre guide complet et la page d'intégration Customer.io.