Étendre votre page de paiement avec les extensions d’IU de Shopify

Author

Christine Hannivan

Date

Reading time

8 mins
Étendre votre page de paiement avec les extensions d’IU de Shopify

Le passage à Shopify Checkout Extensibility s'accompagne d'une toute nouvelle série d'outils et de fonctionnalités à découvrir et à exploiter pour que la page de paiement de votre site soit plus efficace pour vous. 

Dans cet article, nous allons explorer les différents aspects des extensions d’IU de paiement de Shopify, en nous concentrant sur leurs capacités, leurs options de personnalisation et la manière de les gérer et de les utiliser efficacement.

Qu'est-ce qu'une extension d’IU de paiement de Shopify?

Les extensions d'IU de Shopify étendent les fonctionnalités de la page de paiement de votre site en permettant l'accès à des ressources supplémentaires au sein du système de paiement. Grâce aux extensions, vous pouvez créer des applications qui interagissent directement avec le service de paiement de Shopify, ce qui permet une intégration plus poussée entre votre boutique et le processus de paiement. 

Les extensions d'IU permettent aux sites d'ajouter des blocs au-dessus ou en dessous des éléments clés de la page de paiement afin de la personnaliser au-delà de ce qu'offre nativement Shopify. Avec le passage de checkout.liquid à Checkout Extensibility, les extensions d'IU de paiement sont une autre fonctionnalité conçue pour permettre un haut niveau de personnalisation tout en restant à l'abri des mises à jour.  

Disponibles pour tout le monde sur les plans au-dessus de Starter à partir de mai 2024, les commerçants peuvent également utiliser des extensions sur les pages de confirmation de commande et de statut de la commande afin de mettre en œuvre des tactiques de reciblage, d'utiliser des liens de référence, de générer de l'engagement avec des invitations à des groupes sociaux, d'ajouter des sondages ou des évaluations après achat/après livraison, et d'ajouter des extensions de téléchargement pour traiter des commandes de produits numériques immédiatement après la finalisation de la commande par le client. 

Comment fonctionnent les extensions d'IU de Shopify?

Les extensions d'IU sont insérées entre d'autres éléments de la page de paiement par défaut de Shopify afin d'ajouter des flux de travail et des fonctionnalités personnalisées à la page. Par exemple, un commerçant peut vouloir inclure un bloc "Vous pourriez aussi aimer" au-dessus de la section "Contact" de la page de paiement, afin d'obtenir des ventes supplémentaires ou des mises à jour du panier avant que le client ne complète sa commande. Ceci peut être réalisé avec une extension d'IU. 

Les commerçants peuvent accéder à ces extensions de deux manières:

  1. En téléchargeant des extensions prédéfinies à partir de l'App Store de Shopify. 
  2. En développant leurs propres extensions ou en faisant appel à un développeur ou à une agence pour le faire. 

Bien que de nombreux éléments natifs de la page de paiement de Shopify ne puissent pas être modifiés ou réorganisés, l'utilisation d'extensions est un excellent moyen de personnaliser l'expérience de paiement en fonction des besoins uniques de votre magasin et de vos clients. 

Bien que vous ne puissiez pas modifier complètement votre page de paiement, l'utilisation d'une combinaison d'extensions peut vous permettre de vous en rapprocher. 

Pourquoi les boutiques e-commerce doivent-elles se concentrer sur l'optimisation de la page de paiement?

Un checkout efficace est extrêmement important pour garantir un parcours d'achat fluide. Il a été prouvé qu'un processus de paiement bien conçu et rationalisé augmentait considérablement les conversions en réduisant les points de friction, en encourageant les achats répétés et en améliorant la confiance globale entre les acheteurs et les détaillants. 

Lorsque quelqu'un arrive sur la page de paiement de votre site, il est important d'utiliser toutes les tactiques et tous les outils disponibles pour s'assurer qu'il franchisse la ligne d'arrivée et complète sa commande. Un bon CRO grâce à des extensions placées stratégiquement est directement corrélé à une augmentation des ventes et des clients qui reviennent. 

Configuration et gestion des extensions d’IU utilisateur 

La mise en œuvre des extensions d'IU de paiement consiste principalement à sélectionner des extensions compatibles dans l'App Store de Shopify et à suivre les instructions d'installation de chaque application. Une fois configurées correctement, ces extensions apparaîtront dans les zones du flux de paiement pour lesquelles elles ont été conçues. Les commerçants contrôlent les extensions qui restent actives à tout moment, ce qui leur permet d'expérimenter et d'affiner facilement les combinaisons optimales en fonction de leurs objectifs commerciaux.

