BOUTONS
Comment personnaliser les boutons sur Shopify®
Dernière mise à jour
Cet article vous a-t-il été utile ?
Comment personnaliser les boutons sur Shopify®
Dernière mise à jour
Cet article vous a-t-il été utile ?
Shopify® affiche automatiquement des boutons d’actions propres au e-commerce : l’ajout d’un produit au panier et l’achat. Mais il est possible d’ajouter d’autres appels à l’action un peu partout sur votre boutique. Ces boutons sont personnalisables afin de leur donner le style que vous voulez.
Le tutoriel suivant vous apprend à personnaliser ces boutons :
BON À SAVOIR : Lorsque vous effectuez une modification, patientez quelques secondes (le temps que la page se charge à nouveau) afin de visualiser le changement depuis la fenêtre située au centre de l’écran. Pour ne pas perdre vos modifications, pensez à cliquer sur ENREGISTRER situé en haut à droite de l’écran.
Rendez-vous dans l’interface de personnalisation du thème SHOPIWEB en cliquant sur BOUTIQUE EN LIGNE > PERSONNALISER.
Cliquez ensuite sur PARAMÈTRES DE THÈME puis sur BOUTONS.
Vous voyez alors les options de personnalisation représentées sous forme de curseurs bleus.
Par défaut, les boutons d’ajout au panier et d’achat reprennent la couleur d’Accentuation 1 préalablement enregistrée dans PARAMÈTRES DE THÈME > COULEURS. Nous vous conseillons de garder cette couleur et de poursuivre le tutoriel.
Ajuster l’épaisseur du bouton en faisant glisser le curseur vers la droite (de 0px à 12px). Le bouton apparaîtra alors plus ou moins gros.
Réglez ensuite l’opacité de la bordure, ce qui peut-être intéressant si vous avez donné de l’épaisseur dans le réglage précédent.
Le réglage suivant (RAYON DE COIN) vous permet d’obtenir des boutons carrés ou à angles arrondis (de 0px à 50px).
Ajustez l’opacité de l’ombre pour créer un effet de relief.
Le réglage suivant (DÉCALAGE HORIZONTAL) vous permet de décaler l’ombre de haut en bas.
L’option suivante (DÉCALAGE VERTICAL) vous permet de décaler l’ombre de droite à gauche.
Enfin, le dernier réglage vous offre la possibilité d’ajuster le flou, c’est-à-dire de créer un effet de dégradé pour une ombre plus discrète et élégante.
Les ombres mettent en valeur les boutons d'actions principales de votre boutique et attirent naturellement l’attention des visiteurs vers ces derniers.
Félicitations, vous avez à présent personnaliser les boutons de votre boutique Shopify®.
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.
