# BOUTONS

***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](#bordure)
* [Ombre](#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.<br>

![](https://lh5.googleusercontent.com/jB8uw2D6_1jk24PirNoyws2LKo1nC-lDcVD9yTqXAUQtgrjchbebHBEKW5L5EiXr8XtbRd3Vi67kHo0Q20FwPrYy6SKTiP4h6W-GCkPNPsxgP67JmDFBK2PBm5obcnLQf-rad4cGNmrrGi_ylyCd9S0)

### 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.&#x20;
* 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](https://theme.shopiweb.fr/coaching-technique-design).