Shopify Checkout Extensibility : modernisez votre paiement

Vous est-il déjà arrivé de vous débattre avec une page de paiement qui ressemble davantage à un labyrinthe qu'à un parcours d'achat fluide et performant ? Imaginez la scène : un client potentiel a déjà cliqué sur le bouton « Paiement », puis abandonne son panier parce que votre page de paiement est trop compliquée, lui prend trop de temps ou ne lui inspire pas assez confiance. Si cela vous parle, il est grand temps de retrousser vos manches et de transformer ces pages de paiement abandonnées en pages qui convertissent, grâce à Checkout Extensibility.

Dans cet article, nous passons en revue les raisons, les personnalisations les plus utilisées et les méthodes essentielles pour offrir à votre page de paiement la transformation qu'elle mérite. Surtout, aucune compétence en code n'est nécessaire pour des personnalisations plus puissantes. Avec Checkout Extensibility, les marchands peuvent dire adieu au Checkout.liquid, compliqué et bientôt obsolète. Ils peuvent personnaliser presque tout sur la page de paiement : visuels, contenu, design, champs personnalisés et widgets supplémentaires pour renforcer la confiance, faire de la vente additionnelle (upsell) ou de la vente croisée (cross-sell), et bien plus encore.

Plongeons dans le sujet et découvrons comment créer une meilleure expérience de paiement, qui pousse vos clients à finaliser leur achat sans hésitation ni abandon.

Checkout Extensibility : une personnalisation du paiement plus simple et plus puissante

Checkout Extensibility ou Checkout.liquid

Aujourd'hui, les marchands peuvent choisir entre Checkout Extensibility et Checkout.liquid pour personnaliser leur page de paiement. Si vous ne connaissez pas ces deux méthodes, pour faire simple : Checkout Extensibility vous permet de personnaliser la page de paiement à l'aide d'applications de personnalisation du paiement proposées par des partenaires Shopify, ou en développant votre propre application. Checkout.liquid, à l'inverse, consiste à modifier directement le code dans le fichier du thème pour personnaliser la page de paiement. Il s'agit d'un système de paiement basé sur le code. Cependant, à moins de maîtriser le code à un niveau avancé, nous déconseillons Checkout.liquid, car il est source d'erreurs et peut causer des problèmes dans le code de votre boutique. Si vous avez besoin d'une aide plus professionnelle, vous pouvez toujours faire appel à des développeurs Shopify experts pour garantir l'efficacité et la réussite de vos projets.

Checkout Extensibility s'impose comme une alternative à Checkout.liquid plus rapide, plus performante, plus sécurisée et compatible avec les mises à jour pour personnaliser le paiement. Point notable, Checkout Extensibility s'intègre parfaitement à Shop Pay. En passant à Checkout Extensibility, vous accédez à plusieurs nouvelles fonctionnalités, notamment :

• Personnalisations du paiement
• Éditeur de paiement
• Shopify Pixels
• Branding API

Personnalisations du paiement Shopify

Avec Checkout Extensibility, vous pouvez créer des personnalisations du paiement intégrées à des applications, rapides à installer et compatibles avec les mises à jour. De plus, Checkout Extensibility évolue en permanence pour répondre à vos besoins, avec des fonctionnalités nouvelles ou améliorées et l'arrivée de nouvelles applications.

Calendrier de mise à niveau obligatoire du paiement :

Il est important de noter que Shopify checkout.liquid est devenu obsolète, aux dates ci-dessous.

• 13 août 2024 : date limite de mise à niveau de vos pages Informations, Expédition et Paiement.
• 28 août 2025 : date limite de mise à niveau de vos pages de remerciement et d'état de la commande, y compris vos applications utilisant des balises script et des scripts supplémentaires.

Les marchands qui utilisent ou prévoient d'utiliser Checkout.liquid perdront alors leurs personnalisations. Découvrez ici l'impact d'un dépassement de la date limite de mise à niveau.

L'annonce de Shopify sur l'abandon de checkout.liquid

Voici quelques avantages de Checkout Extensibility qui nous amènent à le recommander plutôt que Checkout.liquid :

Flexibilité et évolutivité

Avec Checkout Extensibility et Shopify Functions, l'équipe Shopify a ouvert la logique back-end, ce qui permet aux développeurs de répondre à presque toutes les demandes des marchands. Cette flexibilité va au-delà des personnalisations back-end bien connues pour les réductions, l'expédition et le paiement, et couvrira à l'avenir des domaines comme les tarifs d'expédition, les processus de paiement, la validation du panier, et plus encore. Les marchands installent une application de personnalisation du paiement et la configurent facilement dans Shopify Admin, sans se soucier du code. C'est pourquoi nous avons lancé Checkout Extensibility : un moyen robuste d'étendre et de personnaliser les fonctionnalités Shopify selon les besoins propres à chaque marque Shopify. Les Functions apportent la capacité technique, et les marchands en gardent le contrôle total, en toute simplicité, grâce à l'installation d'applications.

Facilité d'utilisation

