ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.

Vous voulez ajouter l'urgence à votre vitrine et aider les clients à agir avant que le temps s'épuise?

C'est exactement ce que Hoppy Countdown Timer est construit pour.

Avec cette application, vous pouvez créer des minuteurs de compte à rebours pour :

• 🛍️ Pages de produits — Afficher l'urgence directement sur les pages de détail du produit
• 🛒 Tiroir de page et de panier — Encourager les acheteurs à effectuer leur commande
• 💳 Page de départ — Ajouter l'urgence à la dernière étape (Shopify Plus seulement)
• 🌐 Bannière haut/bouton — Afficher une barre de compte à rebours à l'échelle du site
• 📄 Page d'atterrissage et positions personnalisées — Cibler des collections spécifiques ou des placements personnalisés

Ce guide vous guide à travers les étapes de configuration essentielles afin que vous puissiez obtenir votre premier compte à rebours en direct rapidement 🚀

📍 Types de compte à rebours disponibles

Selon votre campagne, vous pouvez choisir parmi plusieurs comportements de minuterie :

• Compte à rebours jusqu'à une date — se termine à une date et à une heure précises
• Minutes fixes — Un compte à rebours fixe pour chaque session de visiteur
• Chronomètre quotidien récurrent — Répéte les jours choisis (par exemple, tous les jours de la semaine de 9h à 11h)
• Chronomètre d'intervalle — Nombreuses heures de début et de fin programmées (jusqu'à 7 intervalles)
• Calendrier des séances — Un compte à rebours unique qui commence frais pour chaque visiteur

Le type que vous sélectionnez change quelles options de timing apparaissent dans votre configuration.

⚠️ Avant de commencer

Avant de créer un compte à rebours, assurez-vous :

• Les Hoppy Countdown Timer app est installé sur votre Shopify magasin
• Vous avez accès à votre Shopify Administrateur

Activer l'application intégrée

Pour que les minuteurs de compte à rebours apparaissent sur votre boutique, l'intégration de l'application doit être activée à l'intérieur de votre Shopify thème.

Allez à :

Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Modifier le thème → App Embeds

Alors :

• Rechercher Compte à rebours
• C'est parti. SUR
• Cliquez sur Enregistrer

💡 Si vous sautez cette étape, votre chronomètre de compte à rebours publié ne sera pas visible sur le devant du magasin.

Shopify Plus les exigences de départ

Si vous voulez placer un compte à rebours timer sur le Page de départ, votre magasin doit être sur un Shopify Plus de planification. Les magasins non-Plus verront un avertissement de plan lors de la tentative de créer un compte à rebours de page de caisse.

🛠️ Étape 1 — Créer un nouveau compte à rebours

Ouvrir la Hoppy Countdown Timer application de votre Shopify Admin.

Alors :

→ Cliquez sur Créer un nouveau compte à rebours

→ Sélectionner la type de placement qui correspond à l'endroit où vous voulez que le minuteur apparaisse:

• Page produit
• Page panier
• Tiroir
• Page de départ (Shopify Plus seulement)
• Bannière haut/bouton
• Page d'atterrissage
• Position personnalisée

Une fois sélectionné, l'éditeur de configuration s'ouvre automatiquement avec des paramètres par défaut adaptés à ce placement.

⚙️ Étape 2 — Configurer l'onglet Contenu

Après avoir ouvert la page de configuration, vous atterrissez à l'intérieur de la Contenu onglet.

Cet onglet contrôle :

• 🏷️ Nom de compte à rebours et messagerie
• Type et moment du compte à rebours
• 🔚 Ce qui se passe quand le minuteur se termine
• 🌍 Traductions (pour les placements soutenus)

🏷️ Nom du compte à rebours

Ce champ est utilisé pour référence interne seulement — les clients ne le verront jamais.

Utilisez un nom reconnaissable tel que:

• Heure de vente d'été
• Le compte à rebours du vendredi noir
• Vente Flash Urgency Bar

💡 L'utilisation de noms internes clairs facilite la gestion de plusieurs campagnes plus tard.

📝 Titre et sous-position

