BOUTONS

Comment personnaliser les boutons sur Shopify®

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 :

• Bordure

• Ombre

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.

Personnaliser les boutons Shopify® en quelques étapes simples

• 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.

Bordure

• 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).

Ombre

• 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.

Enregistrez et c’est fini !

Félicitations, vous avez à présent personnaliser les boutons de votre boutique Shopify®.

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.