FAQ sur le Bouton d’achat

Sur cette page

Puis-je ajouter un Bouton d’achat à ma boutique en ligne Shopify ?

Il n’est pas recommandé d’ajouter des Boutons d’achat à votre boutique en ligne Shopify ou à votre blog de Shopify, car ils peuvent causer des problèmes avec le panier de la boutique en ligne. Nous vous suggérons plutôt d’utiliser des liens permanents pour précharger le panier.

Comment supprimer le canal Bouton d’achat de mon interface administrateur Shopify ?

Depuis votre interface administrateur Shopify, allez à Paramètres > Canaux de vente.
Pour le canal Bouton d’achat, cliquez sur … > Désinstaller.
Dans la boîte de dialogue Désinstaller le Bouton d’achat ?, sélectionnez Je comprends les risques liés à la désinstallation de ce canal de vente.
Facultatif : sous Motif de la désinstallation, sélectionnez les motifs applicables dans le menu déroulant et partagez tout retour d’expérience dans le champ de texte.
Cliquez sur Désinstaller.

Comment supprimer un Bouton d’achat de ma page web ?

Supprimez le code d’intégration que vous avez ajouté à votre page web.

Puis-je mettre à jour un Bouton d’achat existant pour afficher un autre produit ?

Oui, en modifiant le code d’intégration. Vous pouvez modifier l’attribut id dans le code d’intégration pour qu’il corresponde à un autre produit. Sinon, vous devez créer un nouveau Bouton d’achat dans Shopify qui présente le produit que vous souhaitez, puis générer un nouveau code d’intégration pour remplacer le code d’intégration du Bouton d’achat précédent.

Lors de la création d’un Bouton d’achat, à quoi peut servir le champ d’informations supplémentaires ?

Le champ d’informations supplémentaires vous permet de communiquer un message à vos clients. Le message s’affiche dans le panier du client. Un exemple de message peut être que les taxes sont calculées au moment du paiement.

Quelles passerelles de paiement puis-je utiliser avec mon Bouton d’achat ?

Vous devez utiliser une passerelle de paiement prise en charge pour utiliser le Bouton d’achat. Pour voir la liste des passerelles de paiement prises en charge dans votre pays ou région, consultez la page Informations de paiement par pays ou région.

Comment puis-je modifier l’apparence d’un Bouton d’achat existant ?

La façon la plus simple de modifier l’apparence ou les paramètres d’un Bouton d’achat existant est de le recréer et de remplacer le code existant par le nouveau code. Une autre option consiste à suivre ce tutoriel avancé pour apporter les modifications.

Si vous avez besoin d’aide pour modifier l’apparence, vous pouvez engager un Partenaire Shopify. En savoir plus sur la marche à suivre pour engager un Partenaire Shopify.

Pourquoi mon Bouton d’achat ne fonctionne-t-il pas avec mon appli ?

Les Boutons d’achat ne sont pas compatibles avec les applis du Shopify App Store. Par exemple, si vous avez une appli d’avis sur les produits, elle ne fonctionnera pas avec un Bouton d’achat.

Comment puis-je résoudre les problèmes liés au Bouton d’achat ?

Si votre Bouton d’achat ne fonctionne pas comme prévu, vous pouvez suivre ces étapes de résolution de problèmes pour identifier et résoudre les problèmes courants :

Vérifier les conflits CSS (Cascading Style Sheets)

Parfois, le CSS de votre site web peut interférer avec le style du Bouton d’achat. Par exemple, si le CSS définit display: hidden; pour les éléments iframe, le Bouton d’achat devient invisible.

Un autre problème courant se produit lorsque la hauteur du bouton est mal calculée ou définie sur 0. Si cela se produit, essayez de recréer votre Bouton d’achat avec différents paramètres de mise en page dans votre interface administrateur Shopify, car les options de personnalisation intégrées résolvent généralement mieux les problèmes de hauteur que le CSS personnalisé.

Pour rechercher les conflits CSS :

Ouvrez les outils de développement de votre navigateur (appuyez sur F12 dans Chrome).
Sélectionnez la zone du Bouton d’achat et examinez le code HTML dans l’onglet Éléments.
Examinez le panneau Styles pour voir si des règles CSS affectent la visibilité ou la mise en page du bouton.

Rechercher les erreurs JavaScript

Les conflits JavaScript peuvent empêcher les Boutons d’achat d’apparaître ou de fonctionner correctement. Pour rechercher les erreurs JavaScript :

Ouvrez les outils de développement de votre navigateur.
Accédez à l’onglet Console.
Examinez les messages d’erreur qui s’affichent lors du chargement de la page ou lorsque vous interagissez avec le Bouton d’achat.

Les erreurs JavaScript courantes incluent des dépendances de script manquantes ou des conflits avec d’autres scripts sur votre site web.

Vérifier que le produit existe

Si vous obtenez des erreurs 404, il est possible que le produit ait été supprimé et remplacé. Comparez l’ID du produit dans votre code du Bouton d’achat avec l’ID du produit dans votre interface administrateur Shopify pour confirmer qu’ils correspondent.

Tester sur une page HTML simple

Pour déterminer si le problème vient de votre Bouton d’achat ou de votre site web :

Créez un fichier HTML simple contenant uniquement le code de votre Bouton d’achat.
Ouvrez le fichier dans votre navigateur pour voir si le bouton fonctionne correctement.
S’il fonctionne sur la page simple mais pas sur votre site web, le problème vient probablement du CSS ou du JavaScript de votre site web.

Confirmer qu’il s’agit d’un Bouton d’achat Shopify

Parfois, les boutons qui ressemblent aux Boutons d’achat Shopify sont en réalité des solutions tierces. Pour vérifier que vous utilisez un Bouton d’achat Shopify :

Ouvrez les outils de développement et inspectez le bouton.
Examinez le code HTML pour trouver du code spécifique à Shopify.
Vérifiez que l’onglet Réseau affiche des appels à buy-button-storefront.min.js.

Si vous ne parvenez pas à résoudre le problème à l’aide de ces étapes, envisagez de faire appel à un Partenaire Shopify pour obtenir de l’aide. En savoir plus sur hiring a Shopify Partner.

Où puis-je créer un permalien de panier ?

Pour créer un permalien de panier, vous devez vous trouver sur la page de détails du produit. Découvrez comment create a cart permalink.