Comment ajouter un compte à rebours de produit WooCommerce

Publié: 2022-03-03

Voulez-vous un moyen simple d' ajouter un compte à rebours de produit WooCommerce pour votre boutique ? Un compte à rebours peut vous aider à augmenter les ventes de votre produit. C'est un excellent moyen d'informer vos clients des remises, des lancements de nouveaux produits, des offres, des événements à venir et bien d'autres.

Dans cet article, nous vous montrerons comment ajouter facilement un compte à rebours de produit WooCommerce pour votre boutique en ligne. Avant cela, nous expliquerons pourquoi il est important d'ajouter un compte à rebours pour les sites WooCommerce.

Pourquoi ajouter un compte à rebours de produit dans WooCommerce ?

L'ajout d'un compte à rebours dans WooCommerce a pour objectif principal d' annoncer des ventes, des offres et des remises sur des produits . Le compte à rebours affiche le temps restant et les produits restants dans l'inventaire, ce qui crée un sentiment d'urgence chez le client.

Selon la recherche, les gens agissent en cas d'urgence à cause de FOMO (peur de manquer). Il s'agit également d'une technique de marketing mise en œuvre par de nombreux propriétaires d'entreprises en ligne. De peur de manquer les bonnes affaires, il incite les visiteurs à acheter le produit/service avant la fin du temps imparti.

Cette technique est utilisée même par les plus grands sites de commerce électronique comme Amazon, Aliexpress et de nombreux autres sites Web, en particulier pendant les périodes de fête comme Noël, le jour de l'An et le Black Friday.

Par conséquent, l'ajout d'un compte à rebours à WooCommerce est l'une des meilleures stratégies pour augmenter les ventes et stimuler la conversion . Pour cela, vous pouvez utiliser un compte à rebours de produit pour afficher des informations plus claires sur vos campagnes de vente.

Cela dit, passons directement à la manière de procéder.

Comment ajouter le compte à rebours du produit WooCommerce ?

Le moyen le plus simple d'ajouter un compte à rebours de produit WooCommerce consiste à utiliser un plugin de compte à rebours dédié . Ces plugins sont faciles à configurer et peuvent être insérés dans des publications et des widgets à l'aide de codes abrégés.

Voyons donc quelques-uns des plugins populaires et comment nous pouvons d'abord les utiliser pour vos produits WooCommerce.

Compte à rebours des ventes

add-woocommerce-produit-compte à rebours

Sales Countdown Timer est un plugin WordPress qui vous permet de créer un compte à rebours pour votre site Web. Le plugin est très facile à configurer et à intégrer dans n'importe quel projet avec des options avancées.

Il vous permet d'afficher un compte à rebours personnalisable qui peut être inclus dans un widget, une publication ou une page de la barre latérale via des codes abrégés. Ils peuvent être créés pour un seul produit ainsi qu'un compte à rebours en vrac pour des produits variables.

Principales caractéristiques:
  • Générer des shortcodes
  • Interface simple et propre
  • Changement de police et de couleur facile à partir des options du plugin
  • Option de réinitialisation automatique du compte à rebours

Prix:

Sales Countdown Timer est un plugin gratuit. Il est disponible sur le référentiel officiel des plugins WordPress.

Compte à rebours du produit YITH WooCommerce

add-woocommerce-produit-compte à rebours

YITH WooCommerce Product Countdown est un autre plugin pour vous aider à augmenter les ventes sur votre site Web. C'est un outil parfait pour créer des comptes à rebours accrocheurs dans les publications et les pages des sites Web de commerce électronique.

Le est développé en HTML5 et est entièrement personnalisable. De plus, cela fonctionne parfaitement avec le nouvel éditeur Gutenberg et vous pouvez également afficher le nombre d'articles disponibles ou épuisés.

Principales caractéristiques:

  • Créer une barre de progression
  • Compatible avec les appareils mobiles
  • Textes et couleur personnalisables
  • Changer le type de minuterie

