Créer un bouton d'achat

Après avoir ajouté le canal de vente Bouton d'achat dans votre interface administrateur Shopify, vous pouvez créer un bouton d'achat pour un produit ou une collection.

Exemple de bouton d'achat

Après avoir créé un bouton d’achat, vous copiez le code généré automatiquement, puis vous ajoutez le code à la page web ou à l’article de blog où vous souhaitez afficher le bouton. Par exemple, vous pouvez ajouter le bouton d’achat sur votre blog WordPress ou votre site web Squarespace.

L’apparence du bouton d’achat ne peut pas être modifiée une fois celui-ci intégré à votre site web. Si vous souhaitez la modifier, vous devez créer un nouveau bouton dans le canal et remplacer le code d'origine par le nouveau code.

Personnaliser les boutons d'achat

Vous pouvez personnaliser la couleur d'un bouton d'achat, sa taille et son apparence, mais aussi sélectionner l'action qui se produit quand quelqu'un clique dessus.

Lors de la personnalisation du bouton, vous pouvez afficher un aperçu de vos modifications. Vous pouvez tester le comportement du bouton d’achat en cliquant sur l’aperçu.

Style de la mise en page

Vous pouvez choisir la mise en page du bouton d’achat.

Icône de seulement un bouton radio Sélectionnez cette mise en page pour ajouter un bouton d’achat sans aucune image de produit. Cela est conseillé si vous proposez déjà vos produits ailleurs en ligne et que vous souhaitez simplement ajouter un bouton pour effectuer l’achat.
Icône d'une image de produit avec un bouton Sélectionnez cette mise en page pour afficher l'image et le prix d'un produit à côté du bouton d’achat. Cette mise en page est utile pour avoir un rapide aperçu du produit, comme dans un article de blog.
Icône d'une image de produit avec du texte et un bouton sur le côté droit Sélectionnez cette mise en page pour afficher l'image, le prix et la description d'un produit à côté du bouton d’achat. Cette mise en page émule la page des détails du produit dans votre boutique en ligne.

Actions du bouton d'achat

Lorsque vous créez un bouton d’achat, vous pouvez sélectionner l’action qui se produit lorsque l’utilisateur clique sur le bouton.

Si le bouton d’achat concerne une collection, l’action s’applique à chaque produit de la collection.

  • L'option Ajouter un produit au panier ajoute le produit à un panier. Les clients peuvent continuer leurs achats et ajouter des produits supplémentaires au panier.
  • L'option Diriger vers le passage à la caisse amène directement le client au passage à la caisse, où il peut acheter le produit. Les clients ne sont alors plus en mesure d'ajouter des produits supplémentaires à leur commande.
  • L'option Ouvrir les détails du produit affiche un bouton Afficher le produit. Lorsque le client clique sur le bouton, il peut voir la description du produit, sélectionner n'importe quelle variante du produit disponible et ajouter le produit au panier. Si un produit comporte plusieurs images, celles-ci s’affichent également.

    Cette option n’est pas disponible lorsque vous choisissez la mise en page Aperçu complet, car la mise en page Aperçu complet affiche déjà tous les détails du produit.

Apparence du bouton d'achat

  • Style de bouton : comprend la forme, la couleur et la typographie de la partie bouton du bouton d’achat.
  • Mise en page : en fonction du style de mise en page que vous choisissez, vous pouvez personnaliser des paramètres tels que l’alignement des boutons, la taille de l’image, ou encore le texte, la police, la couleur et la taille du bouton.
  • Panier : comprend des options de texte et de couleur pour le panier d’achat intégré. Vous pouvez également activer et personnaliser le libellé du champ Note de commande. Vous pouvez utiliser les notes de commande pour consigner les instructions spéciales des clients concernant la préparation et la livraison d’une commande. Le champ Informations supplémentaires vous permet de communiquer un message à vos clients.

    Vous ne pouvez modifier les paramètres du panier que si vous avez sélectionné Ajouter le produit au panier ou Ouvrir les détails du produit comme action du bouton.

  • La fenêtre pop-up détaillée inclut les paramètres de la fenêtre pop-up des détails du produit. Vous pouvez personnaliser le texte du bouton de manière à afficher ou non le champ de la quantité, les couleurs utilisées pour l’arrière-plan et les libellés, ainsi que la police et la taille de police des libellés. Vous ne pouvez modifier ces paramètres que si vous avez sélectionné Ouvrir les détails du produit comme action du bouton.

Créer un bouton d'achat pour un seul produit

Vous pouvez créer un bouton d'achat pour un seul produit. Le bouton d'achat peut inclure une ou toutes les variantes du produit. Lorsque vous créez le bouton d'achat, vous choisissez un style de mise en page et vous personnalisez la couleur, le texte et l'apparence du bouton, ainsi que l'action qui se produit lorsqu'un client clique dessus. En savoir plus sur la personnalisation des boutons d'achat.

Avant de créer un bouton d’achat pour un produit, vous devez avoir ajouté le produit à votre interface administrateur Shopify et l’avoir mis à la disposition du canal de vente du bouton d’achat. En outre, si vous souhaitez créer un bouton d’achat pour une collection, vous devez également avoir créé la collection.

Étapes :

Créer un bouton d’achat pour une collection

Lorsque vous créez un bouton d’achat pour une collection, vous créez en fait un bouton pour chaque produit de la collection.

Lorsque vous créez le bouton d'achat, vous choisissez un style de mise en page et vous personnalisez la couleur, le texte et l'apparence du bouton, ainsi que l'action qui se produit lorsqu'un client clique dessus. En savoir plus sur la personnalisation des boutons d'achat.

Avant de créer un bouton d’achat pour une collection, vous devez avoir ajouté le produit à votre interface administrateur Shopify, l’avoir mis à la disposition du canal de vente du bouton d’achat et avoir créé la collection.

Étapes :

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement