Aujourd’hui, je vous présente une petite nouveauté weezbe sympathique. A la fois, cette nouveauté donnera plus de style à votre boutique et améliorera le merchandising de votre espace. Je vous conseille d’activer rapidement les « flags » nouveauté et promotions pour embellir la présentation de vos produits.
En quoi ça améliore le merchandising ?
Lorsqu’un visiteur arrive dans l’un de vos rayons, il identifie facilement quelles sont les nouveautés et quelles sont les promotions dans l’ensemble des produits.
Par exemple, un promophile visualisera en 1 coup d’œil les produits qui l’intéressent : les promotions. Vous lui mettez sous le nez, ce qui le tente !
Comment activer les « flags » ou « rubans » sur ma boutique ?
Pour activer vos « flags » ou « rubans » sur votre boutique, rendez-vous dans la rubrique « Produits > affichage » de votre espace d’administration. Si vous avez créé votre boutique récemment, vous n’avez rien à faire, cette option est activée par défaut !
Comment personnaliser la couleur de mes rubans ?
Par défaut, le ruban promo est rouge et le ruban nouveauté est vert.


Je vous livre, exclusivement sur le blog, une petite astuce pour en personnaliser la couleur. Accédez à la rubrique « Configuration > CSS » et insérez le code suivant:
Transformer mon ruban promotion en orange :
.ribbons .promo {background-color:orange;}
Transformer mon ruban nouveauté en bleu :
.ribbons .new {background-color:blue;}
Vous pouvez remplacer le orange et le bleu par la couleur que vous souhaitez. Pour cela, utilisez le code hexadécimal de la couleur désirée.
J’attends vos exemples d’intégration !
Je serai très curieux de voir ce que donne les rubans avec d’autres couleurs. J’attends le lien de vos boutiques dans les commentaires pour voir les différentes intégrations sympathiques que vous avez pu mettre en place.
Liens utiles
- Image des produits : Bons plans de Design de Collection
- Plus d’informations sur la personnalisation CSS
Articles sur le même thème
- 5 conseils pour améliorer la confiance de vos visiteurs
- Taux de rebond KESAKO ?
- Comment bien valoriser vos produits ? Quelques conseils toujours bons à prendre !
Bonjour,
Bravo pour cette nouveauté, j’ai de suite coché ces options que je trouve indispensable au marketing ecommerce. Pour ma part j’ai en effet choisi de changer la couleur du ruban « promo » en « DarkGoldenRod » qui s’intègre mieux avec mon code couleur général.
Une petite remarque quand même : pour le ruban « new » j’aurais préféré « nouveau »…!
Je finis par une suggestion : Le reseau social Google+ prends de l’ampleur de jours en jours… Avez vous envisagé d’intégrer un bouton de partage Google+ au coté des boutons facebook et twitter ?
Isabelle Lormet
Bonjour Isabelle,
J’aime bien votre personnalisation du bandeau promotion. ça s’intègre bien avec le design de votre boutique en effet.
Pour le « New », l’intérêt est dans la visibilité du ruban. New c’est 3 lettres quand Nouveauté est composé de 9 lettres ! Du coup, en intégrant nouveauté dans un ruban, il aurait été tout petit et très peu lisible.
Quant à Google+, je ne suis pas encore personnellement convaincu du succès de ce réseau social. Qu’est-ce qui vous rend optimiste quant à son décollage ? Je vois rarement des le compteur +1 incrémenté. Il suffit de regardé les derniers articles du blog weezbe, on a très peu de +1.
Thomas
Bonjour Thomas,
Je suis en train de mettre en place ma boutique, et j’ai personnalisé la couleur des rubans « New » comme indiqué dans votre article.
Par contre, la couleur verte initiale de ces rubans apparaît également à d’autres endroits du site, et j’aimerais savoir comment la changer afin d’avoir un site harmonieux:
– sur le bouton « Aperçu » au passage de la souris;
– sur le bouton « Ajouter au panier »;
– sur le bouton « Valider la commande ».
Pourriez-vous me renseigner?
Merci par avance,
Laura