Le bouton d'achat Shopify versus Snipcart : Le bon, le mauvais et l'impressionnant

En 2015, nos amis de Shopify ont publié un nouveau produit cool appelé le bouton d'achat Shopify (appelé aussi le bouton d'achat immédiat). Son objectif était de permettre aux utilisateurs, nouveaux et existants, d'activer le commerce électronique sur n'importe quel site web.

Comme vous le savez peut-être, l'injection de produits et d'un panier d'achat personnalisable dans n'importe quel site web est l'une des propositions de valeur fondamentales que nous offrons chez Snipcart. Il n'est donc pas surprenant que, depuis la sortie du bouton Shopify il y a quatre ans, de nombreux commerçants et développeurs nous aient demandé :

En quoi Snipcart est-il différent du bouton d'achat de Shopify?

Cette question nous étant fréquemment posée - à juste titre, d'ailleurs - nous avons décidé de mettre à jour notre évaluation des deux produits afin d'apporter un éclairage supplémentaire sur le sujet.

Plongeons dans le vif du sujet.

Qu'est-ce que le bouton d'achat de Shopify?

Le bouton d'achat de Shopify s'éloigne de leur orientation produit de base, qui permet aux utilisateurs non techniques de créer facilement leur boutique en ligne. Alors que ce dernier implique une boutique en ligne entièrement hébergée, le premier se concentre sur les produits intégrables (code généré à copier et coller) et sur un processus de paiement redirigé et hébergé. Comme de nombreux produits Shopify - point de vente, Facebook Shop, Instagram Buy Now - sa mission est de diversifier les canaux de vente pour les commerçants.

Le processus est assez simple : vous créez un compte, vous créez un produit dans le tableau de bord, Shopify génère un extrait de code intégrable pour celui-ci, et vous insérez l'extrait sur le site, le blog ou l'application web de votre choix. Vous pouvez également placer ce bouton dans les courriels si vous le souhaitez.

Une fois que vous avez inclus les produits sur votre site, vous pouvez facilement y activer un panier d'achat simple via le tableau de bord Shopify. Voici un aperçu satisfaisant du bouton d'achat Shopify et du panier en action :

Remarque : Au moment de passer au paiement, une nouvelle fenêtre de paiement s'ouvre pour le client. Nous y reviendrons plus tard.

Toutes vos opérations de commerce électronique sont ensuite gérées directement à partir du tableau de bord complet de Shopify.

Qu'est-ce que Snipcart?

Voir le dépôt GitHub pour ce panier personnalisé.

Snipcart est une plateforme de panier d'achat qui peut être intégrée à n'importe quel site web simplement avec du HTML et du JavaScript. Il offre un panier d'achat côté client entièrement personnalisable, des webhooks et des API, ainsi qu’une application d'administration complète pour gérer les opérations de commerce électronique.

Tout cela est bien beau, mais voici la version “argumentaire éclair" que même votre grand-mère peut comprendre : Snipcart vous permet de vendre n'importe quel produit depuis n'importe quel site web sans rien enlever à votre marque personnalisée. De plus, l'intégration de Snipcart est aussi peu contraignante que possible. Il suffit de copier et de coller quelques lignes de code, de définir facilement vos produits et vous êtes prêt à fonctionner - même si, pour être honnête, vous devrez peut-être aider votre grand-mère pour cette dernière partie (selon votre grand-mère!).

À la fin de 2019, l'équipe publie Snipcart v3.0. Cette nouvelle version offre aux développeurs encore plus de souplesse dans la personnalisation des modèles, tout en supprimant les dépendances techniques (adieu jQuery!).

Combien coûtent-ils?

Prix du bouton d'achat Shopify

