THÈME SHOPIWEB
  • INTRODUCTION
  • SECTIONS
    • PANIER COULISSANT
      • Comptes à rebours panier
      • Barre d'annonces
      • Bump en 1 clic
      • Image
    • MODÈLE
      • INFORMATIONS PRODUITS
        • Badge personnalisé
        • Texte
        • Texte enrichi
        • Note de produit
        • Séparateur
        • Pop-up
        • Pack de produits
        • État des stocks
        • Estimation de livraison
        • Sniper live
        • Image
        • Rangée réductible
        • Description
        • Offre groupée
        • Liquid personnalisé
        • Champ texte personnalisé
        • Collection personnalisé
      • Barre d'annonces
      • Instagram galerie
      • Parallaxe
      • Marque logo/ texte
      • Articles de blog
      • Bannière avec image
      • Bannière avec vidéo
      • Bordure personnalisée
      • Collage
      • Collection en vedette
      • Contenu personnalisé
      • Contenu réductible
      • Formulaire de contact
      • Image avec texte
      • Inscription à la liste de diffusion
      • Liste des collections
      • Multicolonne
      • Navigation personnalisée
      • Onglets multiples
      • Produit en vedette
      • Suivi commande
      • Texte dynamique
      • Texte défilant
      • Texte enrichi
      • Témoignages
      • Vidéo
      • Vidéo avec texte
      • Diaporama
  • PARAMÈTRES DU THÈME
    • Écosystème du thème
    • CODE PERSONNALISÉ
      • Head
      • CSS
      • JavaScript
    • EFFECTS
      • Effect titre
      • Effect SVG sous-titre
      • Effect paragraphe
      • Effect bouton
      • Effect image
      • Effect block
    • RÉSEAUX SOCIAUX
      • Twitter
      • Facebook
      • Pinterest
      • Instagram
      • Tik Tok
      • Tumblr
      • Snapchat
      • YouTube
      • Vimeo
    • PARAMÈTRES GÉNÉRAUX
      • Image favicon
      • Mise en page
      • Grille
      • Codes de devise
      • Suggestions de produits
      • Carrousel
    • COULEURS
      • Couleurs primaires
      • Couleurs secondaires
      • Boutons de paiement (ATC)
      • Couleurs prix
    • TYPOGRAPHIE
      • Titre
      • Corps
    • BOUTONS
    • CONTENEURS
      • Style de variantes
      • Entrées
      • Cartes
      • Conteneurs de contenu
      • Style d'image et vidéo
      • Menus déroulants et pop-ups
      • Tiroirs
      • Badges
    • APPLICATIONS
      • Protection de boutique
      • Flèche de retour en haut
      • Liste de souhaits
      • Cookies RGPD
      • Chat de messagerie
    • PANIER
    • PASSAGE À LA CAISSE
    • CSS PERSONNALISÉ
    • STYLE DE THÈME
      • Changer le style du thème
  • MISES À JOUR
    • Thème ECOM PRO
  • LAISSEZ UN AVIS
Propulsé par GitBook
Sur cette page
  • Activer la fonctionnalité dans SHOPIWEB
  • Personnaliser le compte à rebours panier
  • Enregistrez et c’est terminé !

Cet article vous a-t-il été utile ?

  1. SECTIONS
  2. PANIER COULISSANT

Comptes à rebours panier

Comment ajouter un compte à rebours à votre panier Shopify en quelques étapes faciles

PrécédentPANIER COULISSANTSuivantBarre d'annonces

Dernière mise à jour il y a 2 ans

Cet article vous a-t-il été utile ?

Intégrer de l’urgence sur votre boutique e-commerce est l’un des éléments clés pour améliorer vos conversions. Voilà pourquoi le thème français SHOPIWEB intègre une fonctionnalité indispensable pour les e-commerçants : le compte à rebours. Il s’ajoute très facilement à votre panier coulissant afin que, dès qu’un client ajoute un produit au panier, un compte à rebours se déclenche. Il annonce la durée durant laquelle son panier restera actif. Ainsi, les clients ont tendance à valider plus rapidement leur commande au lieu de remettre à plus tard.

Ce rapide tutoriel vous montre comment activer le compte à rebours shopify et comment le paramétrer facilement. Il vous suffit d’avoir une licence du thème SHOPIWEB. Si ce n’est pas encore le cas, .

Activer la fonctionnalité dans SHOPIWEB

  • Depuis votre tableau de bord Shopify®, cliquez sur BOUTIQUE EN LIGNE > THÈMES > PERSONNALISER

  • Dans le menu SECTIONS de votre page d’accueil, vous trouverez en haut de la colonne de gauche, la section PANIER COULISSANT

  • Si votre panier coulissant ne contient pas encore de compte à rebours, cliquez sur AJOUTER UN BLOC et choisissez COMPTE À REBOURS

Personnaliser le compte à rebours panier

  • Une fois le bloc COMPTE À REBOURS ajouté à la section PANIER COULISSANT, cliquez dessus pour voir les réglages apparaître dans la colonne à droite de votre écran

  • Vous pouvez choisir la COULEUR DU TEXTE ainsi que la COULEURS DE FOND, ou bien laisser les réglages par défaut

  • Une fois les couleurs choisies, ajoutez le TEXTE AVANT ou bien laissez la phrase écrite par défaut

  • Ensuite, passez au champ suivant : TEXTE APRÈS dans lequel vous pouvez indiquer les minutes. Nous vous recommandons de laisser ce qui est écrit. Mais il est possible d’écrire ce que vous voulez ou tout simplement d’ajouter un emoji 🙂

  • Le réglage suivant est un curseur qui vous permet de régler très facilement la taille dans laquelle vous souhaitez que le compte à rebours shopify apparaisse dans le panier

  • Dans le champ suivant, il est possible de personnaliser la couleur du compte à rebours, c’est-à-dire des chiffres qui défilent. Par défaut, nous avons sélectionné du rouge pour attirer efficacement l’attention de l’internaute. De plus, cette couleur est synonyme de danger, ce qui convient parfaitement à un compte à rebours.

  • Ensuite, réglez la DURÉE COMPTE À REBOURS (MINUTES) à l’aide de la jauge réglable (minimum 5 minutes et au maximum 30 minutes)

  • Terminez par la case ACTIVER L’ÉPAISSEUR DU COMPTE À REBOURS que vous pouvez cocher ou pas. Si vous l’activez, les chiffres du compte à rebours apparaîtront en gras.

Enregistrez et c’est terminé !

Pensez toujours à enregistrer vos modifications pour ne rien perdre. Si vous voulez retrouver l’intégralité des explications en vidéo, la voici :

Besoin d’un coup de main ?

Profitez d’un coaching personnalisé avec Xavier LOPES, le créateur du thème SHOPIWEB. Durant cet entretien privilégié, il vous apprend à devenir autonome en création de boutique e-commerce avec Shopify®. Infos et réservations disponibles sur .

cette page
cliquez ici pour en savoir plus
Lecteur de la vidéo tutoriel Youtube de SHOPIWEB pour ajouter un COMPTE À REBOURS au panier coulissant de sa boutique Shopify®
ÉTAPE 1 : Cliquez sur la section PANIER COULISSANT puis choisissez le premier bloc qui, par défaut, devrait être le COMPTE À REBOURS
ÉTAPE 2 : Si le COMPTE À REBOURS PANIER n'est pas activé par défaut, cliquez la section PANIER COULISSANT > AJOTUER UN BLOC > COMPTE À REBOURS
ÉTAPE 3 : Les paramètres de personnalisation du COMPTE À REBOURS PANIER se trouvent sur la colonne droite après avoir sélectionné le bloc COMPTE À REBOURS
Capture d'écran de la personnalisation du thème SHOPIWEB pour ajouter un compte à rebours panier sur sa boutique Shopify
Capture d'écran de l'interface du thème SHOPIWEB pour ajouter le bloc COMPTE À REBOURS PANIER sur son panier coulissant
Capture d'écran pour customiser le compte à rebours panier de shopify grâce au thème français SHOPIWEB