Shopify Checkout Extensibility : ses capacités pour améliorer votre paiement

Pour les marchands Shopify, le processus de paiement est d'une importance capitale : c'est le moment décisif où un visiteur devient client et où la vente se concrétise. Améliorer cette étape n'est pas simple, mais Shopify fournit régulièrement des outils précieux, accessibles via Shopify Checkout Extensibility. Construit sur la plateforme technologique la plus récente de Shopify, Checkout Extensibility facilite l'optimisation des pages de paiement et offre aux marchands Shopify qui passent le cap des avantages exclusifs et des fonctionnalités avancées.

Dans cet article, nous allons présenter Checkout Extensibility de façon simple, aussi bien pour les développeurs expérimentés que pour les marchands qui codent peu. Nous aborderons ses principaux aspects, ses capacités et ses cas d'usage concrets, afin de vous donner les bases nécessaires pour optimiser votre page de paiement et exploiter tout son potentiel.

Qu'est-ce que Shopify Checkout Extensibility ?

Shopify Checkout Extensibility remplace Checkout.liquid pour la personnalisation de la page de paiement. Il apporte des fonctionnalités puissantes qui simplifient la personnalisation grâce à une approche basée sur les applications et pensée pour la conversion. Avec Checkout Extensibility, les marchands accèdent à des fonctionnalités avancées et utiles, notamment :

• Personnalisations de la page de paiement
• Checkout Editor
• Shopify Pixels
• Branding API

Précisons qu'à l'heure actuelle, Checkout Extensibility est réservé aux marchands Shopify Plus. Il n'est pas non plus compatible avec Checkout.liquid, et les deux ne peuvent pas être utilisés en même temps. Si vous utilisez Checkout.liquid, vous devrez supprimer ou remplacer tous les réglages de Checkout.liquid pour tirer pleinement parti de Checkout Extensibility.

Les avantages de Shopify Checkout Extensibility

1. Une personnalisation sans code

Contrairement à la personnalisation de la page de paiement via Checkout.liquid, Checkout Extensibility propose une approche sans code, fondée sur les applications. Avec Shopify Checkout Extensibility, les marchands personnalisent facilement leur page de paiement sans écrire une seule ligne de code. Grâce au Checkout Editor et à la Branding API, ils contrôlent et modifient entièrement les éléments visuels comme les couleurs, les polices et les logos. Ils peuvent aussi enrichir les fonctionnalités de leur page de paiement en ajoutant des applications de partenaires tiers de la plateforme Shopify. Grâce au soutien de Shopify autour des extensions de paiement, les développeurs d'applications peuvent désormais créer des fonctionnalités personnalisées que les marchands Shopify testent dans le parcours de paiement de leur boutique simplement en installant l'application. Par exemple, avec les Checkout UI extensions, les marchands peuvent personnaliser leur page de paiement (informations produit, livraison, moyens de paiement) sans aucune compétence en code.

2. Des mises à jour sans risque et une sécurité renforcée

Avec Checkout Extensibility, fini les mises à jour périodiques. Contrairement aux marchands sous Checkout.liquid, qui doivent mettre à jour leur code manuellement à chaque nouvelle version de Shopify, ceux qui utilisent Checkout Extensibility accèdent aux nouvelles fonctionnalités dès leur sortie. De plus, les composants et les API de Checkout Extensibility fonctionnent dans un environnement isolé (sandbox), ce qui renforce la sécurité globale.

3. Plus de rapidité et de conversions

Shopify a conçu Checkout Extensibility sur sa toute dernière technologie, avec un objectif : améliorer le taux de conversion en offrant aux clients des marchands un paiement plus rapide.

Selon Shopify, Checkout Extensibility peut rendre le paiement deux fois plus rapide, contribuant à une hausse moyenne de 1 % du taux de conversion.

4. Une intégration fluide avec Shop Pay

Shop Pay fait la fierté de Shopify : cette solution de paiement accélère le passage en caisse, sécurise les transactions et s'est forgé la réputation de paiement le plus performant d'Internet en matière de conversion. D'après une étude de Shopify, Shop Pay peut générer des taux de conversion 91 % plus élevés sur mobile et offrir un paiement quatre fois plus rapide.

Pour les marchands qui souhaitent proposer un paiement express comme Shop Pay tout en personnalisant leur page de paiement sans conflit, Checkout Extensibility s'impose comme le meilleur choix. Avec Shopify Checkout Extensibility, les marchands intègrent facilement diverses personnalisations de paiement à Shop Pay depuis le Checkout Editor, en quelques clics seulement.

Shop Pay rend le paiement plus sûr et plus rapide.

5. L'accès à de nouvelles fonctionnalités de paiement puissantes

En passant à Checkout Extensibility, les marchands débloquent sans effort toute une série de nouvelles fonctionnalités de paiement lancées par Shopify, notamment :

• Nouvelles options d'achat : précommandes
• Nouvelle option de paiement : Shop Pay Installments
• Nouvelles fonctionnalités de livraison : Shop Promise, dates de livraison estimées, livraison en point relais, noms des tarifs d'expédition pour les abonnements
• Nouvelles fonctionnalités de réduction : cumul des réductions, réductions sur la livraison
• Nouvelles fonctionnalités marketing : consentement au marketing par SMS, consentement au marketing par e-mail
• Nouvelles fonctionnalités B2B : cartes bancaires enregistrées, adresses de livraison flexibles, parcours de paiement personnalisable
• Nouvelles fonctionnalités de paiement : paiement sur une seule page, info-bulle pour les taxes estimées

6. Des personnalisations avancées facilitées

Les développeurs disposent en outre de plus de liberté créative pour les personnalisations avancées, puisque Shopify a ouvert la logique back-end (Backend Logic) pour répondre à des besoins métier variés. Les marchands peuvent accéder à ces personnalisations avancées avec l'aide de leur propre équipe de développement ou de développeurs affiliés aux Shopify Partners.

Quelles sont les fonctionnalités de Checkout Extensibility ?

1. Checkout Editor

• Simplifiez la personnalisation de la page de paiement grâce au glisser-déposer.
• Modifiez entièrement les éléments visuels comme les couleurs, les polices, les logos et les arrière-plans.
• Glissez-déposez des fonctions de paiement personnalisées issues des applications compatibles avec Shopify Checkout Extensibility.

Le Checkout Editor (à gauche) et une page de paiement au style personnalisé (à droite)

2. Applications de paiement

• Choisissez parmi une multitude d'applications compatibles avec Shopify Checkout Extensibility sur l'App Store.
• Enrichissez votre page de paiement avec de nouvelles extensions d'interface, une logique personnalisée, des champs, des pages post-achat ou des pixels, grâce à des solutions basées sur les applications.

3. Shopify Pixels Manager

• Gérez en toute sécurité tous les pixels de suivi de votre boutique et de votre page de paiement depuis un emplacement centralisé.

4. Branding API

• Gardez le contrôle total sur l'apparence de votre page de paiement, des moindres détails comme la bordure des boutons jusqu'au style visuel global.

5. Composants pour applications personnalisées

• En s'appuyant sur la logique back-end ouverte par Shopify, les développeurs peuvent créer des applications personnalisées.
• Les marchands qui utilisent Checkout Extensibility peuvent accéder aux fonctionnalités de ces applications personnalisées, voire créer les leurs, adaptées à leurs besoins métier.

Options de personnalisation de la page de paiement et cas d'usage

Après avoir découvert les fonctionnalités et avantages exclusifs de Shopify Checkout Extensibility, poursuivons avec la section suivante, consacrée aux cas d'usage concrets et aux options de personnalisation proposées aux marchands. Pour plus de clarté, nous classerons ces cas d'usage selon la technologie de personnalisation, en suivant les catégories définies par Shopify.

1. Checkout UI extensions

Type de personnalisation : personnaliser la page de paiement et la page d'état de la commande avec une interface ou un contenu sur mesure.

Cas d'usage :

• Afficher des offres produits pour faire de l'upsell et du cross-sell sur la page de paiement
• Créer des champs personnalisés pour recueillir des informations supplémentaires auprès des clients
• Créer une bannière personnalisée pour afficher plus d'informations ou des avis importants
• Intégrer un questionnaire au processus de paiement
• Créer des champs de validation pour garantir que les clients saisissent des données valides ou remplissent certaines conditions.
• Proposer un code de parrainage aux nouveaux clients.

Exemple de la boutique Fussy, qui personnalise sa page de paiement avec des offres produits pour faire de l'upsell.

2. Branding API

Type de personnalisation : personnaliser l'apparence visuelle de la page de paiement

Cas d'usage : personnaliser le design de la page de paiement pour qu'il respecte l'identité de la marque

3. Shopify Functions

Type de personnalisation : créer une logique personnalisée dans le back-end de Shopify

Cas d'usage :

• Créer une expérience de réduction, comme une « remise sur volume », que les clients peuvent appliquer et obtenir.
• Personnalisation des moyens de paiement : renommer, réorganiser, masquer ou afficher les moyens de paiement selon vos conditions de déclenchement.
• Personnalisation des options de livraison : renommer, réorganiser, masquer ou afficher les modes de livraison selon vos conditions de déclenchement.
• Définir des règles d'emplacement pour prioriser les emplacements préférés pour un article de la commande.
• Créer des validations du panier et du paiement pour imposer un plafond de commande aux clients dont l'historique de commandes est insuffisant. Ce cas d'usage sert à empêcher certains clients de finaliser leur paiement.
• Mettre en place des contraintes de traitement des commandes pour personnaliser les stratégies de traitement et de livraison. Un cas d'usage typique consiste à utiliser ces contraintes pour que certains produits soient toujours expédiés depuis un emplacement précis de la boutique.

4. Extensions de paiement Shopify post-achat

Type de personnalisation : ajouter du contenu personnalisé à la page post-achat

Cas d'usage :

• Créer des offres produits pour faire de l'upsell ou du cross-sell sur la page post-achat, une fois que les clients ont réglé leur commande.
• Personnaliser la page post-achat pour recueillir des informations supplémentaires auprès des clients.

5. Web pixel app extensions

Type de personnalisation : ajouter du contenu personnalisé à la page post-achat

Cas d'usage : suivre le comportement des clients pour optimiser les stratégies marketing ou commerciales.

Conclusion

En résumé, Shopify Checkout Extensibility offre aux marchands une boîte à outils polyvalente pour améliorer l'expérience de paiement et son optimisation. Nous en avons fait le tour, de sa définition aux avantages exclusifs, en passant par ses fonctionnalités et ses cas d'usage concrets.

Checkout Extensibility ne se contente pas d'enrichir les fonctionnalités de votre boutique : il place aussi votre entreprise à la pointe de l'innovation. Que vous cherchiez à fluidifier le paiement, à maximiser vos taux de conversion ou à mettre en place des solutions sur mesure, Checkout Extensibility vous permet de construire un parcours e-commerce fluide et centré sur le client.

Et il reste encore beaucoup à découvrir, au vu de la feuille de route de Shopify pour Checkout Extensibility. Nous sommes convaincus que Shopify continuera d'améliorer sa plateforme de paiement.

Ne passez pas à côté de ces possibilités de transformation : passez dès aujourd'hui à Checkout Extensibility pour une boutique en ligne plus optimisée et plus dynamique.