Le bouton d'achat immédiat de Shopify est disponible sur le plus petit plan de Shopify, Shopify Lite. Quant au prix, Shopify est commercialisé à seulement 9 $ par mois. Cela dit, il y a d'autres coûts qui sont assez standard dans le monde des solutions de commerce électronique et qui doivent être discutés. Voici le détail de ce que coûterait le bouton d'achat Shopify pour les transactions en ligne, en plus des frais de 9 $ par mois :

  • Le forfait de 9 $ par mois (comme indiqué ci-dessus).

  • Des frais de transaction de 2,9 % + 30 cents par transaction (si vous utilisez Shopify Payments, les frais s'arrêtent ici).

  • Des frais supplémentaires de 2 % par transaction (si vous utilisez une autre passerelle de paiement; ces frais diminuent avec les plans payants plus élevés).

Aux fins de cet article, nous ne comparons que le bouton d'achat immédiat de Shopify dans le cadre du plan Lite, mais vous pouvez toujours vérifier le tarif de Shopify pour les sites hébergés car ils ont des options dans d'autres gammes de prix.

Tarifs de Snipcart

2 % plus les frais de la passerelle de paiement (2,9 % + 30 cents) par transaction.

Avec le tarif standard de Snipcart, vous payez 2 % des transactions mensuelles, plus les frais de passerelle de paiement. Si, par exemple, vous utilisiez Stripe comme passerelle de paiement, votre tarif total serait de 4,9 % plus 30 cents par transaction.

Il est également important de noter que, avec Snipcart, les frais de transaction de 2 % ne peuvent pas descendre en dessous de 10 $ par mois. Ainsi, 10 $ par mois serait le prix minimum en supposant que vous réalisiez moins de 500 $ de ventes par mois. Nous disposons également de plans spéciaux établissant des frais fixes pour les vendeurs à gros volume.

Pour plus d'informations sur notre structure de paiement, consultez notre page de tarifs pour les détails.

Cas d'utilisation traités par les deux solutions de commerce électronique

Le bouton d'achat et Snipcart présentent de nombreuses similitudes. Comme nous l'avons déjà dit, chacun d'entre eux est utilisé pour ajouter des produits et un panier d'achat à un site existant. Avec les deux, vous pouvez :

  • Créer et gérer votre propre site web (conception, développement, hébergement)

  • Mettre en place et vendre des produits numériques

  • Mettre en place et faire fonctionner une boutique rapidement

  • Bénéficier d'un tableau de bord du commerçant hébergé pour gérer les opérations de commerce électronique

  • Vendre des produits dans le monde entier

  • Traiter les transactions en ligne sécurisées

  • Offrir des comptes clients

  • Offrir une expérience d'achat adaptable

Là encore, il s'agit de fonctionnalités qui se chevauchent et qui sont assez standard pour les plateformes de commerce électronique. Maintenant, pour le meilleur ou pour le pire, regardons certaines de leurs différences.

Aperçu des distinctions importantes

Avantages du vaste écosystème sous-jacent de Shopify

Le plan Lite de Shopify vous donne accès à d'autres canaux de vente intéressants. Les commerçants qui cherchent à vendre des produits dans la vie réelle peuvent utiliser l'application Point de vente, et une boutique Facebook ou Instagram pour les médias sociaux.

Pour l'instant, Snipcart ne prend pas en charge ces scénarios. C'est honnêtement quelque chose que nous avons été tentés d'expérimenter, mais au cours des six années de croissance de notre entreprise, nos clients n'ont pas montré beaucoup d'intérêt pour cette solution. De plus, avec les tendances en constante évolution des médias sociaux (comme la méfiance croissante à l'égard de Facebook ou la mort du Twitter Buy Button), nous préférons rester simples et nous en tenir à ce que nous connaissons : les sites web de commerce électronique.

Mais je m'éloigne du sujet...

Il y a certainement un autre avantage plus évident à opter pour une grande entreprise comme Shopify : grâce à leur impressionnante main-d'œuvre, vous bénéficiez d'une assistance par téléphone, par chat et par courriel 24 heures sur 24 et 7 jours sur 7.

Bien que nous soyons fiers de nos compétences en matière de service à la clientèle et de nos temps de réponse rapides, Shopify nous botte définitivement les fesses avec cette histoire d'heures 24/7. Nous avons essayé de convaincre notre équipe d'arrêter de manger, de dormir et de se doucher pour pouvoir compétitionner, mais le consensus général était que les normes de base de l'humeur et de l'hygiène étaient au plus bas, alors nous sommes simplement revenus aux heures normales de travail :)

