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
  • Rendez-vous sur une page produit
  • Personnalisez le badge coloré

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

  1. SECTIONS
  2. MODÈLE
  3. INFORMATIONS PRODUITS

Badge personnalisé

Comment personnaliser une page produit shopify avec un badge coloré

PrécédentINFORMATIONS PRODUITSSuivantTexte

Dernière mise à jour il y a 2 ans

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

Comme pour le badge personnalisé, le badge coloré vous permet de mettre en avant un mot ou un petit texte directement sur la photo de votre page produit. “FIN DE SÉRIE”, “OFFRE SPÉCIALE”, “NOUVEAUTÉ”, stimulez l’envie d’achat auprès de vos visiteurs.

Le tutoriel suivant va vous montrer comment ajouter ce badge coloré en quelques clics, sans avoir besoin d’écrire une seule ligne de code. Vous verrez, cela ne vous prendra pas plus de 2 minutes.

Pré-requis : Avant de continuer, assurez-vous d’avoir une licence SHOPIWEB active. Si ce n’est pas fait, rendez-vous sur .

Rendez-vous sur une page produit

  • Depuis la personnalisation du thème SHOPIWEB, sélectionnez une page produit depuis le menu déroulant situé en haut au centre de l’écran

  • Une fois la page produit ouverte, cliquez sur INFORMATIONS PRODUIT situé dans la colonne de gauche, puis sur AJOUTER UN BLOC > BADGE PERSONNALISÉ

  • Après quelques secondes, vous verrez une pastille colorée, qui reprend par défaut la couleur d’accent N°1 préalablement ajoutée dans les PARAMÈTRES DE THÈME

Personnalisez le badge coloré

  • En sélectionnant le bloc BADGE PERSONNALISÉ, vous verrez les options de personnalisation apparaître dans la colonne située à droite de votre écran

  • Comme vous pouvez le constater, il n’y a qu’un réglage à effectuer : le champ TEXTE

  • Écrivez dans ce champ le mot ou la phrase courte de votre choix, comme expliqué au début de l’article (c’est le moment ou jamais de faire un peu de marketing)

  • Enregistrez vos modifications pour ne rien perdre

ET VOILÀ ! Vous avez réussi en moins de 2 minutes à personnaliser une page produit Shopify® à l’aide d’un badge coloré.

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
cette page
ÉTAPE 1 : Sélectionnez l'un de vos modèles de pages produit ou celle par défaut depuis le menu déroulant en haut de l'écran
ÉTAPE 2 : Depuis la section INFORMATIONS PRODUIT, cliquez sur AJOUTER UN BLOC puis BADGE PERSONNALISÉ
ÉTAPE 3 : Le BADGE PERSONNALISÉ COLORÉ apparaît maintenant en haut à droite de la photo du produit
ÉTAPE 4 : L'option de personnalisation du BADGE PERSONNALISÉ se situe dans la colonne à droite de l'écran
Capture d'écran du menu déroulant de l'interface de personnalisation du thème SHOPIWEB pour sélectionner une page produit
Capture d'écran pour ajouter le block BADGE PERSONNALISÉ dans la section INFORMATIONS PRODUIT d'une page produit Shopify
Capture d'écran du badge personnalisé coloré shopify qui apparaît en haut à droite d'une photo produit
Capture d'écran de la zone de personnalisation du BADGE PERSONNALISÉ d'une page produit shopify créée avec le thème français SHOPIWEB