Il convient de noter que Shopify est le "gestionnaire de token" central chargé de stocker en toute sécurité les données sensibles telles que les informations relatives aux cartes de crédit, les adresses de livraison et d'autres données personnelles identifiables. De ce fait, les utilisateurs bénéficient de contrôles de confidentialité renforcés tout en profitant de fonctionnalités améliorées par des développeurs d'extensions de confiance.

Lorsque vous choisissez vos extensions, tenez compte de facteurs tels que la facilité d'installation, l'alignement des valeurs de la marque, les commentaires positifs d'autres utilisateurs de Shopify et les améliorations tangibles des indicateurs clés tels que la valeur moyenne de la commande (AOV), les taux d'abandon ou les visites récurrentes. En fin de compte, trouver un équilibre entre la richesse des fonctionnalités et la simplicité permet d'offrir à vos clients un environnement d'achat cohérent et agréable.

Examinons maintenant les principales régions pouvant être personnalisées dans le cadre de la nouvelle structure de paiement de Shopify.

Zones de la page de paiement pouvant être personnalisées avec les extensions d'IU de paiement de Shopify 

Bien que la liste des endroits où les blocs d'extension d'IU peuvent être insérés dans la page de paiement soit assez longue, les développeurs doivent toujours créer des extensions qui s'insèrent dans des endroits prédéterminés de la page de paiement, appelés "Extension Targets". 

Les “Static Targets” sont liées aux fonctions principales de la page de paiement, telles que les méthodes d'expédition, les coordonnées, etc., tandis que les “Block Targets” peuvent être affichées à n'importe quel endroit de la page. Ces targets existent dans les emplacements de la page de paiement suivants:

  • Informations: Les extensions peuvent être affichées sous le formulaire de contact de la page de paiement ou dans les sections d'information du client des pages « Statut de la commande » et « Confirmation de la commande ». Si vous avez reçu l'accès aux extensions après achat, vous pouvez envisager d'afficher un bloc d'offres promotionnelles minutées sur votre page de confirmation de commande. C'est également l'endroit idéal pour créer un bloc de sondage demandant aux clients comment ils ont trouvé votre site ou pour ajouter un bloc qui empêche les clients de compléter leur commande s'ils ne vérifient pas leur âge et s'ils ont moins de 18 ou 21 ans, selon le pays ou le produit que vous vendez.  
  • Expédition: Dans la section "Expédition" de la page de paiement, des blocs peuvent être placés avant/après les sections "Adresse de livraison" ou "Options d'expédition", ainsi que dans les en-têtes de ces sections. Une bonne utilisation de cet espace consisterait à ajouter un champ personnalisé sous la section "Mode d'expédition" pour que les clients puissent vous fournir des instructions de livraison spécifiques (si nécessaire).  
  • Paiement: Les blocs peuvent être insérés sous la liste des options de paiement de votre site ou entre le libellé du paiement et la liste des méthodes de paiement. Ajoutez un bloc qui affiche les icônes de tous les modes de paiement que vous acceptez afin de donner un exemple visuel de toutes les cartes et de tous les modes de paiement disponibles.
  • Résumé de la commande: la section résumé de la commande résume le contenu du panier, les rabais et les totaux de la commande. Des éléments peuvent être insérés au-dessus ou en dessous. C'est l'endroit idéal pour présenter une offre de produit avant achat en fonction de ce qui se trouve dans le panier du client ou pour inclure une bannière afin d'avertir les clients que quelque chose dans leur panier est une vente finale. Vous pouvez également afficher une extension après tous les éléments des pages « Confirmation de la commande » et « Statut de la commande ». 
  • Shop Pay: Si votre boutique est équipée de la fonction Shop Pay, vous pouvez créer ou ajouter des extensions de paiement après l'en-tête, avant l'adresse de livraison ou au-dessus ou en dessous de la ou des cases de sélection des méthodes d'expédition.
  • Ramassage local: Vous pouvez insérer une extension avant votre liste de lieux de ramassage éligible et après chacun d'entre eux. 
  • Points de ramassage: Comme pour le ramassage local, vous pouvez placer des extensions avant ou après votre liste de points de ramassage. Envisagez d'afficher ici un bloc de cartes indiquant l'emplacement de tous les magasins disponibles, afin que les utilisateurs puissent facilement choisir le point de collecte le plus proche de chez eux. 
  • Paiement en une page de Shopify: Vous pouvez utiliser les mêmes extensions d'IU qu'avec l'ancienne configuration de paiement à trois pages, car tous les blocs sont les mêmes mais apparaissent sur une seule page. 