Contrairement à Shopify Scripts et à Checkout.liquid, personnaliser la page de paiement avec Checkout Extensibility est nettement plus simple. Les marchands n'ont qu'à chercher une application qui propose les fonctions nécessaires, l'installer et gérer tous les réglages depuis l'éditeur de l'application.

Compatible avec les mises à jour

Shopify met régulièrement à jour son système pour que votre boutique fonctionne correctement et de façon optimale. Or, avec Checkout.liquid, les mises à jour risquent d'entrer en conflit avec le code du paiement. Pour les marchands qui modifient directement le code afin de personnaliser leur page de paiement, chaque mise à jour de la page de paiement déployée par Shopify expose le fichier de code à des erreurs de compatibilité avec le code modifié. À l'inverse, Checkout Extensibility n'affecte pas le code principal de la boutique : il le sépare des personnalisations. Lors des mises à jour importantes, l'équipe de développement de l'application met elle-même son application à jour pour l'aligner sur les évolutions de Shopify. Les marchands sont ensuite invités à mettre à jour l'application, ce qui leur permet de personnaliser la page de paiement sans se soucier des problèmes liés aux modifications de code. Les marchands qui utilisent des applications pour personnaliser leur paiement profitent ainsi d'une expérience fluide et sereine.

Les 6 personnalisations du paiement les plus performantes avec Checkout Extensibility

1. Une marque personnalisée

La page de paiement est bien plus qu'un simple espace de transaction : elle joue un rôle crucial dans le parcours d'achat du client et prolonge l'histoire de votre marque. Personnalisez votre page de paiement et tirez-en parti pour insuffler la forte personnalité de votre marque dans chaque élément. Des polices et couleurs aux bannières et logos, créez une expérience visuelle cohérente pour vos clients au moment du paiement. Avec Checkout Extensibility, utilisez la Branding API et les fonctions de personnalisation pour y parvenir en toute simplicité.

2. Des champs personnalisés

La collecte des informations essentielles gagne en souplesse grâce aux champs personnalisés, qui offrent des options de personnalisation supplémentaires. Lorsque les champs par défaut de Shopify ne suffisent pas ou n'ont pas certaines fonctions, les marchands peuvent personnaliser la page de paiement en ajoutant des champs personnalisés. Le fonctionnement de ces champs dépend des choix et des réglages du marchand. Qu'il s'agisse de recueillir des instructions de livraison, des messages cadeaux ou d'autres informations cruciales, les champs personnalisés de la page de paiement se révèlent précieux.

Les marchands peuvent collecter différents types d'informations, notamment :

• Des instructions de livraison pour les immeubles de bureaux, les appartements, les escaliers, etc.
• Des précisions pour les livraisons sans contact
• Des demandes d'emballage écoresponsable
• Des messages cadeaux associés à la commande
• Des numéros d'adhérent ou d'identification

Vous pouvez en outre modifier ou supprimer des champs selon vos besoins, pour un processus de paiement simplifié, tout en ajoutant d'autres champs personnalisés. Cette souplesse donne aux marchands les outils pour créer une expérience de paiement parfaitement adaptée aux exigences propres à leur activité.

3. Validation du paiement : garantir la sécurité et l'exactitude des commandes

Dans certains cas, il devient indispensable de valider les clients selon des critères précis plutôt que de chercher à tous les convertir. Par exemple, les boutiques qui vendent des produits soumis à une limite d'âge, comme l'alcool, ont besoin de cette fonctionnalité dans leur processus de paiement. Shopify Functions, avec sa validation du panier et du paiement, garantit les vérifications nécessaires.

Voici des cas de validation typiques à envisager pour votre boutique :

• Vérifier l'âge du client
• Obliger les clients à remplir des champs personnalisés lors du paiement
• Vérifier que l'adresse de livraison n'est pas une boîte postale
• S'assurer que la commande ne contient pas de produits incompatibles (par exemple, des piles et des briquets)

VapeSupoerstore utilise la validation du paiement pour vérifier l'âge de ses clients

4. Des réductions personnalisées : maximiser les ventes

Pour augmenter les ventes, on mise souvent sur le pouvoir indéniable des réductions. Mais avec Checkout Extensibility, vous n'êtes pas limité à des structures de réduction génériques. Adaptez vos offres à des scénarios précis pour inciter vos clients à dépenser davantage. Par exemple, créez des réductions basées sur le volume total du panier, comme la livraison gratuite pour les commandes de plus de $100. La flexibilité de Checkout Extensibility ouvre des possibilités infinies pour concevoir des promotions attractives.

5. Des modes de livraison et de paiement personnalisés

Toutes les entreprises ne fonctionnent pas de la même manière : Checkout Extensibility vous permet donc d'adapter votre paiement aux besoins variés de vos clients. Si vous êtes une entreprise locale, personnalisez les options d'expédition et de paiement selon la localisation. Proposez la livraison locale ou le paiement en espèces dans certaines zones, pour une expérience sur mesure, alignée sur votre modèle économique. Tenir compte de la diversité des besoins de vos clients réduit les frictions et maximise leur satisfaction.