Fonctions de commerce électronique natives pour Snipcart

L'un des aspects de Snipcart dont notre équipe est le plus fière, ce sont les fonctions intégrées qui accompagnent le produit.

Par exemple, si vous deviez utiliser le bouton d'achat immédiat de Shopify, il ne comprendrait pas de scénarios de rabais avancés prêts à l'emploi (listes de prix alternatifs, déclencheurs spécifiques aux produits et aux commandes). Pour cela, il faudrait installer quelques applications payantes sur le marché de Shopify. Snipcart propose ces options de rabais variées directement dans le tableau de bord du commerçant.

Contrairement à Snipcart, le bouton d'achat ne gère pas les abonnements natifs et les paiements récurrents. Vous devriez également acheter des applications (20 $ par mois) pour vous aider à le faire. Ce sont ces petits ajouts qui peuvent commencer à entraver les fonctionnalités de votre commerce électronique au niveau le plus élémentaire.

Donc, comme je l'ai mentionné plus haut, tout ce dont vous avez besoin pour avoir une expérience de paiement exceptionnelle est inclus dans le plan standard de Snipcart.

Avec Snipcart, vous avez un accès direct à la liste des paniers abandonnés sur votre boutique. Grâce à votre tableau de bord du commerçant, vous pouvez contacter ces clients et leur rappeler leurs commandes non exécutées, leur proposer des promotions, etc. Vous disposez également d'autres fonctionnalités comme les modèles de courriel personnalisés, les estimations d'expédition en temps réel, la gestion des stocks et les intégrations à TaxCloud et à TaxJar.

Bien que vous n'ayez pas besoin de ces fonctionnalités pour avoir un grand panier d'achat sur votre site web, ce sont les types de services qui peuvent donner à votre site un avantage concurrentiel. Payer plus cher pour ce type de fonctionnalités est la norme dans le monde du commerce électronique. Le bouton d'achat de Shopify (sur le plan Lite), par exemple, ne propose pas de récupération des paniers abandonnés. Vous devrez choisir un forfait mensuel plus élevé pour accéder à cette fonctionnalité. C'est exactement la même chose pour les estimations d'expédition en temps réel : Shopify les propose uniquement sur leur plan avancé Shopify à 299 $ par mois.

En bref, alors que le bouton d'achat de Shopify dispose d'un forfait de base et d'un forfait étendu, Snipcart est livré avec beaucoup plus de fonctionnalités dès le départ, et est moins cher.

Une différence importante dans l'expérience d'achat

Bien que conceptuellement similaires, les deux solutions sont techniquement différentes. Prenez les produits, ou les boutons d'achat par exemple. Le bouton d'achat vous fournit un extrait de code intégrable sur lequel vous avez peu de contrôle. Par exemple, si nous avons créé un produit vendant des "Services de garde du corps" par notre propre héros Snipcart, BatNan, vous obtiendrez un extrait de code (à gauche, ci-dessous) pour créer le produit suivant dans votre panier (à droite).

Quant à Snipcart, il vous permet de définir des attributs de produit sur n'importe quel élément HTML de votre code (ce peut être un bouton, un lien texte, une image, etc.). En ce sens, vous êtes en charge de l'affichage des produits et des pages produits comme vous le souhaitez!

Le bouton d'achat de Shopify est livré avec un panier d'achat simple, comme nous l'avons vu dans le .gif plus haut. Cependant, le véritable processus de paiement est séparé du panier lui-même. Lorsqu'un client appuie sur le bouton "payer", une nouvelle fenêtre s'ouvre, proposant une URL différente de celle du site marchand. Il y a là un conflit important dans l'expérience utilisateur et cela nuit à la force de votre marque.

