Wix Boutique : Ajouter et configurer un bouton « Ajouter au panier »
Temps de lecture : 3 min
Vous pouvez placer un bouton autonome « Ajouter au panier » n'importe où sur votre site. Le bouton est lié à l'article que vous choisissez. Cela peut être utile lorsque vous écrivez sur un article quelque part sur votre site et que vous souhaitez permettre à un client d'ajouter facilement l'article à son panier.
Étape 1 | Ajouter le bouton « Ajouter au panier »
Commencez par naviguer jusqu'à la page concernée, puis faites glisser le bouton Ajouter le panier depuis le panneau Ajouter jusqu'à l'endroit idéal.
![GIF montrant comment ajouter un bouton d'ajout au panier à une page de site dans un site Wix](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/07/18/234aebb8-c516-489b-820c-f52ad357231e/6b532574-6c60-4ea2-aba9-db0cd4161bcf.gif)
Éditeur Wix
Responsable Studio
- Accédez à votre Éditeur.
- Cliquez sur Ajouter des éléments
à gauche de l'éditeur.
- Cliquez sur Boutique.
- Faites glisser le bouton d' ajout au panier vers la page.
Étape 2 | Connecter le bouton à un article
Pour que le bouton fonctionne correctement, vous devez sélectionner l'article qui est ajouté au panier du client lorsqu'il est cliqué.
![Capture d'écran du panneau des paramètres où vous sélectionnez l'article est connecté au bouton d'ajout au panier](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2024/06/06/5b99fc82-6884-48b3-8ecf-8086d975ad17/5abade03-a830-4dd1-9972-46e9e790a981.png)
Pour connecter le bouton à un article :
- Cliquez sur le bouton Ajouter au panier dans votre Éditeur.
- Cliquez sur Paramètres.
- (Facultatif) Modifiez le texte du bouton.
- Connecter le bouton à un article :
- Cliquez sur l'article par défaut.
- Sélectionnez un article.
Étape 3 | Concevoir le design du bouton
Vous pouvez maintenant personnaliser le design du bouton pour qu'il s'adapte parfaitement à la page.
Pour personnaliser le design du bouton :
- Cliquez sur le bouton Ajouter au panier dans votre Éditeur.
- Cliquez sur Paramètres.
- Cliquez sur Design.
- Effectuez l'une des personnalisations suivantes :
- Sélectionnez un style de bouton.
- Sélectionnez une couleur de bouton et faites glisser le curseur pour ajuster l'opacité.
- Sélectionnez une couleur de bordure et faites glisser le curseur pour ajuster la largeur de la bordure.
- Faites glisser le curseur pour rendre les angles plus ronds ou plus carrés.
- Sélectionnez une couleur de texte ou une police.
![Capture d'écran des options de design disponibles avec le bouton d'ajout au panier](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/07/25/89103e08-5ea7-47c1-8243-c280beea60c3/d09b41c0-36ba-4e87-aaeb-ded95c132150.png)
Remarques :
- Lorsqu'un article est en rupture de stock, le texte du bouton devient « Rupture de stock ».
- Il n'est pas possible de modifier le design du bouton « Rupture de stock ».
Cela vous a-t-il aidé ?
|