Prix:

YITH WooCommerce Product Timer est un plugin premium qui commence à 65 USD de frais annuels. Il comprend 1 an de mises à jour et d'assistance et une garantie de remboursement de 30 jours.

Comment utiliser un plugin pour ajouter le compte à rebours du produit WooCommerce :

Si vous recherchez une option gratuite pour ajouter un compte à rebours de produit pour votre site Web WooCommerce, nous vous recommandons Sales Countdown Timer comme démarreur. Nous l'utiliserons également pour cette démonstration.

Mais avant de commencer, assurez-vous de configurer correctement WooCommerce en utilisant l'un des thèmes WooCommerce compatibles pour éviter tout conflit de thème ou de plug-in. Pour l'instant, commençons par installer et activer le plugin.

1. Installez le plugin Sales Countdown Timer

La première chose que vous devez faire est de visiter la page Plugins> Ajouter un nouveau dans votre zone d'administration WordPress. Ensuite, recherchez Compte à rebours des ventes dans la barre de recherche.

add-woocommerce-produit-compte à rebours

Cela devrait vous donner le plugin du répertoire de plugins WordPress sur les résultats de la recherche. Cliquez sur le bouton Installer maintenant à côté du plugin. Une fois le processus d'installation terminé, activez -le.

Si vous souhaitez utiliser la version premium de ce plugin, vous devez le télécharger et l'installer manuellement. Pour plus d'informations, consultez notre guide détaillé sur l'installation manuelle d'un plugin WordPress.

2. Configurez les paramètres du plug-in

Une fois le plugin activé, vous devez configurer le plugin. Vous pouvez trouver une nouvelle option « Countdown Timer » ajoutée dans le menu WordPress Dashboard. Dès que vous l'ouvrez, vous pouvez voir un bouton à bascule qui vous permet d'activer ou de désactiver ou même de supprimer le compte à rebours de votre site Web WooCommerce.

Après cela, il y a 3 paramètres majeurs pour configurer et paramétrer le plugin. Ils incluent les paramètres généraux, la conception et les produits WooCommerce. Voyons comment nous pouvons configurer les paramètres du plugin.

2.1) Paramètres généraux

Dans les paramètres généraux , vous pouvez définir un nom pour le compte à rebours afin de pouvoir trouver le profil de compte à rebours des ventes chaque fois que vous souhaitez ajouter le compte à rebours sur la page de produit unique.

Ensuite, vous devrez régler la date et l'heure pour programmer le compte à rebours du produit.

Il y a quelques fonctionnalités supplémentaires dans les paramètres généraux comme le "Compte à rebours à feuilles persistantes" et "Redémarrer le compte à rebours après". Ils sont disponibles uniquement dans la version premium du plugin

2.2) Paramètres de conception

Vous pouvez personnaliser l'apparence générale du compte à rebours dans les paramètres de conception . Il existe au total 10 options que vous pouvez configurer pour faire correspondre le compte à rebours à votre site Web. Ils sont:

  1. Message : Ajouter un message texte qui apparaît dans le front-end
  2. Séparateur de temps : Choisissez le séparateur comme deux-points (:), virgule (,), point (.). entre unité de temps
  3. Style de format date/heure : sélectionnez différents styles de format pour l'heure
  4. Position de l'unité de date et d'heure : choisissez la position supérieure ou inférieure pour afficher l'unité de temps.
  5. Style d' animation : choisissez le style d'animation par défaut ou de diapositive pour le compte à rebours
  6. Type d'affichage : Choisissez différentes dispositions pour le compte à rebours
  7. Compte à rebours : choisissez une couleur pour l'arrière-plan, la bordure, le rembourrage et le rayon de la bordure du compte à rebours
  8. Éléments de minuterie de compteur : permet de définir la couleur des éléments de minuterie de compteur
  9. Datetime Value : Personnalisez la couleur d'arrière-plan et la taille de la police pour la valeur datetime
  10. Unité de date et d'heure : personnalisez la couleur d'arrière-plan et la taille de la police pour les unités de date et d'heure.