Snipcart, quant à lui, gère l'ensemble de l'expérience d'achat (de l'ajout d'articles au panier à la transaction par carte de crédit) directement sur le site du commerçant. Et comme les développeurs peuvent personnaliser l'aspect et la convivialité de Snipcart comme ils le souhaitent, les étapes de paiement donnent toujours l'impression de faire partie d'une expérience de navigation et d'achat homogène.

Pour plus d'informations sur le perfectionnement de votre expérience de commerce électronique, nous vous recommandons de lire nos lignes directrices pour optimiser votre processus de paiement.

Voici un exemple de personnalisation avancée de Snipcart :

Une certaine quantité de personnalisation pour le panier intégré de Shopify est livrée avec le bouton d'achat. Mais c'est limité par rapport à ce que vous pouvez réaliser avec Snipcart.

Cependant, il convient de mentionner que Shopify a publié un SDK Buy JS, permettant un peu plus de personnalisation sur le site pour les développeurs. Mais là encore, la partie paiement reste hébergée sur l'URL Shopify comme nous l'avons montré précédemment, ce qui, selon nous, enlève quelque chose à votre marque.

Il y a une notion de personnalisation, de contrôle et de liberté du développeur qui est plus présente avec Snipcart. C'est un modèle qui apparaît dans beaucoup de nos comparaisons de produits.

C'est devenu particulièrement vrai avec la sortie de notre v3.0. Bien que notre v2.0 permettait de personnaliser le panier en remplaçant les classes CSS, nous avons créé un moyen dans notre version plus récente de personnaliser le balisage du panier, ce qui rend la personnalisation beaucoup plus simple et plus puissante.

Cela dit, nous avons également conçu le panier par défaut pour qu'il soit neutre pour la plupart des marques, comme vous pouvez le voir dans le .gif suivant :

That said, we’ve also designed the default cart to be neutral to most brands as you can see in the .gif below:

Pour voir l'exemple complet, n'hésitez pas à visiter notre boutique démo.

Conclusion

Le bouton d'achat, comme les autres produits de Shopify, est effectivement un produit de qualité. Tout comme Snipcart, il offre beaucoup de valeur lorsque vous l'utilisez pour accélérer la mise en œuvre et la personnalisation du commerce électronique sur votre site web. Si vous tenez absolument à vendre par le biais d'un point de vente et des médias sociaux, cette solution pourrait vous convenir parfaitement. Et il est plus facile à utiliser que Snipcart pour les gens non techniques. Mais ça ne nous dérange pas! Nous avons toujours essayé de rester aussi orientés vers les développeurs que possible. Comme le dit le proverbe, à chacun son métier.

Nous pouvons donc dire que les plus grandes différences sont les fonctions prêtes à l'emploi incluses dans Snipcart et le niveau plus élevé de personnalisation du panier que nous offrons. Cela, et le fait que notre solution permet de conserver l'ensemble du processus de paiement sur place, dans le même environnement. Encore une fois, nous souhaitons que votre marque soit reliée à vous (et uniquement à vous).

Si vous souhaitez pousser plus loin la puissance de commerce électronique du bouton d'achat, vous devrez soit augmenter votre forfait Shopify à un tarif plus élevé, soit acheter diverses applications sur leur marché. Si vous voulez faire de même avec Snipcart et mettre en place une intégration plus profonde avec des systèmes externes, vous devrez écrire quelques lignes de code et utiliser des webhooks!

À ce stade, c'est à vous de choisir ce que vous préférez. :)


Si vous avez apprécié cet article, prenez une seconde pour le partager sur Twitter. Des commentaires, des questions? Cliquez sur la section ci-dessous!

À propos de l'auteur

François Lanthier Nadeau
Directeur Général

François travaille dans les SaaS et le marketing numérique depuis plus de 7 ans. Il a été publié, entre autres, sur Indie Hackers, The Startup, freeCodeCamp, Baremetrics, Wishpond et Growth.org. Il a pris la parole lors de plus de 13 conférences sur les startups et le développement Web au Canada, aux États-Unis et en Europe. Il met de l'avant l'idéologie bootstrap et Jamstack depuis des années.

A Guide to Developer Productivity: 5 Healthy Habits & Tools

Read next from François
View more