X

Comment créer un compte à rebours dans WordPress (étape par étape)

comment ajouter un compte à rebours dans wordpress

Voulez-vous créer un sentiment d'excitation avec un compte à rebours sur votre site ?

Que vous planifiez le lancement d'un produit, la promotion d'un événement ou une offre à durée limitée, un compte à rebours est un outil puissant.

Dans cet article, nous vous guiderons pas à pas dans le processus d'ajout d'un compte à rebours à votre site WordPress.

Pour vous donner une idée du type de campagnes que nous vous aiderons à créer, voici un super tapis d'accueil avec une offre de réduction à durée limitée. Nous l'avons créé avec OptinMonster :

modèle mat plein écran

Avant de passer aux étapes, examinons quand vous devriez utiliser un minuteur sur votre site.

Quand utiliser un compte à rebours

Il existe de nombreux cas où vous pourriez vouloir ajouter un compte à rebours à votre site. Mais il fonctionne mieux dans les situations suivantes.

  • sur une page "bientôt disponible" avant le lancement de votre site web
  • pour informer les visiteurs quand le site web sera à nouveau disponible s'il est en maintenance.
  • lors de l'organisation d'un webinaire, d'un événement ou d'une conférence
  • avant de lancer un nouveau produit ou service
  • événements de vente à venir et ventes flash
  • atteindre un jalon
  • célébrer un événement à venir

Cela dit, plongeons dans le tutoriel.

Ajouter un compte à rebours à WordPress

La meilleure façon d'ajouter un compte à rebours dans WordPress est d'utiliser un plugin de compte à rebours.

Nous vous montrerons comment utiliser 2 des plus populaires :

  1. Ajouter un compte à rebours avec OptinMonster
  2. Ajouter un compte à rebours avec SeedProd

Nous avons choisi ces 2 plugins car ils sont faciles à utiliser. Nous les utilisons depuis des années sur nos propres sites. Il n'y a pas de codage impliqué dans ces constructeurs de compte à rebours, ils sont donc parfaits pour les débutants.

Ils sont également compatibles avec tous les thèmes WordPress populaires et sont construits selon les meilleures pratiques. Cela signifie qu'ils ne ralentiront pas votre site, ce qui est un coup de pouce pour le SEO.

Vous pouvez utiliser les deux plugins sur votre blog, votre site web d'entreprise et même vos boutiques en ligne.

Méthode 1 : Ajouter un compte à rebours avec OptinMonster

Cette méthode est utile si vous souhaitez afficher votre compte à rebours sous forme de widget sur votre site web. Avec OptinMonster, ajouter un widget de compte à rebours est très facile.

optinmonster-popups

Le meilleur avantage d'utiliser OptinMonster pour ajouter un compte à rebours est qu'il est facile à configurer et ne nécessite ni codage ni même de shortcodes.

C'est l'une des applications de génération de prospects les plus puissantes qui vous aide à atteindre rapidement et facilement les objectifs de conversion de votre site web.

Avec cette application, vous pouvez créer des campagnes de popup parmi les plus avancées et les afficher avec précision à votre public cible.

OptinMonster fonctionne parfaitement avec WordPress et WooCommerce. Il fonctionne également sur d'autres plateformes e-commerce comme BigCommerce, Shopify, et même les sites HTML.

Lisez notre avis sur OptinMonster et apprenez-en davantage.

Étape 1 : Connecter l'application OptinMonster au plugin

Pour commencer, créez votre compte OptinMonster, puis installez et activez le plugin OptinMonster sur votre site web.

Ce plugin sert de connecteur entre votre site WordPress et l'application. Installez le plugin OptinMonster gratuit sur votre site.

Une fois activé, vous verrez une option pour se connecter à un compte existant.

connecter un compte existant dans optinmonster

Assurez-vous d'être connecté à votre compte OptinMonster dans un autre onglet de la même fenêtre de navigateur. En effet, OptinMonster détectera automatiquement votre compte et le synchronisera avec votre site web.

