> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Comment configurer le compte à rebours > ℹ️ **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 panier**et **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**, **Tiroir**ou **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 🚀