Les développeurs peuvent mettre en œuvre une grande variété de composants Shopify dans leurs extensions d'IU. Il s'agit notamment de bannières/champs personnalisés, de boutons, de cartes, de superpositions, d'alertes, de médias, etc. Pour consulter la liste complète des composants, rendez-vous dans la bibliothèque de composants de Shopify

Avantages de l'utilisation des extensions d'IU de Shopify pour les commerçants en ligne.

Depuis la désactivation du fichier checkout.liquid de Shopify, il est plus facile pour les commerçants de contrôler l'apparence et le comportement de leurs sites et de leur page de paiement sans qu'un développeur ne doive écrire du code pour eux. Bien que les commerçants puissent toujours créer leurs propres extensions personnalisées, ils peuvent également parcourir l'App store pour trouver des extensions préfabriquées qu'ils peuvent facilement ajouter et configurer sans trop de difficultés.

La contrepartie d'être légèrement plus restrictif que ce que checkout.liquid offrait aux utilisateurs de Shopify réside dans le fait que l'endroit où les utilisateurs peuvent ajouter des extensions est déterminé par Shopify, cela signifie que tout ce qu'ils ajoutent à leur page de paiement est à l'abri des mises à jour et ne se brisera pas lorsque Shopify lancera régulièrement des versions comprenant des améliorations et de nouvelles fonctionnalités. 

Ces extensions ont également un taux de conversion plus élevé, car les éléments intégrés semblent naturels et intuitifs puisqu'ils s'intègrent harmonieusement au langage de conception existant de la page de paiement native de Shopify. De même, comme elles sont conçues pour fonctionner avec Shop Pay, les marchands peuvent bénéficier de taux de conversion plus élevés grâce à l'utilisation de cette méthode de paiement déjà accélérée. 

Comment obtenir des extensions d'IU personnalisées pour la page de paiement sur Shopify

Bien qu'il y ait beaucoup d'excellentes extensions disponibles dans l'app store à télécharger, les boutiques peuvent occasionnellement avoir besoin d'une solution personnalisée. Pourquoi perdre du temps à essayer de faire fonctionner quelque chose qui n'a pas été conçu pour vous, alors que vous pouvez construire quelque chose de personnalisé?

Étant donné que de nombreuses petites et moyennes entreprises n'ont probablement pas de développeur attitré au sein de leur personnel, votre meilleure chance de profiter au maximum des extensions d'IU personnalisées de Shopify est de faire appel à une agence partenaire de Shopify Plus pour prendre en charge votre projet et vous créer quelque chose de vraiment unique et personnalisé. 

Chez Blue Badger, nous avons l'expérience et le savoir-faire pour transformer votre idée en quelque chose qui vous distinguera de toute autre boutique Shopify dans votre marché, afin que vous puissiez mieux servir vos clients et augmenter vos taux de conversion. 

Conclusion

Grâce à des possibilités de personnalisation illimitées, les commerçants de Shopify peuvent améliorer l'expérience globale de l'utilisateur, stimuler la croissance et profiter de l'augmentation des ventes qui découle de la mise en œuvre correcte des extensions d'IU de la page de paiement. Ne manquez pas cette occasion de renforcer votre marque, de vous rapprocher de votre public et de développer votre activité grâce à cette nouvelle fonctionnalité passionnante de Shopify. 

En tant qu'agence partenaire certifiée Shopify Plus, Blue Badger possède l'expérience et l'expertise nécessaires pour que votre page de paiement soit plus performante. Que vous ayez besoin d'aide pour sélectionner des extensions d'IU ou que vous souhaitiez créer une application ou un thème personnalisé, nous pouvons faire en sorte que l'expérience de paiement de votre site soit à la fois belle et fonctionnelle. Contactez-nous dès aujourd'hui pour en savoir plus. 

More Blogs

Optimis...
Optimisation des performances web pour le Vendredi fou/Cyber lundi: Guide d'audit pour le commerce électronique
À l'approche du vendredi fou et du cyber lundi (BFCM), les marchands e-commerce doivent commencer à se préparer pour la meilleure saison d'achat de...
Shopify...
Shopify Advanced VS Plus VS Enterprise Commerce Components: Tous les plans expliqués
Compte tenu du grand nombre de plans, de paliers et de modules complémentaires disponibles pour chaque plan Shopify, il peut être difficile de comp...
Analyse...
Analyse de l'impact de l'IA et de l'automatisation sur le service à la clientèle
Les technologies d'IA et de service à la clientèle évoluent, et les entreprises e-commerce doivent faire de même si elles veulent rester pertinente...