Vous serez alors redirigé vers une nouvelle fenêtre où vous verrez une option pour Se connecter avec WordPress.

connecter optinmonster à wordpress

Cliquez sur cette option et votre application se connectera automatiquement à votre tableau de bord WordPress.

Étape 2 : Créer votre compte à rebours avec OptinMonster

Il est maintenant temps de commencer à créer votre widget de compte à rebours. Vous pouvez créer une nouvelle campagne directement depuis votre tableau de bord WordPress. Vous pouvez également commencer depuis votre compte OptinMonster sous l'onglet Campagnes.

Tout ce que vous avez à faire ici est de cliquer sur le bouton Créer une nouvelle campagne.

créer une nouvelle campagne dans optinmonster

Cela ouvrira une nouvelle page où vous pourrez choisir parmi 3 options :

  • Playbooks : Campagnes préfabriquées et préconfigurées conçues sur la base de campagnes réussies d'autres marques
  • Modèles : Designs personnalisables
  • Canvas : Un modèle vierge pour commencer à partir de zéro
commencer à créer votre campagne dans optinmonster

Nous allons choisir un modèle pour l'instant. Ensuite, vous pourrez choisir votre type de campagne, puis sélectionner un modèle de votre choix. Sélectionnons la campagne Barre flottante ici. Vous pouvez choisir n'importe quelle campagne que vous souhaitez, les étapes resteront les mêmes.

modèles de campagne de barre flottante

Il existe maintenant pas mal de modèles avec le compte à rebours déjà intégré. Vous pouvez également choisir n'importe quel modèle, puis y ajouter un compte à rebours.

À l'étape suivante, il vous sera demandé de nommer votre campagne. Vous pourrez également choisir le site web où vous souhaitez afficher ce compte à rebours.

commencer à construire la campagne

Une fois terminé, cliquez sur l'onglet Démarrer la création. Cela lancera le constructeur par glisser-déposer où vous pourrez concevoir votre campagne.

Vous verrez un aperçu de votre campagne ainsi qu'une barre de tâches à gauche avec de nouveaux blocs que vous pouvez ajouter.

tableau de bord optinmonster

Si votre modèle n'a pas le compte à rebours intégré, sélectionnez simplement le bloc Compte à rebours et faites-le glisser là où vous le souhaitez dans votre design.

ajouter un compte à rebours dans optinmonster

Vous pouvez maintenant cliquer sur n'importe quel élément et commencer à le personnaliser, y compris vos textes, polices, couleurs, etc. Vous pouvez également changer la position de la barre flottante vers le haut.

Pour modifier le compte à rebours, cliquez simplement sur le minuteur dans votre panneau de conception et vous verrez plusieurs options modifiables dans votre panneau d'édition à gauche.

paramètres du compte à rebours dans optinmonster

Ici, vous pouvez travailler sur la façon dont vous souhaitez que votre compte à rebours apparaisse. Vous pouvez sélectionner l'heure à laquelle vous souhaitez que le compte à rebours commence et se termine.

Vous pouvez choisir 2 types de comptes à rebours :

  • Minuteur statique pour fonctionner pendant une période de temps spécifique.
  • Compteur dynamique pour exécuter votre campagne pendant un nombre défini de jours, d'heures, etc.

Vous voulez rendre votre campagne pérenne ? Vous pouvez choisir de redémarrer le compte à rebours lorsque le minuteur expire.

Pour faciliter la compréhension par vos utilisateurs du début et de la fin de votre compte à rebours globalement, vous pouvez également ajouter l'heure locale du visiteur. Vous pouvez également ajouter le type d'affichage de l'unité comme les jours, les heures, les minutes, les secondes, etc.

Si vous n'êtes pas satisfait d'un certain élément, utilisez simplement l'option de suppression pour le retirer.

Étape 3 : Ajouter des règles de ciblage et des intégrations d'e-mails

OptinMonster vous permet de contrôler quand et où la campagne apparaît. Sous l'onglet Règles d'affichage, vous pouvez sélectionner les règles que vous souhaitez ajouter.

