Comment ajouter un compte à rebours dans WordPress

Lorsque vous créez votre site WordPress, vous devrez peut-être incorporer des outils, des conceptions et des fonctionnalités qui vous aideront à promouvoir des événements ou d'autres offres urgentes. L'utilisation d'un widget ou d'un plugin de compte à rebours peut rendre cela beaucoup plus facile.

Avec un widget de compte à rebours WordPress, vous pouvez simplifier le suivi des dates et heures spécifiques pour les propriétaires de sites et les visiteurs. De plus, il existe une poignée de plugins de compte à rebours qui permettent d'en ajouter un à votre site en un processus rapide.

Dans cet article, nous expliquerons quand utiliser un compte à rebours et ce qu'est un widget de compte à rebours WordPress. Ensuite, nous vous expliquerons trois des meilleures options pour ajouter un compte à rebours dans WordPress à l'aide d'un plugin. Commençons!

Quand utiliser un compte à rebours

Un compte à rebours peut être utilisé pour présenter différentes étapes, telles que les anniversaires d'entreprise. Vous pouvez également en utiliser un pour aider à anticiper un événement à venir (comme le lancement d'un nouveau produit), promouvoir le début d'une vente ou informer les visiteurs lorsqu'un site ne sera plus en mode maintenance.

Qu'est-ce qu'un widget Compte à rebours ?

Un widget de compte à rebours est une extension que vous pouvez ajouter à votre site WordPress, afin de créer de l'excitation ou de l'urgence autour d'un produit ou d'un événement. Vous pouvez utiliser un widget de compte à rebours WordPress pour informer ou rappeler aux clients quand s'attendre à quelque chose, en affichant une horloge qui décompte le temps restant.

Certains des scénarios les plus courants dans lesquels un compte à rebours est utilisé incluent :

• Faire savoir aux visiteurs qu'un site WordPress est en cours de maintenance et quand il sera de nouveau en ligne
• Promouvoir et créer l'anticipation d'un événement à venir tel qu'un lancement de produit, une réunion sociale ou une conférence
• Reconnaître les étapes importantes telles que les anniversaires
• Générer de l'enthousiasme pour un événement de vente spécial, une promotion ou une page Coming Soon

Options pour ajouter un compte à rebours à WordPress

Il existe plusieurs options pour ajouter un compte à rebours à votre site WordPress. Bien que vous puissiez le faire via du code, la méthode la plus simple consiste à utiliser un plugin de compte à rebours WordPress. Jetons un coup d'œil à trois plugins de compte à rebours recommandés et comment commencer avec eux.

Option 1 : Ajouter un compte à rebours à l'aide du widget Compte à rebours T(-)

(T-) Countdown Widget est l'un des plugins de compte à rebours WordPress les plus populaires disponibles. Il vous permet d'afficher un minuteur HTML5 hautement flexible et personnalisable via un shortcode, sur n'importe quelle page ou publication de votre site WordPress :

Cependant, pour tirer pleinement parti des fonctionnalités du plugin, vous avez besoin de quelques connaissances en HTML et CSS. Par conséquent, ce n'est peut-être pas la meilleure option pour les débutants.

Après avoir installé et activé le plugin, vous pouvez le localiser sous Paramètres > T(-) Compte à rebours :

Sur cet écran, vous pouvez choisir de décompter les secondes, les semaines, les mois ou les années. Vous pouvez également personnaliser les étiquettes qui seront affichées et ajouter votre propre CSS.

Lorsque vous téléchargez et activez le plugin, un bloc T(-) Countdown sera ajouté à votre éditeur WordPress. Pour l'utiliser, accédez à la page ou à la publication à laquelle vous souhaitez ajouter votre compte à rebours. Cliquez sur l'icône plus, puis recherchez dans les blocs l'option Compte à rebours T(-) :

Ce bloc ajoutera un compte à rebours standard à la page ou à la publication. Vous pouvez le personnaliser et le configurer dans le panneau à droite :

Vous pouvez choisir une heure et une date de lancement et sélectionner l'un des 13 styles d'affichage de la minuterie. Il existe également des sections vous permettant de modifier les mêmes paramètres (y compris les étiquettes et le CSS personnalisé) qui se trouvent également sur la page des paramètres du compte à rebours T(-) .

Si vous en avez besoin, un support gratuit est disponible pour ce plugin, ainsi qu'une liste complète des options de shortcode que vous pouvez utiliser. Il convient également de noter qu'il s'agit de la version activement développée de l'ancien plugin jQuery T(-) Countdown Widget.

Option 2 : Ajouter un compte à rebours à l'aide de Countdown Timer Ultimate

Countdown Timer Ultimate utilise un shortcode pour afficher les comptes à rebours sur votre site WordPress. Il fonctionne bien avec l'éditeur Gutenberg, est entièrement réactif et vous permet de créer des comptes à rebours illimités :

Après avoir installé et activé le plugin, il vous présentera un message de bienvenue. Sélectionnez Ignorer ou Autoriser et continuer :

Ensuite, accédez à Compte à rebours > Ajouter une minuterie :

Sur cet écran, vous pouvez nommer votre compte à rebours et personnaliser son affichage. Après avoir choisi une date d'expiration, vous pouvez choisir entre deux styles d'animation : Smooth ou Ticks .

Ensuite, sélectionnez la largeur et les couleurs de votre cercle. Tout ce que vous ne définissez pas sera défini sur le style par défaut. Lorsque vous avez terminé, cliquez sur Publier .

Vous pouvez ensuite ajouter votre widget de compte à rebours à n'importe quel article ou page WordPress. Pour ce faire, copiez le shortcode du compte à rebours (situé sous la colonne Shortcode sur la page WP Countdown TImer ):

Accédez ensuite à la page ou à la publication où vous souhaitez ajouter le minuteur. Cliquez sur l'icône plus dans l'éditeur de blocs et sélectionnez le widget Shortcode :

Collez le shortcode dans le champ de texte, puis prévisualisez la page pour vous assurer que vous êtes satisfait de son apparence. Si vous êtes satisfait, appuyez sur Publier .

Si vous souhaitez plutôt ajouter le widget de compte à rebours à une barre latérale sur votre site, vous pouvez le faire en accédant à Apparence > Widgets et en ajoutant le widget Texte à votre barre latérale. Dans les paramètres du widget, collez simplement le shortcode du compte à rebours :

Comme nous l'avons mentionné précédemment, vous pouvez télécharger et utiliser la version gratuite de ce plugin pour créer des minuteries illimitées. Vous pouvez également passer à la version premium, afin de déverrouiller l'accès à des conceptions supplémentaires et à des fonctionnalités avancées. Si vous souhaitez d'abord tester le plugin, vous pouvez également vous inscrire pour une démo gratuite.

Option 3 : ajouter un compteur à l'aide de POWr

Enfin, POWr est un plugin de compte à rebours basé sur le cloud. Par conséquent, pour l'utiliser, vous devez d'abord créer un compte gratuit.

L'un des avantages de POWr est qu'il est entièrement réactif et personnalisable. Cependant, il est unique en ce sens qu'en plus de créer des comptes à rebours réguliers, vous pouvez également l'utiliser pour suivre les événements au fil du temps.

Pour commencer, téléchargez et activez d'abord le plugin de compte à rebours POWr WordPress sur votre site. Il se présente sous la forme d'un package avec diverses autres fonctionnalités, qui peuvent être utilisées pour créer des formulaires et des flux sociaux :

Ensuite, visitez le site Web de POWr et cliquez sur le bouton Commencer pour créer un compte gratuit. Après avoir créé votre compte, vous serez redirigé vers la page Mes plugins . C'est ici que vous pouvez "créer votre propre plugin", en sélectionnant Compte à rebours dans le menu de navigation de gauche :

Ensuite, vous serez amené à l'écran où vous pourrez créer et personnaliser un widget de compte à rebours pour votre site WordPress :

Vous avez une variété d'options pour le type de compte à rebours que vous souhaitez utiliser. De plus, sous les onglets Contenu et Conception , vous pouvez définir une date cible, personnaliser les étiquettes de la minuterie, créer des messages personnalisés et ajouter des animations.

Une fois que vous êtes satisfait de votre compte à rebours, cliquez sur le bouton Ajouter au site en bas de l'écran :

Vous serez alors présenté avec un certain nombre d'options pour l'ajouter à votre site. Par exemple, vous pouvez cliquer sur l'icône WordPress pour produire un shortcode pour le compte à rebours :

Vous pouvez ensuite copier ce shortcode et le coller dans le bloc Shortcode de l'éditeur WordPress (comme vu dans la section précédente). Vous pouvez également choisir l'option Intégrer le code pour copier et coller le code dans n'importe quel élément HTML de votre site.

Trouvez plus de ressources utiles sur WP Engine

L'ajout d'un compte à rebours à votre site Web est un excellent moyen de susciter l'enthousiasme et de motiver les visiteurs. Bien sûr, quelles que soient les fonctionnalités que vous cherchez à ajouter à votre site, nous sommes là pour vous aider.

WP Engine offre les meilleures ressources pour les utilisateurs et les développeurs, vous fournissant les informations et les outils nécessaires pour offrir une expérience numérique incroyable. Commencez dès aujourd'hui avec le meilleur hébergement WordPress !