2.3) Paramètres du produit WooCommerce

Enfin, le paramètre Produit WooCommerce vous permet de configurer la manière dont vous souhaitez que les produits du compte à rebours soient affichés.

Vous pouvez activer une minuterie collante pour les produits et ajuster sa position sur un seul produit ou sur des pages d'archives.

De même, si vous souhaitez afficher le compte à rebours sur la boutique ou les pages de catégories, vous pouvez également le faire. La taille de la minuterie peut même être ajustée pour ces pages sur les appareils mobiles.

De plus, vous pouvez également activer un compte à rebours pour votre prochaine vente. Tout ce que vous avez à faire est d'ajouter un message personnalisé à votre site Web.

Enfin, vous obtenez également des options de barre de progression pour votre compte à rebours. Vous pouvez configurer ces paramètres pour voir la disponibilité du produit ainsi que l'état de la commande des produits. Non seulement cela, mais vous pouvez également personnaliser la conception de la barre de progression.

La première chose que nous pouvons voir dans la barre de progression est une section avec un message de barre de progression. Ici, vous pouvez configurer le message à l'aide de codes abrégés tels que {quantity_sold}/{goal} sold

add-woocommerce-produit-compte à rebours

Ensuite, nous pouvons voir combien de vos produits ont été vendus en sélectionnant un type de barre de progression. Il y a deux options qui sont augmenter et diminuer. Si vous sélectionnez l'option d'augmentation, votre barre de produit est remplie à chaque achat du produit.

Outre le type de barre de progression, vous pouvez également voir l'option "Statut de la commande". Cette option vous permet de sélectionner d'abord un statut de commande et seul le statut de commande sélectionné sera compté dans la barre de progression.

Vous pouvez également sélectionner la position de la barre de progression de la vente. Il y a deux positions où vous pouvez afficher la barre de progression qui est au-dessus et au-dessous du compte à rebours. add-woocommerce-produit-compte à rebours

Pour la dernière configuration, vous pouvez modifier la couleur du texte, de l'arrière-plan et du rayon de bordure de la barre de progression.

3. Ajoutez le compte à rebours du produit WooCommerce à des produits uniques

Après la configuration, vous pouvez désormais facilement ajouter un compte à rebours à vos produits WooCommerce directement depuis la page de modification de la commande. Allez simplement dans Produits > Tous les produits depuis votre tableau de bord WordPress. Ici vous pouvez voir tous vos produits. Vous pouvez soit cliquer sur Modifier , soit sélectionner le produit dans lequel vous souhaitez définir le compte à rebours add-woocommerce-produit-compte à rebours

Cela mène à la page d'édition du produit. Ensuite, faites défiler vers le bas où vous pouvez voir les données produit avec plusieurs options dans la liste déroulante. Étant donné que nous ajoutons un compte à rebours à un seul produit, vous devez sélectionner "Produit simple " dans la liste déroulante.

Dans les paramètres généraux , vous pouvez définir le prix normal ainsi que le prix de vente. En dessous, cliquez sur l'option Horaire après l'option Prix de vente. Nous pouvons voir des paramètres de compte à rebours supplémentaires où vous pouvez définir une date et une heure pour le compte à rebours.

De plus, vous pouvez également sélectionner le profil de compte à rebours que nous avons créé lors de la configuration. Dans notre cas, il s'agit de « Stock Clearance ». Vous pouvez nommer le nom du profil en fonction de votre campagne de vente.

La barre de progression peut également être activée à partir d'ici en cochant la case.

Ensuite, tout ce que vous avez à faire est de définir un objectif et une quantité initiale qui permettent à vos clients de savoir quelle quantité de produit a été vendue ou est disponible. Une fois que vous avez terminé, cliquez sur le bouton Mettre à jour. En conséquence, vous pouvez voir que le compteur est affiché sur la page du produit. add-woocommerce-produit-compte à rebours