règles d'affichage dans optinmonster

Certaines règles populaires incluent à la sortie, au défilement, sur une page spécifique, nouveau visiteur, appareil du visiteur, et plus encore.

Vous souhaitez afficher le compteur dans un endroit spécifique ? OptinMonster vous permet de cibler un emplacement physique tel qu'un pays, une ville ou une région.

physical_location

Avec autant d'options, vous pouvez organiser des campagnes de vente ou d'événements localisées. Vous pouvez également choisir de l'afficher uniquement à un public provenant d'une source de référence.

Ensuite, si vous souhaitez synchroniser votre campagne avec un fournisseur de services d'e-mails, vous pouvez utiliser l'onglet Intégration. Tout ce que vous avez à faire est d'ajouter une nouvelle intégration, de choisir votre fournisseur et d'ajouter les détails du compte nécessaires.

ajouter l'intégration constant contact dans om

Avec cela, vous êtes maintenant prêt à publier votre campagne chronométrée sur votre site WordPress.

Étape 4 : Publication de votre compte à rebours

Une fois tous les paramètres terminés, cliquez sur le bouton Enregistrer.

Ensuite, allez dans l'onglet Publication. Ici, vous pouvez prévisualiser votre campagne et changer le statut en Publier pour que la campagne soit en ligne.

publier la campagne optinmonster

Maintenant, puisque vous utilisez le plugin WordPress, allez dans votre tableau de bord WordPress. Accédez à l'onglet OptinMonster » Campagnes et assurez-vous que votre campagne est également définie sur Publier ici.

publier la campagne optinmonster dans wordpress

Et voilà. Votre campagne devrait maintenant être en ligne sur votre site Web WordPress. Vous pouvez maintenant visiter votre site et voir le compte à rebours en action.

Ensuite, nous vous montrerons comment ajouter un compte à rebours à vos pages et articles dans WordPress.

Méthode 2 : Ajouter un compte à rebours avec SeedProd

SeedProd vous permet d'ajouter un compte à rebours n'importe où sur votre site, y compris les pages de destination et les articles.

Cependant, cette méthode est utile si vous lancez un nouveau site ou si votre site déjà établi est en maintenance et que vous souhaitez informer vos visiteurs qu'il sera bientôt en ligne.

SeedProd is the best website and landing page builder for WordPress that comes with easy coming soon and maintenance mode functionality. The plugin comes with a free version and pro plan.

SeedProd

It lets you add several elements to your landing page, including a countdown timer.

Let’s learn how to add a countdown timer with SeedProd in a step-by-step manner.

Step 1: Installing SeedProd

The first step is to install the SeedProd plugin on your WordPress site.

Once the plugin is installed and activated, you’ll have to verify your license key.

Your key is available in your SeedProd account created at the time of purchasing the product.

téléchargement du plugin du compte SeedProd

Paste the key in the blank field and click on the Verify Key box to validate it.

ajouter la licence seedprod

Once your license key is validated, scroll further down the page and click on the Create Your First Page button.

This will take you to the SeedProd dashboard. Here you can choose which type of page you want to create a countdown timer on. There are 4 different options:

  • Coming soon mode: Create a coming soon page to build excitement for your website launch.
  • Maintenance mode: Put your website into maintenance mode while you work on it behind the scenes.
  • Login page: Create a custom login page for your website.
  • 404 page: Replace the default 404 page with a custom 404 page.

En dessous, vous pouvez faire défiler davantage l'écran pour créer une page de destination classique.

cliquez sur le bouton configurer une nouvelle page de compte à rebours

Pour ce tutoriel, nous allons créer une page "Bientôt disponible" avec un compte à rebours. Pour commencer, cliquez sur le bouton Configurer une page "Bientôt disponible".

Étape 2 : Créer votre compte à rebours

Tout d'abord, vous devez choisir un modèle de page "Bientôt disponible". SeedProd propose plus de 200 modèles conçus par des professionnels parmi lesquels choisir, alors allez-y et choisissez le modèle que vous préférez.

