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
  • Depuis le tableau de bord de Shopify®
  • Comment ajouter un badge personnalisé sur un produit
  • Observez le rendu sur votre boutique shopify

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

  1. PARAMÈTRES DU THÈME
  2. CONTENEURS

Badges

Intégrer des badges personnalisés de confiance shopify

PrécédentTiroirsSuivantAPPLICATIONS

Dernière mise à jour il y a 2 ans

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

Les badges personnalisés de couleur sont un outil supplémentaire idéal pour augmenter les ventes de votre boutique e-commerce. Les différentes couleurs vous permettent d’attirer l’attention sur le ou les produits de votre choix.

Grâce au thème français SHOPIWEB, vous allez découvrir dans le tutoriel qui suit, qu’il n’est pas nécessaire de savoir coder pour personnaliser ces badges de confiance qui apparaîtront sur les encarts de vos produits.

Avant de continuer… Si vous n’avez pas encore de licence SHOPIWEB, cliquez juste pour télécharger la vôtre.

Depuis le tableau de bord de Shopify®

  • Cliquez sur PARAMÈTRES > DONNÉES PERSONNALISÉES

  • Un menu apparaît devant vous avec les différentes catégories de page. Cliquez sur PRODUITS

  • Cliquez sur le bouton vert AJOUTER UNE DÉFINITION en haut à droite de votre écran

  • Dans le champ NOM, inscrivez : Shopiweb Badge

  • Dans le champs suivant, ESPACE DE NOM ET CLÉ, inscrivez : custom.shopiweb_badge

  • Dans le champ suivant, écrivez une description si vous le souhaitez

  • Ensuite, cliquez sur SÉLECTIONNEZ LE TYPE et choisissez UNE SEULE LIGNE DE TEXTE

  • En dessous, choisissez l’option UNE VALEUR

  • Terminez en cliquant sur ENREGISTRER

  • Vous verrez alors votre définition apparaître dans le menu des DONNÉES PERSONNALISÉES

Comment ajouter un badge personnalisé sur un produit

  • De retour sur votre tableau de bord Shopify®, cliquez sur PRODUITS puis sélectionnez le produit de votre choix

  • Une fois dans votre fiche produit, rendez-vous tout en bas dans la partie CHAMPS MÉTA

  • Vous verrez apparaître la définition préalablement créée : Shopiweb badge

  • Dans le champ qui se situe en face, inscrivez le texte de votre choix (Bientôt épuisé, Nouveauté, Quantité limité, etc) suivi de : et inscrivez la couleur souhaitée (vert, orange, rouge ou bien le code hexadécimal de la couleur de votre charte graphique)

  • Voici ce que ça pourrait donner si on souhaitait inscrire “Bientôt épuisé” dans un badge orange (Bientôt épuisé:orange)

  • Recommencez l’opération sur tous les produits de votre choix que vous avez en catalogue

Observez le rendu sur votre boutique shopify

Une fois vos badges créés, retournez sur votre boutique, rafraîchissez la page (même plusieurs fois) pour admirer votre travail. Félicitations, vous savez maintenant personnaliser des badges de confiance shopify avec le thème SHOPIWEB.

Retrouvez l’intégralité des explications dans une vidéo enregistrée par Xavier :

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
ici
Lecteur du tutoriel vidéo Youtube pour apprendre à personnaliser des badges de confiance Shopify® à l'aide du thème français SHOPIWEB
Les badges personnalisés de confiance Shopify® vous aide à mettre en avant les produits de votre choix
ÉTAPE 1 : Depuis le tableau de bord Shopify® cliquez sur PARAMÈTRES > DONNÉES PERSONNALISÉES
ÉTAPE 2 : Récapitulatif de vos champs méta
ÉTAPE 3 : Depuis l'une des fiches produits, les champs méta se trouve tout en bas de la page
ÉTAPE 4 : Personnalisation d'un champ méta d'une fiche produit pour ajouter un badge de confiance Shopify®
Capture d'écran des badges personnalisés de confiance shopify facile à mettre en place grâce au thème SHOPIWEB
Capture d'écran de la page données personnalisées accessible depuis les paramètres de votre compte shopify
Capture d'écran du récapitulatif des champs méta depuis les paramètres de compte shopify
Capture d'écran des champs méta d'une page produit shopify avec le thème français SHOPIWEB
Capture d'écran d'une personnalisation de champs méta d'une page produit shopify afin d'ajouter un badge de confiance shopify à l'aide du thème SHOPIWEB