3.1) Ajouter le compte à rebours du produit WooCommerce à une seule page avec des codes courts

Si vous souhaitez ajouter le compte à rebours des produits WooCommerce à d'autres pages WooCommerce au lieu de produits, vous pouvez simplement utiliser des codes abrégés. Ils sont fournis sur la page des paramètres du compte à rebours. Copiez simplement le shortcode.

Il ne vous reste plus qu'à modifier la page sur laquelle vous souhaitez afficher le compte à rebours du produit. Ensuite, collez le shortcode ici.

Enfin, cliquez sur Mettre à jour. Si vous prévisualisez la page, vous pouvez trouver le compte à rebours sur le front-end de la page. add-woocommerce-produit-compte à rebours

4. Ajouter un compte à rebours des ventes en gros pour les produits variables

Nous avons vu comment ajouter un compte à rebours de produit WooCommerce pour un seul produit. Voyons maintenant comment ajouter des ventes groupées à un produit avec des variantes ou des produits variables .

Plus tôt sur la page de modification du produit, nous avons défini le produit unique comme un "Produit simple", mais nous devons maintenant changer le type de produit en "Produit variable" dans le menu déroulant des données produit.

Vous remarquerez peut-être que ces paramètres sont différents du produit simple. Mais le processus de définition du compte à rebours est également le même que pour les produits uniques pour les produits variables.

Sélectionnez Variations dans les options et réglez à nouveau la date et l'heure du compte à rebours ainsi que l'objectif et la quantité initiale du produit. Vous pouvez également activer ou désactiver la barre de progression en cochant la case. add-woocommerce-produit-compte à rebours

Ensuite, vous devez vous rendre dans Produit > Tous les produits. Pour ajouter un compte à rebours des ventes en gros, nous devons filtrer le type de produit, sélectionner Produit variable dans le menu déroulant et cliquer sur le bouton Filtrer .

Désormais, vous ne pouvez voir que la liste des produits variables dans la liste des produits.

Sélectionnez les produits variables et sélectionnez Modifier dans le champ Action groupée et cliquez sur le bouton Appliquer juste à côté. add-woocommerce-produit-compte à rebours

Si vous faites défiler plus loin dans la page d'édition, vous pouvez trouver un compte à rebours des ventes en gros pour les produits variables. add-woocommerce-produit-compte à rebours

Après avoir modifié le compte à rebours des ventes en gros selon vos préférences, cliquez sur Mettre à jour.

Bonus : Autocomplétion des commandes WooCommerce

Nous vous avons déjà présenté l'un des moyens les plus simples d' ajouter un compte à rebours de produit WooCommerce . Ils sont très utiles pour informer vos clients sur les offres. Mais en prime, nous fournirons également ce guide pour offrir une réponse rapide aux commandes des clients en les complétant automatiquement.

Le moyen le plus simple et le plus rapide de compléter automatiquement les commandes WooCommerce consiste à utiliser un plugin dédié.

Nous utiliserons le plugin Autocomplete WooCommerce Orders pour ce guide. Alors allons-y et installons le plugin. Pour cela, accédez à votre tableau de bord WordPress > Plugins > Ajouter nouveau et recherchez Autocomplete WooCommerce Orders dans la barre de recherche.

Une fois le résultat affiché, cliquez sur le bouton Installer maintenant et activez -le.

Avant d'aller plus loin, nous avons besoin d'un jeton PayPal afin de configurer le plugin AutoComplete WooCommerce. Vous pouvez facilement trouver le jeton à partir de votre compte PayPal. Prenons d'abord le jeton.

Configurer le jeton de données PayPal

La première étape consiste à vous connecter à votre compte PayPal. Maintenant, accédez aux paramètres de votre compte PayPal en cliquant sur le bouton Paramètres de la barre de navigation.