choisir un modèle pour créer un minuteur de compte à rebours

Une fois que vous avez terminé, vous serez dirigé vers le constructeur de pages où vous pourrez commencer à créer votre compte à rebours.

Une fois que vous êtes dans le constructeur de pages dans SeedProd, vous verrez toutes les options de blocs pour personnaliser votre page sur votre gauche et un aperçu en direct de votre page sur votre droite.

constructeur de pages visuel seedprod

Pour ajouter un compte à rebours, allez dans les Blocs sur la droite, et sous la section Avancé, faites glisser le compte à rebours et déposez-le sur votre page.

faites glisser le bloc de minuteur de compte à rebours sur votre page

Lorsque vous cliquez sur le bloc de compte à rebours dans votre design, vous obtiendrez des options de personnalisation sur la gauche. Vous pouvez alors sélectionner le fuseau horaire du compte à rebours, sélectionner une date et une heure de fin, choisir le style de votre compte à rebours, et plus encore.

En fonction de votre date de fin, le minuteur disparaîtra automatiquement de votre site à la date spécifiée.

personnalisez le minuteur de compte à rebours et définissez la date de fin

Si vous le souhaitez, vous pouvez ajouter plus de contenu à votre page en utilisant les blocs de page de destination prêts à l'emploi de SeedProd. Vous pouvez ajouter des formulaires de contact, des profils sociaux, des vidéos, des formulaires d'inscription par e-mail, des barres de progression, et bien plus encore.

Pour personnaliser davantage votre page, vous pouvez cliquer sur le bouton Paramètres globaux dans le coin inférieur gauche de l'écran.

configurer les paramètres globaux

Ici, vous pouvez changer l'image d'arrière-plan, choisir les couleurs de votre page, sélectionner une nouvelle police, et ainsi de suite.

Une fois que vous êtes satisfait de l'apparence de votre page et de votre compte à rebours, cliquez sur le bouton Enregistrer.

Étape 3 : Publication de votre compte à rebours

Maintenant que la page « Bientôt disponible » est prête avec le compte à rebours, il est temps de la publier sur votre site web. Cliquez sur la flèche déroulante à côté du bouton Enregistrer et cliquez sur le bouton Publier.

publier le minuteur de compte à rebours

Vous verrez alors un message de succès indiquant que votre page est publiée et vous pourrez cliquer sur le bouton Voir la page en direct pour voir à quoi elle ressemble.

message de succès indiquant que la page du compte à rebours a été publiée

Voici comment votre page apparaîtra à vos visiteurs :

page de minuteur de compte à rebours en direct

Enfin, activez la page en allant dans SeedProd » Pages depuis votre zone d’administration WordPress. Sous la section Mode « Bientôt disponible », basculez le bouton de Inactif à Actif.

activer le mode "bientôt disponible" dans WordPress

Désormais, lorsque les utilisateurs visiteront votre site web, ils verront la page « Bientôt disponible » avec le compte à rebours que vous venez de créer.

Si vous souhaitez désactiver le mode « Bientôt disponible », utilisez le même bouton ici pour le désactiver.

C'est tout ! Maintenant que vous savez comment utiliser SeedProd, vous pouvez ajouter des comptes à rebours à n'importe quelle page de destination également.

Nous devons également mentionner que Thrive Architect est une autre excellente option pour ajouter des comptes à rebours à n'importe quelle page ou publication. Vous disposez de nombreux modèles de minuteurs parmi lesquels choisir :

bibliothèque de compte à rebours Thrive

Il vous permet d'ajouter des effets d'animation et de configurer les paramètres de visibilité. Vous pouvez modifier les couleurs d'arrière-plan, le style, les bordures, et plus encore.

Consultez notre avis complet sur Thrive Architect pour en savoir plus.

Ensuite, nous répondons aux questions courantes que nos utilisateurs nous ont posées.

FAQ : Compteurs à rebours WordPress

Comment ajouter un compte à rebours à WordPress ?