• Titre — Le message principal que les clients voient (par exemple, « Grouillez! La vente se termine dans {timer}")
• Sous-positions — Ligne secondaire ci-dessous le titre de la plupart des placements

ℹ️ À Page panier et Page de départ timers, vous pouvez utiliser la variable dynamique {timer} dans le titre pour afficher le compte à rebours en direct.

🔘 Bouton d'appel à l'action

Pour Bannière haut/bouton, Page d'atterrissage, Page panieret Tiroir timers, vous pouvez choisir ce qui se passe lorsque les clients interagissent avec la barre de compte à rebours.

Définir la Type d'action du CTA à:

• Aucun appel à l'action — La barre affiche uniquement le texte
• Bouton — Ajoute un bouton cliquable sous la minuterie
• Faire cliquer la barre entière — transforme toute la barre en un lien

ℹ️ Si vous sélectionnez Bouton ou Faire cliquer la barre entière, les Texte du bouton et Lien les champs apparaissent automatiquement afin que vous puissiez configurer où les clients sont dirigés.

Type de compte à rebours

Choisissez comment votre minuteur doit se comporter :

Type

Quand utiliser

Compte à rebours jusqu'à une date

Une date de fin fixe (par exemple, la vente prend fin le 31 décembre)

Minutes fixes

Chaque visiteur obtient la même longueur de session fixe

Chronomètre quotidien récurrent

Répéte les jours sélectionnés avec les heures de début/fin définies

Chronomètre d'intervalle

Plusieurs fenêtres de compte à rebours programmées

Calendrier des séances

Un nouveau compte à rebours pour chaque session de visiteur

Une fois que vous sélectionnez un type, les champs de timing pertinents apparaissent automatiquement :

• Date → Les sélectionneurs de date de début et de fin apparaissent
• Procès-verbal / séance fixe → A Procès-verbal champ apparaît
• Récurrent → Sélecteur de jour et contrôle de l'heure de début/fin apparaissent
• Intervalle → Plusieurs collecteurs de date de début/fin apparaissent (jusqu'à 7 intervalles)

ℹ️ Page panier, Tiroir et Page de départ les placements utilisent des modes de temps fixes et font pas afficher le sélecteur de type Compte à rebours. Pour le panier et la caisse, vous définissez la durée Procès-verbal.

🕐 Paramètres de démarrage de la minuterie

Pour Compte à rebours jusqu'à une date timers, vous pouvez choisir quand le timer commence:

• Tout de suite — La minuterie commence dès sa publication
• Planifier pour commencer plus tard — Définir une date de début future

Si vous choisissez « Schedule pour commencer plus tard », un Date de début champ apparaît.

ℹ️ Cette option n'est pas disponible pour Page panier, Tiroirou Page de départ les placements, qui utilisent leurs propres contrôles de temps.

🔚 Une fois qu'il se termine

Ce réglage contrôle ce qui se passe lorsque le compte à rebours atteint zéro.

Les options disponibles dépendent de votre placement et de votre type de compte à rebours :

Pour la plupart des placements:

• Chronomètre non publié (cache) — Cache automatiquement le compte à rebours
• Afficher le message personnalisé — Affiche un titre/message personnalisé que vous définissez
• Étendre le minuteur — Ajoute du temps et affiche un message étendu
• Ne rien faire — laisse la minuterie visible à zéro

Pour la page, le tiroir et le chariot Standalone :

• Tous les éléments ci-dessus, plus:
• Redémarrer le compte à rebours — Réinitialise automatiquement le minuteur
• Supprimer le panier — Enlève les articles du panier lorsque la minuterie se termine

Pour le type « minutes fixes » sur les autres emplacements:

• Comprend également Redémarrer le compte à rebours pour la page de départ :
• Chronomètre non publié (cache) seulement
• Ne rien faire

ℹ️ Si vous sélectionnez Afficher le message personnalisé ou Étendre le minuteur, des champs de texte supplémentaires apparaissent automatiquement afin que vous puissiez entrer le contenu du message.

📍 Étape 3 — Configurer l'onglet Placement

Ensuite, ouvrez le Placement onglet pour contrôler où le compte à rebours apparaît et qui peut le voir.

🎯 Sélectionner des pages ou des produits

Les options de ciblage disponibles dépendent du type de placement que vous avez choisi à l'étape 1.

🛍️ Page produit

• Tous les produits — Afficher sur chaque page de produit
• Produits spécifiques — Pick à la main produits individuels de votre magasin
• Tous les produits avec des étiquettes spécifiques — Produits cibles correspondant aux étiquettes que vous définissez
• Tous les produits dans des collections spécifiques — Exposition pour les produits des collections choisies
• Position personnalisée — Placez manuellement à l'aide de l'ID de compte à rebours ou de l'extrait de liquide

🛒 Tiroir de page et de panier

• En haut du chariot — Positionnement par défaut au-dessus des éléments du panier
• Position personnalisée — Placez manuellement à l'aide de l'ID de compte à rebours ou de l'extrait de liquide

🌐 Bannière haut/bouton

• Afficher sur chaque page — Visibilité à l'échelle du site
• Afficher sur la page d'accueil seulement — Limiter à la page d'accueil
• Afficher sur toutes les pages de produits — Apparition sur chaque page de produit
• Afficher sur les pages de produits spécifiques — Pick à main produits individuels
• Tous les produits dans des collections spécifiques — Produits cibles dans les collections choisies
• Afficher sur toutes les pages de la collection — Apparition sur chaque page de collecte
• Afficher sur des pages de collecte spécifiques — Collections individuelles de coups de poing
• Position personnalisée — Placez manuellement à l'aide de l'ID de compte à rebours ou de l'extrait de liquide

📄 Page d'atterrissage

• Toutes les pages de collecte — Montrer sur chaque page de collection
• Pages de collecte spécifiques — Collections individuelles de coups de poing
• Position personnalisée — Placez manuellement à l'aide de l'ID de compte à rebours ou de l'extrait de liquide

💳 Page de départ

• Placement de bloc personnalisé — Ajouter via la Shopify Éditeur de vérification

ℹ️ Si vous sélectionnez Position personnalisée, l'application fournit un Numéro de compte à rebours et a Extrait de code liquide après avoir économisé. Vous pouvez les utiliser à l'intérieur de votre éditeur de thème ou de code pour placer le minuteur exactement où vous voulez.

Ciblage du temps sur site

Choisissez quand le compte à rebours doit apparaître :

• Afficher toujours — Affiche immédiatement lorsque la page charge
• Afficher après un moment — Retarde l'apparition d'un nombre de secondes (1–300)

👤 Ciblage des clients (facultatif)

Vous pouvez affiner la visibilité en fonction de:

• Statut de connexion — Afficher à tous les clients ou uniquement aux clients connectés
• Afficher la barre à — Tous les clients, clients avec des étiquettes spécifiques, ou clients basés sur la durée de vie passée
• Cacher la barre de — Exclure les étiquettes spécifiques des clients ou les plages de durée de vie passées

ℹ️ Ces paramètres sont optionnels. Pour la plupart des configurations, par défaut Afficher à tous les clients Ça marche parfaitement.

🌍 Ciblage de géolocalisation (facultatif)

Par défaut, votre compte à rebours est visible dans le monde entier.

Si vous voulez le limiter à des pays spécifiques, sélectionnez Pays spécifiques et choisissez les emplacements autorisés dans le sélecteur de pays.

🎨 Étape 4 — Personnaliser la conception (facultatif)

Ouvrir la Conception onglet pour changer comment votre compte à rebours ressemble.

Vous pouvez appliquer rapidement modèle pré-fait ou personnaliser manuellement & #160;:

• Position (en haut ou en bas)
• Couleur ou dégradé de fond
• Style minuterie (horloge à bascule, carreaux, chiffres simples, et plus)
• Polices, espacement et style des boutons

💡 Si vous êtes pressé, commencez par un gabarit et finissez-le plus tard.

Pour une ventilation complète de chaque option de conception, voir Conception et style la documentation.

💾 Étape 5 — Enregistrer votre configuration

Une fois votre contenu et votre placement configurés :

→ Cliquez sur Enregistrer

La barre de sauvegarde apparaît en bas de l'écran chaque fois que vous apportez des modifications. Enregistrement de votre configuration mais ne pas Faites vivre le minuteur.

🚀 Étape 6 — Publier le compte à rebours

Après enregistrement:

→ Cliquez sur Publier

Une fois publié:

• Le compte à rebours devient visible sur votre magasin selon vos règles de placement et de ciblage
• Un vert "Publié" badge apparaît à côté du nom du compte à rebours

⚠️ Rappels importants :

• Si l'intégration de l'application n'est pas activée dans votre thème, le compte à rebours n'apparaîtra pas — même après publication
• Pour les minuteurs de page de caisse, seulement une le compte à rebours publié est autorisé par magasin
• Vous pouvez publier à tout moment en cliquant sur le Sans publication bouton

✅ Étape finale — Confirmer Travail

Après publication:

1. Ouvrez votre vitrine Incognito ou privé fenêtre du navigateur
2. Naviguez sur la page où le compte à rebours doit apparaître
3. Vérifier que le minuteur est visible et compter correctement

Si le compte à rebours n'apparaît pas :

• Revérifier que App Intégré est activé et enregistré dans votre thème
• Confirmer que le compte à rebours est publié
• Essayez une rafraîchissement dur (Ctrl + Shift + R sous Windows / Cmd + Shift + R sur Mac)
• Vérifiez que vos règles de planification ou de ciblage ne le cachent pas

🎉 Résultat final

Une fois configuré avec succès :

✅ Un minuteur de compte à rebours est en direct sur vos pages sélectionnées ✅ Les clients voient des messages d'urgence en temps réel ✅ Le minuteur cache ou étend automatiquement en fonction de vos paramètres de fin d'action ✅ Votre vitrine se sent plus dynamique et sensible au temps ✨

Un compte à rebours bien placé peut aider les clients à prendre des décisions d'achat plus rapides tout au long de leur voyage d'achat 🚀

Mis à jour le : 10/09/2026