X

L’extensibilité de la caisse ouvre de nouvelles façons de personnaliser les caisses sur Shopify (2023)


Pendant des années, Shopify a aidé les marchands de toutes tailles à offrir le paiement le plus fiable et le plus convertissant de la planète. Rapide, intuitif et simple, Shopify Checkout a établi la norme en matière de paiement, tandis que Shop Pay, notre paiement accéléré, offre une expérience d’achat quatre fois plus rapide et un taux de conversion supérieur de 11 % à celui de la concurrence.

Le seul problème? La personnalisation de Shopify Checkout était un processus lent et pénible, ce qui rendait difficile pour les marques et les partenaires Shopify d’adapter Shopify Checkout pour répondre aux besoins commerciaux uniques, jusqu’à présent.

L’ancienne façon de personnaliser Shopify Checkout

Optimisé depuis plus de 16 ans, Shopify Checkout est conçu pour la vitesse et la conversion dès la sortie de la boîte. Il comprend également des fonctionnalités intégrées pour ajouter des paiements express, des méthodes de paiement locales, des options de pourboire, etc. Mais à mesure que les marques se développent, elles peuvent souhaiter apporter des personnalisations plus avancées à leur paiement, qu’elles essaient d’augmenter la valeur moyenne des commandes ou de se conformer aux réglementations commerciales locales.

Dans le passé, les marques Shopify Plus pouvaient apporter des personnalisations avancées à l’apparence et à la fonctionnalité de leur paiement en demandant l’accès à leur checkout.liquid fichier de thème et en éditant directement le code. Cela nécessitait de travailler avec un développeur pour créer des personnalisations sur mesure ou un processus fastidieux pour installer les personnalisations des partenaires. Checkout.liquid ne fournissait pas d’API directes pour apporter des modifications à Shopify Checkout, ce qui entraînait souvent des expériences d’achat médiocres et des performances médiocres. Les développeurs devaient également effectuer des mises à niveau périodiques des paiements personnalisés afin d’accéder aux nouvelles fonctionnalités sans interrompre les personnalisations.

Cette méthode de personnalisation de Shopify Checkout était à la fois longue et coûteuse. Notre équipe a donc investi dans un moyen plus rapide et plus sûr pour permettre aux marques de personnaliser leur paiement.

La nouvelle façon de personnaliser Shopify Checkout

Nous voulions permettre aux marques Shopify Plus de personnaliser leur paiement plus rapidement et plus facilement, tout en offrant encore plus d’opportunités aux développeurs de créer des solutions créatives pour Shopify Checkout. Nous avons donc conçu un moyen pour les marques de personnaliser leur paiement à l’aide d’applications puissantes et d’outils de marque au lieu de modifier le code.

L’extensibilité de paiement permet aux marchands Shopify Plus de personnaliser plus facilement leur paiement d’une manière basée sur une application, sécurisée pour la mise à niveau, à conversion plus élevée et intégrée à Shop Pay. Il comprend une suite de puissantes fonctionnalités de plate-forme qui permettent aux marques de personnaliser sans code leur paiement à l’aide d’applications. Et cela leur donne également la flexibilité de créer l’expérience exacte qu’ils souhaitent en développant des applications personnalisées pour des personnalisations sur mesure à l’aide d’une collection de composants et d’API.

C’est là qu’interviennent les développeurs. Pour la première fois, Shopify permet aux développeurs de déployer des personnalisations de paiement via une application personnalisée ou une application publique sur l’App Store de Shopify.

Avec les extensions d’interface utilisateur de paiement, vous pouvez ajouter des éléments à Shopify Checkout tels que des offres de produits, des champs personnalisés, du contenu personnalisé, des programmes de fidélité, etc. Ces extensions s’affichent lors du paiement en tant qu’invité et de Shop Pay, créant une expérience unifiée pour les acheteurs, où qu’ils choisissent de passer à la caisse. De plus, vous n’avez pas à vous soucier de la duplication des paramètres de marque dans votre application, car les extensions héritent automatiquement de l’apparence de marque de la caisse du magasin.

Les extensions de l’interface utilisateur de paiement s’adaptent automatiquement aux différents flux de paiement, créant une expérience unifiée pour les acheteurs, où qu’ils choisissent de payer.

Les extensions de l’interface utilisateur de paiement sont adaptables à divers flux, créant une expérience unifiée pour les acheteurs, où qu’ils choisissent de passer à la caisse.

Les fonctions Shopify vous offrent la possibilité d’étendre ou de remplacer la logique commerciale côté serveur native de Shopify afin que vous puissiez personnaliser les remises appliquées aux commandes, aux produits ou à l’expédition. Par exemple, vous pouvez créer une fonction qui propose des options de remise à plusieurs niveaux, telles que dépenser 100 $ et obtenir 20 $ de réduction. Et bientôt, vous pourrez créer des fonctions Shopify qui incluent des validations de panier.

Vous pouvez également créer des applications pour Shopify Checkout qui suivent les événements des clients à l’aide de l’extension d’application Web Pixel et des applications qui ajoutent une page post-achat au paiement à l’aide d’extensions post-achat.

Et enfin, les marques peuvent apporter des personnalisations avancées à l’apparence de leur caisse à l’aide de l’API Branding. Bien qu’ils puissent utiliser l’éditeur de paiement pour effectuer des personnalisations de base, telles que la personnalisation des couleurs et des polices lors de leur paiement, l’API de marque ouvre la porte à un monde de possibilités. Par exemple, les marques peuvent ajouter leur favicon ou personnaliser complètement le rayon d’angle sur n’importe quel bouton de leur paiement.

Les extensions d’interface utilisateur héritent automatiquement des paramètres de marque d’un marchand.

L’extensibilité de paiement est basée sur la dernière technologie de plate-forme, permettant une expérience de paiement plus rapide qui se traduit par une conversion jusqu’à 1 % plus élevée en moyenne. Et les composants de l’interface utilisateur et les API qui alimentent l’extensibilité du paiement s’exécutent dans un environnement en bac à sable, offrant aux marques une sécurité supplémentaire, contrairement à l’ancienne méthode de personnalisation de Shopify Checkout.

Fini l’ancien, place au nouveau

Aujourd’hui, l’extensibilité de paiement est disponible pour les pages de paiement, qui incluent les pages d’informations, d’expédition et de paiement du paiement. Il permet aux marchands et aux développeurs de créer des personnalisations créatives et sécurisées pour Shopify Checkout, remplaçant le besoin de checkout.liquid.

Par conséquent, checkout.liquid est obsolète et ne fonctionnera plus pour les pages de paiement le 13 août 2024. Toutes les marques qui personnalisent leurs pages de paiement avec checkout.liquid devra passer à l’extensibilité de la caisse.

Cela ouvre une opportunité passionnante pour les développeurs d’aider les marques en créant des applications qui étendent Shopify Checkout ou en mettant à niveau les marques vers l’extensibilité de la caisse.

Les marques peuvent continuer à personnaliser leurs pages post-paiement, qui incluent leur page de remerciement et leur page de statut de commande, avec checkout.liquid pour l’instant. Cependant, ils pourront bientôt personnaliser ces pages en utilisant l’extensibilité de paiement. Cette fonctionnalité est actuellement en version préliminaire pour les développeurs.

Avez-vous des commentaires sur l’extensibilité de la caisse ? Partagez-le sur Github.