avril 5, 2018

[Astuce] Créer gratuitement un compte à rebours animé en HTML

Reading time about 3 min

« Le temps, c’est de l’argent » : jouez-en avec vos contacts !

Pour créer l’urgence chez vos contacts et les pousser à l’achat, rien de tel qu’un compteur indiquant le temps restant avant la fin d’une promotion ! Cette stratégie repose sur le FOMO (Fear of Missing Out, qu’on peut traduire par « Peur de rater l’occasion »).

Dans cet article, vous allez découvrir comment :

  • Créer un compte à rebours personnalisé,
  • Intégrer le code HTML dans votre email,
  • Utiliser efficacement les comptes à rebours.

Créer son compte à rebours en HTML

Créez un compte à rebours HTML personnalisé grâce à NiftyImages.

Nifty Images est un site qui vous permet de créer :

  • Des comptes à rebours animés,
  • Des images personnalisées,
  • Des intégrations de posts Instagram…
Exemple de compteur réalisé avec NiftyImages
Un exemple de compte à rebours HTML : plus que quelques jours avant l’anniversaire de Brevo !

Son avantage par rapport aux autres sites ? Il propose de nombreux outils de personnalisation pour votre compte à rebours. Vous pouvez créer un compte gratuitement, mais l’utilisation de la plateforme devient payante en fonction du nombre de personnes qui visualisent vos créations. Au delà de 10 000, il faudra investir dans un compte payant !

Pour créer votre timer personnalisé, commencez par vous inscrire. La plateforme n’est pas en français, mais vous pourrez modifier la langue au sein de l’éditeur.

Sur la page d’accueil, cliquez sur « Create image or timer » puis sur « New Countdown Timer ». Vous pouvez ensuite choisir le template de compte à rebours qui vous convient le mieux.

L’étape la plus importante est la modification de la date de fin du timer. Dans le menu en haut à droite, choisissez l’heure et la date de fin (au format MM/JJ/AAAA) de votre compte à rebours ainsi que le fuseau horaire.

Compte à rebours HTML : les données essentielles à modifier sur Nifty Images

Vous pouvez également régler le compte à rebours en français en cliquant sur « More » et en changeant la langue utilisée. Si vous souhaitez tout simplement supprimer les indications présentes sur le compteur, vous pouvez décocher la case « Label ».

Il existe de nombreuses autres possibilités de personnalisation sur votre éditeur de compte à rebours HTML Nifty Images :

  • Changer l’image de fond,
  • Modifier la police d’écriture,
  • Sélectionner les couleurs utilisées…

Insérer votre compte à rebours dans votre email

Mettez en avant votre timer pour un effet optimal.

Pour insérer votre compte à rebours crée en HTML grâce à Nifty Images sur Brevo, vous avez 2 solutions :

  • Intégrer le compte à rebours dans le code HTML de votre email,
  • L’insérer à partir de l’éditeur Drag and Drop Brevo.

Vous n’avez qu’à copier le code HTML généré automatiquement après la création de votre timer et le coller à l’endroit désiré. Pour l’éditeur Drag and Drop, cela nécessite de créer un bloc de texte, puis de coller le code tel quel à la place du texte.

Nous vous conseillons de le placer au début de votre email afin qu’il attire immédiatement l’attention de vos contacts sans qu’ils aient besoin de parcourir l’email.

Quelques conseils pour votre compte à rebours

Opter pour des délais très courts si vous annoncez la fin d’une promotion

Dans le cadre d’une promotion qui se termine ou d’une vente-flash, mieux vaut miser sur l’immédiateté.

Si votre compte à rebours marque la fin d’un événement, il est préférable qu’il soit plutôt court, entre 6 et 12 heures. Le but est que votre contact se rende immédiatement sur votre site : s’il a 3 jours pour le faire, il va oublier !

Choisir un délai long si votre compte à rebours marque le début d’un événement

Le compte à rebours sert de rappel à consulter régulièrement.

Vous préparez une vente exceptionnelle ou vous organisez un événement ? Dans ce cas, intégrer un timer dans vos emails est une tactique efficace et utile à vos contacts. Ils pourront en effet consulter votre email pour se remémorer la date.

Ne pas abuser des comptes à rebours

Les comptes à rebours ne sont pas toujours utiles.

Tout comme les GIFs ou les emojis, les comptes à rebours sont à utiliser avec parcimonie ! Inutile de les intégrer constamment à vos emails, sous peine de perdre leur effet auprès de vos lecteurs. Vous pouvez toujours annoncer vos dates grâce à une mention « J – X » dans l’objet de votre email.

Conclusion

Les comptes à rebours HTML sont un bon moyen de dynamiser vos emails et de faire monter la pression marketing. Attention à ne pas en abuser !

Pour créer gratuitement des emails engageants où vos comptes à rebours seront du meilleur effet, créez dès maintenant votre compte Brevo !

Prêt à aller plus haut avec Brevo ?

Tous les outils dont vous avez besoin pour communiquer avec vos clients et développer votre entreprise.

Gratuit. Inscrivez-vous !