6. Upsell et cross-sell

L'upsell et le cross-sell font partie des personnalisations les plus recherchées pour la page de paiement. Les propriétaires de boutiques veulent augmenter leurs ventes et leur panier moyen. Avec Checkout Extensibility, les marchands peuvent facilement personnaliser leur page de paiement pour proposer des produits dans le cadre de leurs stratégies d'upsell et de cross-sell. Point notable, Shopify encourage les marchands à privilégier cette méthode plutôt que l'accès à la storefront API pour alimenter la logique de l'upsell. Cette nouveauté de la Shopify Winter '23 Edition permet aux marchands de suggérer les articles les plus pertinents, pour un meilleur taux d'acceptation des upsells.

Blue Spruce intègre les Product Offers à sa page de paiement pour faire du cross-sell

Comment passer de Checkout.liquid à Checkout Extensibility

Si vous utilisez actuellement Checkout.liquid et envisagez de passer à Checkout Extensibility, cette section vous donne les repères essentiels. Comme indiqué plus haut, Shopify Checkout.liquid est sur le point de devenir obsolète : il est donc nécessaire de préparer votre paiement dès maintenant pour en préserver les fonctionnalités avant l'échéance.

Au vu des changements à venir, lancer la migration n'est pas seulement une mesure proactive, mais un choix stratégique pour garantir une transition en douceur et un paiement sans interruption. Vous préparer à ce changement protégera les fonctionnalités de votre paiement et les gardera solides et conformes à l'évolution des standards Shopify.

Voici le guide pas à pas pour passer à Checkout Extensibility :

Étape 1 : passez en revue vos personnalisations du paiement existantes

1. Depuis Shopify Admin > Paramètres > Paiement.
2. Dans la section Passer à Checkout Extensibility, cliquez sur Afficher le rapport personnalisé pour ouvrir la page qui présente vos personnalisations existantes (le rapport peut être exporté au format CSV)

Étape 2 : passez en revue les personnalisations de vos pages de remerciement et d'état de la commande

1. Depuis Shopify Admin, allez dans Paramètres > Paiement.
2. Depuis Shopify Admin, allez dans Paramètres > Applications et passez en revue les applications installées qui personnalisent les pages de remerciement et d'état de la commande.

Passez en revue la page de remerciement et la page d'état de la commande

Étape 3 : créez et publiez de nouvelles personnalisations

1. Depuis Shopify Admin > Paramètres > Paiement.
2. Personnalisez vos pages de paiement, de remerciement et d'état de la commande en ajoutant des applications ou en modifiant votre image de marque.
3. Vérifiez vos modifications. Lorsque vous êtes prêt à utiliser ce nouveau paiement, cliquez sur Publier.
4. Dans la fenêtre pop-up, choisissez les pages à publier, puis confirmez que vous souhaitez remplacer les personnalisations existantes en cliquant sur Publier. Votre nouveau paiement sera automatiquement mis à jour.

Paramètres facultatifs :

• Installer des applications de paiement : pensez à installer des applications de paiement depuis le Shopify App Store pour personnaliser plus facilement votre page de paiement.
• Configurer vos Pixels : si vous utilisez actuellement checkout.liquid pour suivre les événements clients, remplacez-le par des Pixels avant de publier votre brouillon de paiement.
• Configurer d'autres fonctionnalités natives : il est possible que certaines de vos personnalisations checkout.liquid soient désormais prises en charge par Shopify. Avant de publier votre brouillon de paiement, passez en revue et configurez ces fonctionnalités, le cas échéant.

Conclusion : augmentez vos ventes grâce à la personnalisation du paiement

Les marchands disposent d'innombrables occasions, non seulement d'optimiser, mais aussi d'accroître nettement le potentiel de conversion de leurs pages de paiement grâce à des personnalisations stratégiques. Si cet article se concentre sur les checkout UI extensions et Shopify Functions, sachez que le champ des possibles va encore plus loin.

Au-delà des checkout UI extensions et des Functions, les marchands peuvent franchir de nouveaux paliers d'optimisation avec les extensions post-achat et un suivi efficace par pixels pour comprendre le comportement de leurs clients. Ces pistes offrent un potentiel encore inexploité pour affiner l'ensemble de l'expérience d'achat.

Prenez en main votre page de paiement dès aujourd'hui et voyez vos ventes décoller grâce à la puissance de Checkout Extensibility. Si vous êtes prêt à vous lancer et cherchez une application de personnalisation du paiement fiable, nous vous recommandons Qikify Checkout Customizer. Cette application propose des extensions essentielles qui répondent à des besoins clés : image de marque et champs personnalisés, upsell, cross-sell, et modes de paiement et de livraison personnalisés.

Avec un forfait gratuit et un forfait payant incluant un essai gratuit de 14 jours, Qikify Checkout Customizer vous donne les outils pour transformer votre expérience de paiement et porter vos ventes à de nouveaux sommets.

Améliorez les performances de votre boutique en ligne : commencez dès aujourd'hui à personnaliser votre paiement avec Checkout Extensibility.