Vous pouvez facilement ajouter un compte à rebours à votre site WordPress en utilisant un plugin comme SeedProd, OptinMonster, ou Thrive. Ces plugins sont parfaits pour les débutants car aucun codage n'est requis.

Quel est le meilleur plugin de compte à rebours pour WordPress ?

Le meilleur plugin de compte à rebours pour WordPress peut varier en fonction de vos besoins et préférences spécifiques. Cependant, les options populaires qui offrent des fonctionnalités étendues et des avis positifs des utilisateurs sont SeedProd, OptinMonster ou Thrive. Voir notre liste pour plus d'informations : 7 meilleurs plugins de compte à rebours WordPress.

Comment configurer un compte à rebours perpétuel ?

La plupart des plugins comme OptinMonster et SeedProd vous permettent de configurer des comptes à rebours perpétuels dynamiques. Ce sont des minuteurs illimités ou récurrents qui redémarrent lorsque le minuteur atteint son expiration.

Pourquoi utiliser un compte à rebours de vente ?

Les comptes à rebours créent un sentiment d'urgence et suscitent la peur de manquer quelque chose (FOMO). Les clients sont plus susceptibles d'acheter maintenant pendant qu'ils bénéficient d'une bonne réduction ou d'une offre limitée, sinon ils la manqueront.

Puis-je ajouter des comptes à rebours sur les pages de produits ?

Oui, vous pouvez ajouter des comptes à rebours sur n'importe quelle page produit de votre choix. Nous recommandons d'utiliser une barre flottante afin qu'elle ne perturbe pas l'expérience d'achat de l'utilisateur tout en attirant son attention sur votre offre.

L'éditeur Gutenberg dispose-t-il d'un compte à rebours ?

Au moment de la rédaction de cet article, non, il n'y a pas de bloc Gutenberg pour ajouter un compte à rebours. Vous pouvez utiliser un constructeur de pages tel que SeedProd, Thrive ou Elementor pour améliorer les capacités de l'éditeur de blocs.

Existe-t-il des plugins de compte à rebours gratuits pour WordPress ?

Oui, il existe des plugins gratuits disponibles pour WordPress pour ajouter un simple compte à rebours. Le répertoire de plugins WordPress offre un large éventail d'options que vous pouvez explorer.

Puis-je personnaliser l'apparence du compte à rebours sur mon site WordPress ?

Oui, la plupart des plugins de compte à rebours pour WordPress vous permettent de personnaliser l'apparence du minuteur. Vous pouvez généralement ajuster des paramètres tels que les couleurs, les polices, les tailles, les styles, et même ajouter du CSS personnalisé pour correspondre au design et à la marque de votre site.

Puis-je afficher plusieurs comptes à rebours sur différentes pages de mon site WordPress ?

Oui, vous pouvez configurer plusieurs comptes à rebours sur différentes pages de votre site WordPress avec les plugins de compte à rebours utilisés dans ce tutoriel. Chaque plugin peut avoir sa propre méthode pour créer et gérer plusieurs minuteurs, alors consultez la documentation ou les paramètres du plugin pour configurer plusieurs minuteurs selon vos besoins.

Puis-je afficher un compte à rebours uniquement pour un emplacement géographique spécifique ?

Oui, OptinMonster est le meilleur plugin pour cela. Vous pouvez facilement définir des règles d'affichage et sélectionner l'emplacement que vous souhaitez cibler.

Puis-je afficher un compte à rebours uniquement pour un emplacement géographique spécifique ?

Les compteurs à rebours eux-mêmes n'ont pas d'impact direct sur le SEO (optimisation pour les moteurs de recherche). Les moteurs de recherche comme Google se concentrent principalement sur des facteurs tels que le contenu du site Web, la pertinence, l'expérience utilisateur et les performances globales du site lors de la détermination des classements de recherche.

Nous espérons que ce guide vous a aidé à créer un compte à rebours sur votre site. Vous pourriez également vouloir consulter comment ajouter une preuve sociale à votre site WordPress pour gagner la confiance des utilisateurs et atteindre vos objectifs de conversion.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !