Table des matières
- Introduction
- Comprendre le bouton "Acheter maintenant"
- Comment se débarrasser du bouton "Acheter maintenant"
- Conclusion
- FAQ
Introduction
Imaginez que vous affinez votre boutique Shopify, cherchant à atteindre le parfait équilibre entre esthétique et fonctionnalité, puis vous tombez dessus : le omniprésent bouton "Acheter maintenant". Alors que cette fonctionnalité accélère le processus d'achat, il existe de nombreuses raisons pour lesquelles vous pourriez vouloir la réduire ou la supprimer entièrement, allant des préférences de design aux habitudes d'achat des clients. Ce scénario n'est pas rare mais plutôt un obstacle commun pour de nombreux propriétaires de boutiques Shopify à la recherche d'options de personnalisation qui correspondent à leur identité de marque unique.
Dans ce billet de blog complet, nous explorerons les tenants et les aboutissants de la suppression ou de l'ajustement du bouton "Acheter maintenant" sur votre boutique Shopify, en vous assurant de disposer des connaissances nécessaires pour personnaliser votre plateforme de commerce électronique afin qu'elle corresponde parfaitement à votre modèle commercial. Que vous visiez un look plus propre, que vous souhaitiez encourager une navigation plus poussée ou que vous préfériez simplement guider vos clients à travers un flux de paiement différent, ce guide a répondu à votre attente.
Comprendre le bouton "Acheter maintenant"
Avant d'entrer dans la résolution, parlons brièvement de ce que fait le bouton "Acheter maintenant" et pourquoi Shopify l'inclut en tant que fonctionnalité par défaut. Principalement, il sert à accélérer le processus d'achat en permettant aux clients de passer à la caisse directement et en un seul clic. Bien que cela puisse augmenter les taux de conversion en simplifiant les transactions, tous les commerçants ne le trouvent pas adapté au flux de travail de leur boutique ou à l'expérience client.
Comment se débarrasser du bouton "Acheter maintenant"
Supprimer ou masquer le bouton "Acheter maintenant" peut être abordé de plusieurs manières, selon votre aisance à apporter des modifications au code ou aux paramètres de votre boutique Shopify. Voici plusieurs méthodes pour y parvenir, allant des bascules simples dans les paramètres de Shopify à des solutions de codage plus avancées.
Via les paramètres d'administration Shopify
Pour beaucoup, la manière la plus simple de désactiver le bouton "Acheter maintenant" est via le panneau d'administration Shopify :
- Accédez à votre administration Shopify, allez sur 'Boutique en ligne' > 'Thèmes'.
- Trouvez le thème sur lequel vous travaillez et sélectionnez 'Personnaliser'.
- Une fois dans l'éditeur de thème, accédez à la section 'Pages de produits'.
- Recherchez une option nommée 'Afficher le bouton de paiement dynamique' et décochez-la. Cette action supprimera le bouton "Acheter maintenant" de vos pages de produits.
Il convient de noter que tous les thèmes ne présentent pas directement cette option et que certains thèmes personnalisés ou plus anciens peuvent nécessiter une approche plus pratique.
Modifier le code du thème
Pour ceux qui n'hésitent pas à plonger dans le code du thème, supprimer le bouton peut également être réalisé en éditant le fichier CSS de votre thème :
- Depuis votre administration Shopify, allez sur 'Boutique en ligne' > 'Thèmes'.
- Cliquez sur 'Actions' > 'Modifier le code'.
- Accédez au dossier 'Assets' et ouvrez le fichier CSS de votre thème (appelé souvent
theme.scss.liquidoutheme.css). - En bas du fichier, ajoutez la règle CSS suivante :
[data-add-to-cart-button] {
display: none !important;
}
- Enregistrez vos modifications.
Cette règle CSS masque le bouton "Acheter maintenant" en ciblant l'attribut de données du bouton Ajouter au panier, qui est communément utilisé pour les deux boutons. Rappelez-vous que cette solution peut varier en efficacité en fonction de la structure et de la codification de votre thème.
Créer des modèles de produits alternatifs
Une autre approche polyvalente consiste à créer des modèles de produits alternatifs. Cette solution est idéale pour les commerçants qui souhaitent supprimer le bouton "Acheter maintenant" de produits spécifiques plutôt que de manière globale. En dupliquant votre modèle de produit et en éditant le code de la copie, vous pouvez attribuer sélectivement le modèle alternatif à des produits qui ne devraient pas afficher le bouton :
- Dans l'administration Shopify, allez sur 'Boutique en ligne' > 'Thèmes'.
- Choisissez 'Actions' > 'Modifier le code'.
- Dupliquez le fichier
product.liquid(ou le fichier de modèle de produit pertinent) et renommez cette copie. - Supprimez ou mettez en commentaire le code lié au bouton "Acheter maintenant" dans votre nouveau modèle.
- Attribuez ce modèle aux produits selon les besoins via la page de détails du produit dans votre administration Shopify.
Conclusion
Adapter l'expérience d'achat pour correspondre à l'identité de votre magasin et aux besoins de vos clients est essentiel dans le paysage du commerce électronique. En supprimant le bouton "Acheter maintenant" de votre boutique Shopify, vous pouvez exercer un plus grand contrôle sur le processus d'achat, encourager les clients à ajouter plus d'articles à leur panier, ou simplement offrir une page produit plus propre et plus marquée.
N'oubliez pas, même si l'objectif immédiat peut être d'ajuster un élément unique comme le bouton "Acheter maintenant", il est essentiel de garder à l'esprit l'image globale. Chaque ajustement devrait être un pas vers la création d'une expérience utilisateur optimale qui reflète non seulement l'éthique de votre marque, mais encourage également les conversions et la satisfaction client.
FAQ
Q: La suppression du bouton "Acheter maintenant" affectera-t-elle le taux de conversion de mon magasin ?
A: Cela pourrait avoir un impact, car le bouton est conçu pour simplifier le processus de paiement. Surveillez vos analyses pour voir comment les modifications affectent les performances de votre magasin et ajustez en conséquence.
Q: Puis-je supprimer le bouton de la vue mobile tout en le conservant sur le bureau ?
A: Oui, en ciblant des tailles d'écran spécifiques avec du CSS personnalisé, vous pouvez masquer le bouton sur les appareils mobiles tout en le laissant visible sur les ordinateurs de bureau. Cependants, cette approche nécessite une codification personnalisée.
Q: Est-il possible de personnaliser le bouton au lieu de le supprimer ?
A: Absolument ! Shopify permet une personnalisation poussée via son langage de modélisation Liquid. Vous pouvez modifier l'apparence, le texte et le comportement du bouton pour mieux correspondre au design de votre magasin et au flux d'achat.
Q: Et si je change d'avis ?
A: Si vous avez suivi les étapes ci-dessus, revenir en arrière est simple. Réactivez le bouton via les paramètres d'administration ou supprimez les CSS personnalisés ou les modifications de modèle que vous avez appliquées.