Vous trouverez différentes options, mais vous devez cliquer sur l'onglet Outils du vendeur. Assurez-vous de cliquer sur Mise à jour des préférences du site Web .

Ensuite, faites défiler jusqu'à Retour automatique et activez l'option de retour automatique . Ce faisant, vous pouvez ajouter un champ à votre page URL de retour. N'oubliez pas que chaque fois que vos utilisateurs consultent les pages, ils seront redirigés vers la page de votre choix.

Après avoir sélectionné l'URL de retour, enregistrez les paramètres. Si vous faites défiler plus loin, vous pouvez accéder à votre jeton de données Paypal. Copiez le jeton d'identité et activez également l'option Transfert de données de paiement .

Configurer le plugin de commande de saisie semi-automatique

Pour configurer les paramètres du plugin, allez dans WooCommerce > Paramètres et ouvrez l'onglet Autocomplete Orders .

Vous pouvez trouver 3 modes différents.

  • Commandes payées de produits virtuels uniquement
  • Toutes les commandes payées de n'importe quel produit
  • Toute commande (payée ou non)

Choisissez le mode que vous souhaitez sur votre site Web. Aussi, rappelez-vous que vos commandes seront automatiquement traitées selon le mode que vous aurez choisi . Par exemple, si vous choisissez Toutes les commandes payées de n'importe quelle option de produit , le plug-in traitera automatiquement les commandes pour tous les types de produits sur la base de paiements vérifiés.

Configuration de votre jeton de transfert de données PayPal

Après avoir configuré le plugin et le jeton de données PayPal, cliquez sur WooCommerce> Paramètres et ouvrez l'onglet Paiements .

Vous pourrez voir toutes les passerelles de paiement du site Web ici. Cliquez simplement sur Gérer pour ouvrir les paramètres de PayPal dans WooCommerce.

Vous pouvez trouver le champ du jeton d'identité PayPal si vous faites défiler plus loin. Collez maintenant le jeton d'identité que nous avons enregistré précédemment.

Enfin, vous pouvez configurer les paramètres restants pour offrir une expérience de paiement agréable à vos clients avec PayPal. Si vous voulez apprendre à le faire, consultez cet article. Une fois que vous avez terminé de tout configurer, cliquez sur Enregistrer les modifications.

Désormais, vos clients pourront compléter automatiquement les commandes WooCommerce sur votre site Web.

De la même manière. vous pouvez également activer les commandes de saisie semi-automatique à l'aide de code. Si vous souhaitez savoir comment procéder, nous vous recommandons de consulter l'article ici.

Conclusion

En conclusion, l'ajout d'un compte à rebours pour WooCommerce vous aide à augmenter les ventes, à augmenter les conversions et également à offrir une meilleure expérience client.

Aujourd'hui, dans ce didacticiel, nous avons vu un moyen simple d' ajouter un compte à rebours de produit à n'importe quel site Web WooCommerce. C'est parfait pour ceux qui sont débutants. Sales Countdown Timer est un excellent plugin freemium très facile à configurer et doté de fonctionnalités supplémentaires si vous souhaitez passer à la version premium.

Nous vous avons également fourni quelques étapes de base pour compléter automatiquement les commandes WooCommerce où vos clients peuvent acheter vos produits ou services virtuels sans les approuver manuellement à chaque commande. Mais si vous souhaitez en savoir plus sur les commandes WooCommerce, nous avons d'autres guides pour exporter ou supprimer des commandes, et même répéter ou tester des commandes.

Avez-vous ajouté un compte à rebours pour vos produits ? Que pensez-vous de ce plugin ? Veuillez nous faire part de votre expérience dans la section des commentaires.

De plus, si vous souhaitez améliorer l'expérience utilisateur sur votre site WooCommerce, ces articles pourraient vous être utiles :

  • Meilleurs plugins d'affichage de la liste des produits WooCommerce
  • Comment ajouter des produits liés à WooCommerce
  • Meilleurs plugins de curseur pour WordPress