NEWS #Digitale : envie de recevoir nos meilleurs articles ?  Inscription → 

Comment Créer un Compte à Rebours Animé (et Gratuit) en Email Marketing ?

Vous souhaitez intégrer un compte à rebours à votre newsletter mais ne savez pas comment faire ? Voici une méthode simple et gratuite pour en générer un.

Vous souhaitez créer très rapidement et simplement un compte à rebours simple et personnalisé à intégrer dans un email, une site internet, une campagne email marketing (ex : soldes, black friday, ventes privées) ou une newsletter ? Vous ne savez pas coder ? Voici une méthode simple et efficace pour créer un compte à rebours basique à intégrer dans le code HTML de n’importe quel email ou site web et compatible avec la plupart des boites mail.

Créer gratuitement un compte à rebours animé en 2 min, c’est possible ! Voici comment.

Pour créer votre compte à rebours, vous aurez besoin en amont de simplement connaitre les codes hexadécimaux (ex : #fff pour le blanc) des couleurs que vous souhaitez utiliser pour le réaliser.

Pas de panique, si vous n’avez rien à disposition, un sélecteur de couleurs vous permettra également de choisir les couleurs de votre compte à rebours « au feeling ».

Outre les couleurs, cette méthode de vous offrira pas des possibilités de personnalisation très avancées mais le compte à rebours généré aura l’avantage d’être compatible mobile et desktop sans problème.

Voici comment ça marche concrètement

sendtric compte à rebours
Voici l’aperçu de l’interface permettant de générer le compte à rebours gratuit
  1. Rendez-vous sur le site de SendTric : https://www.sendtric.com
  2. Renseignez votre email ainsi que la Time Zone sur laquelle doit se baser le compte à rebours (Paris si vous êtes en France)
  3. Choisissez ensuite la date et l’heure à laquelle votre compte à rebours doit se terminer (vous ne pourrez pas choisir une date supérieure à 29 jours)
  4. Sélectionnez la langue de votre compte à rebours
  5. Choisissez les 3 couleurs modifiables du compte à rebours (fond, couleur des chiffres et couleur des labels)
  6. Cochez la case pour accepter les termes et conditions puis cliquez sur « Generate »
  7. Vérifiez le rendu de votre compte à rebours puis copiez-collez le code HTML généré si ce dernier vous convient.

Le code HTML ressemblera à ça :

<img src="http://gen.sendtric.com/countdown/tarh5cwt05" style="display: block;" />

Voici un exemple de compte à rebours généré :

Voici un exemple de newsletter intégrant un compte à rebours

Voici un exemple d’emailing réalisé à l’occasion du Black Friday 2018 qui intègrait un compte à rebours :

exemple newsletter compte à rebours
Aperçu d’une newsletter de tbs intégrant un compte à rebours via la méthode présentée ici

Il existe bien entendu d’autres méthodes pour créer un compte à rebours compatible avec la plupart des boites mail mais la plupart sont payantes ou alors nécessitent des compétences en développement web, webdesign et intégration.

Celle présentée ici peut être simplement intégrable dans la plupart des emailing sans poser le moindre problème de comptabilité, alors pourquoi s’en priver ?

Comment créer un compte à rebours animé avec une autre méthode compatible pour insertion dans les newsletters ?

Si vous souhaitez intégrer à tout prix un compte à rebours dans votre email marketing, qu’il s’agisse d’une campagne email ou d’une newsletter plus classique, vous devez obligatoirement penser aux formats compatibles avec les emails.

Le plus simple consiste à utiliser la méthode que nous vous avons proposé ci-dessus mais une bonne alternative consiste, pour les countdown plus courts, à créer un Gif en convertissant une vidéo en Gif ou en créant directement le Gif avec votre outil PAO préféré.

FAQ : Les comptes à rebours

Qu’est-ce qu’un compte à rebours animé ?

Un compte à rebours animé est une représentation visuelle du décompte du temps restant avant un événement spécifique.

Il s’agit généralement d’une animation graphique qui affiche les jours, les heures, les minutes et les secondes qui séparent le moment actuel de l’événement attendu.

Comment fonctionne un compte à rebours animé ?

Un compte à rebours animé utilise généralement des langages de programmation web tels que HTML, CSS et JavaScript pour afficher les éléments graphiques et mettre à jour les valeurs du temps restant.

Le JavaScript est utilisé pour calculer la durée entre la date actuelle et l’événement cible, puis pour mettre à jour l’animation à intervalles réguliers.

Puis-je personnaliser l’apparence d’un compte à rebours animé ?

Oui, la plupart des comptes à rebours animés offrent des options de personnalisation. Vous pouvez généralement choisir les couleurs, les polices et les styles d’animation qui correspondent le mieux à votre site web ou à votre événement.

Certains compteurs à rebours animés permettent même d’ajouter des images ou des vidéos pour une personnalisation encore plus poussée.

Les comptes à rebours animés sont-ils compatibles avec les appareils mobiles ?

Oui, de nos jours, la plupart des comptes à rebours animés sont conçus pour être compatibles avec les appareils mobiles.

Ils sont généralement responsifs et s’adaptent à différentes tailles d’écran, ce qui permet aux utilisateurs de visualiser facilement le compte à rebours, que ce soit sur un ordinateur de bureau, une tablette ou un téléphone portable.

Est-ce difficile d’ajouter un compte à rebours animé à un site web ?

La difficulté peut varier en fonction de vos compétences en programmation et du système utilisé pour votre site web. Si vous êtes familier avec le développement web et que vous avez accès au code source de votre site, vous pouvez trouver des tutoriels en ligne pour vous guider dans la création d’un compte à rebours animé.

Si vous utilisez une plateforme de création de site web ou un gestionnaire de contenu, il peut exister des plugins ou des extensions qui vous permettent d’ajouter facilement des compteurs à rebours animés.

Les compteurs à rebours animés peuvent-ils être partagés sur les réseaux sociaux ?

Oui, certains compteurs à rebours animés sont conçus spécifiquement pour être partagés sur les réseaux sociaux. Ils peuvent être exportés sous forme d’images ou de vidéos, que vous pouvez ensuite publier sur des plateformes telles que Facebook, Instagram ou Twitter.

Ces compteurs à rebours partageables sont souvent utilisés pour créer du buzz autour d’un événement à venir et encourager la participation ou l’engagement des utilisateurs.

Peut-on mettre un compte à rebours en widget ? Comment ?

Oui, il est possible de mettre un compte à rebours en tant que widget sur votre site web ou sur votre écran d’accueil si vous utilisez un système d’exploitation compatible avec les widgets. Voici comment procéder :

  1. Sélectionnez un compteur à rebours animé adapté à vos besoins. Vous pouvez trouver des compteurs à rebours préfabriqués en ligne ou utiliser des générateurs de compteurs à rebours pour créer le vôtre.
  2. Générez le code HTML, CSS et JavaScript nécessaire pour le compteur à rebours animé. Si vous utilisez un générateur en ligne, il vous fournira probablement le code prêt à l’emploi.
  3. Si vous utilisez un système de gestion de contenu (CMS) tel que WordPress, recherchez un plugin de compte à rebours animé. Installez et activez le plugin, puis suivez les instructions fournies pour intégrer le widget sur votre site web.
  4. Si vous développez votre propre site web, copiez-collez le code du compteur à rebours animé dans la partie de votre site où vous souhaitez qu’il apparaisse. Assurez-vous d’inclure les fichiers CSS et JavaScript nécessaires, et modifiez les paramètres du compteur à rebours selon vos préférences (date de l’événement, couleurs, etc.).
  5. Si vous souhaitez ajouter un compteur à rebours animé en tant que widget sur votre écran d’accueil, vérifiez si votre système d’exploitation mobile (par exemple, iOS ou Android) prend en charge les widgets. Consultez la documentation ou les guides en ligne spécifiques à votre système d’exploitation pour savoir comment ajouter des widgets sur votre écran d’accueil. Recherchez des applications tierces qui proposent des widgets de compte à rebours animés ou créez le vôtre à l’aide d’outils de développement appropriés.

Comment mettre un compte sur Android ? Est-ce différent sur Apple ?

Sur Android

  1. Assurez-vous d’avoir un appareil Android qui prend en charge les widgets. La plupart des appareils Android modernes prennent en charge cette fonctionnalité.
  2. Recherchez une application de compte à rebours animé sur le Google Play Store. Il existe de nombreuses applications disponibles, telles que « Countdown Widget » ou « Countdown Plus Widgets Lite », qui vous permettent de créer et de personnaliser des compteurs à rebours animés.
  3. Téléchargez et installez l’application de compte à rebours de votre choix.
  4. Ouvrez l’application et créez un nouveau compte à rebours en définissant la date, l’heure et les détails de l’événement.
  5. Une fois le compte à rebours créé, vous pouvez généralement appuyer longuement sur l’écran d’accueil de votre appareil Android pour ouvrir les options de personnalisation, y compris les widgets.
  6. Recherchez le widget de compte à rebours dans la liste des widgets disponibles et faites-le glisser sur votre écran d’accueil.
  7. Redimensionnez le widget selon vos préférences et placez-le à l’endroit souhaité sur l’écran d’accueil.

Sur iOS (Apple)

  1. Assurez-vous d’avoir un appareil iOS (iPhone ou iPad) qui prend en charge les widgets. Les appareils exécutant iOS 14 ou une version ultérieure prennent en charge cette fonctionnalité.
  2. Sur votre appareil iOS, accédez à l’écran d’accueil et faites glisser votre doigt vers la droite pour accéder à l’écran des widgets.
  3. Faites défiler vers le bas jusqu’à la section « Modifier » ou « Personnaliser » (le nom exact peut varier en fonction de votre version d’iOS).
  4. Appuyez sur le bouton « Ajouter » (+) situé à gauche du widget de compte à rebours.
  5. Recherchez l’application de compte à rebours de votre choix dans la liste des widgets disponibles et appuyez dessus pour le sélectionner.
  6. Choisissez la taille du widget (petit, moyen ou grand) et appuyez sur « Ajouter le widget ».
  7. Placez le widget de compte à rebours à l’emplacement souhaité sur votre écran d’accueil et appuyez sur « Terminé » pour enregistrer les modifications.

Si vous connaissez d’autres solutions similaires ou alternatives, n’hésitez pas à les partager via les commentaires.

Avant de se quitter…

Si cet article sur la création d’un compte à rebours animé vous a plu, n’hésitez pas à le partager sur les réseaux sociaux et à vous abonner à notre newsletter digitale pour recevoir nos prochains articles.

Vous pouvez également suivre nos meilleurs articles via notre flux RSS : https://www.leptidigital.fr/tag/newsletter-digitale/feed/ (il vous suffit de l’insérer dans votre lecteur de flux RSS préféré (ex : Feedly)).

Nous sommes aussi actifs sur LinkedIn, Twitter, Facebook et YouTube.

Pour toute question associée à cet article, n’hésitez pas à utiliser la section « commentaires » pour nous faire part de votre remarque, nous vous répondrons (avec plaisir) dans les meilleurs délais.

4.9/5 - (160 votes)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *