Personnalisation du style de votre page de paiement: Un guide complet

Author

Christine Hannivan

Date

Reading time

8 mins
Personnalisation du style de votre page de paiement Shopify

Les détaillants e-commerce savent que l'expérience du passage à la caisse peut être déterminante pour la fidélisation des clients et les taux de conversion. Heureusement, en tant que leader dans ce domaine, Shopify en est conscient et propose une série d'outils de personnalisation permettant de personnaliser le processus de paiement. 

Cet article vous guidera à travers les deux principales façons de personnaliser la page de paiement de Shopify, que ce soit en utilisant l'éditeur de paiement ou en maîtrisant l'API de l'image de marque de Shopify. Cela vous permettra d'adapter votre page de paiement à l'identité de votre marque et de générer des conversions. Nous vous présenterons également deux moyens plus avancés de personnaliser l'expérience de paiement de votre site grâce à Shopify Functions et aux extensions pour IU de paiement. 

Comment personnaliser l'image de marque de la page de paiement de Shopify?

Bien qu'il puisse sembler facile de modifier l'apparence de la page de paiement de votre site, il existe en fait deux façons principales de personnaliser l'image de marque de votre page de paiement: en utilisant l'éditeur de page de paiement ou l'API de l'image de marque de Shopify. 

Savoir ce qu'il faut utiliser et comment obtenir l’apparence que vous souhaitez pour votre page de paiement est une compétence en soi. Si les concepts sont relativement simples, les possibilités sont presque infinies et requièrent différents niveaux d'expertise technique. Voici comment vous pouvez personnaliser l'image de marque de votre page de paiement Shopify pour qu'elle soit à votre avantage et qu'elle vous aide à augmenter vos taux de conversion. 

L'éditeur de Page de Paiement de Shopify: Effectuer des ajustements de base

L'éditeur de Page de Paiement de Shopify

Auparavant présent dans l'éditeur du thème mais désormais déplacé dans sa propre section, l'éditeur de page de paiement de Shopify vous permettra d'ajouter le logo de votre entreprise, d'ajouter une image de fond, de changer toutes les couleurs de la page et de sélectionner une police.

Pour accéder à l'éditeur de page de paiement, allez dans votre interface administrateur de Shopify, cliquez sur Settings (Paramètres), puis sur “Checkout" (passage à la caisse) et dans la section Style de Paiement cliquez sur Personnaliser la page de paiement. Vous pourrez alors accéder aux options de paramétrage de la page de paiement, modifier toutes les sections de votre checkout et prévisualiser vos modifications. 

L'éditeur est muni de plus d'une centaine de polices différentes, comprend un éditeur de sections de style glisser-déposer et vous permet même de télécharger le guide de style de votre marque afin de faciliter la cohérence entre toutes les pages de votre site. Vous pouvez également changer de configuration entre le paiement en une page et le paiement en trois pages. Lorsque vous êtes satisfait des modifications apportées à votre page de paiement, cliquez sur "Enregistrer" et vous êtes prêt!

Cette option est parfaite pour les petites entreprises ou les détaillants qui commencent tout juste à mettre en place leur site sur Shopify. Bien que l'éditeur de base vous permet d'harmoniser votre page de paiement avec le reste de votre site et de votre marque, son utilisation exclusive vous privera de toutes les modifications supplémentaires que vous pouvez apporter et des fonctionnalités que vous pouvez ajouter à votre page de paiement grâce aux autres méthodes, plus complexes, que nous aborderons plus loin. 

L'API de l'image de marque de Shopify: La cohérence de l'image de marque et des visuels sont essentiels

L'API de l'image de marque de Shopify

L'API de l'image de marque de Shopify est un autre outil puissant pour personnaliser votre page de paiement. Un cran au-dessus de l'éditeur de base que nous avons décrit plus haut, l'API de l'image de marque permet aux développeurs d'applications de contrôler entièrement l'apparence de votre page de paiement en appliquant des styles CSS, des images et d'autres éléments visuels cohérents avec l'identité globale de votre marque. 

Grâce à l'API de l'image de marque, les développeurs ont davantage de contrôle sur les éléments granulaires de votre page de paiement, ce qui vous permet d'en modifier complètement l'apparence. Parmi les exemples de personnalisation, citons l'arrondissement des angles, l'ajout/la suppression de bordures, la modification de la typographie et des titres, l'ajout d'ombres aux sections individuelles, etc. L'API de l'image de marque fonctionne parallèlement à l'éditeur de base, de sorte que les modifications apportées dans cette section s'appliqueront également lorsque vous commencerez à apporter des modifications plus complexes à votre page. 

Alors que l'éditeur de page de paiement permet de modifier facilement des éléments simples tels que la police et la palette de couleurs en téléchargeant des fichiers et en sélectionnant des options dans des menus déroulants, l'API est beaucoup plus riche en code. Sa bonne utilisation nécessite des connaissances et des compétences en matière de développement web, ce qui en fait un outil beaucoup plus avancé et complet que le simple éditeur de page de paiement.  

Dans l'ensemble, l'utilisation de l'API de l'image de marque garantit la cohérence à tous les points de contact du parcours client, ce qui permet à votre site de se démarquer de ses concurrents.

Autres façons de personnaliser la page de paiement de Shopify

Bien que cela n'ait rien à voir avec le design de la page de paiement, Shopify offre aux détaillants des outils supplémentaires pour personnaliser l'expérience de paiement de leur site au-delà de l'image de marque. 

Shopify Functions: Modifier le comportement IU de la page de paiement

Shopify functions permettent aux développeurs de modifier le comportement de certaines parties de l'interface utilisateur (IU) de la page de paiement sans modifier la base de code sous-jacente. Cette capacité vous permet d'ajouter ou de supprimer des fonctionnalités tout en garantissant que les futures mises à jour de Shopify n'écrasent pas vos modifications. 

Vous pouvez créer des expériences personnalisées adaptées aux besoins uniques de votre entreprise en exploitant les fonctions côté serveur. Supposons, par exemple, que vous souhaitiez offrir la gratuité des frais de transport en fonction de certaines conditions, telles que le montant de la commande ou la zone géographique. Dans ce cas, vous pouvez utiliser Shopify Functions pour effectuer ces calculs et les appliquer automatiquement lors du paiement. 

Pour utiliser ces API, votre site doit être mis à jour avec l'option Checkout Extensibility. Vous devez également être un commerçant Shopify Plus pour créer des applications personnalisées utilisant Shopify Functions, mais les utilisateurs de n'importe quel plan peuvent installer des applications via l'App Store de Shopify qui les utilisent.

Extensions pour IU de paiement: Étendre les fonctionnalités de votre page de paiement

Les extensions pour IU de paiement de Shopify sont des blocs que vous pouvez ajouter à votre page de paiement afin d'y ajouter des fonctionnalités et des champs supplémentaires. Ces extensions peuvent être créées sur mesure ou installées à partir de l'App Store de Shopify si vous avez un plan Shopify Plus. 

Grâce à Checkout Extensibility, vous pouvez utiliser les extensions pour IU de paiement pour ajouter des champs personnalisés à la page de paiement de Shopify afin de recueillir des informations supplémentaires sur le client ou de personnaliser les commandes. Elles peuvent également être utilisées à des fins d'information, par exemple pour ajouter des bannières personnalisées, des avertissements ou des clauses de non-garantie. De plus, créez des offres de produits, comme des promotions, ou utilisez les nouvelles API de Shopify pour inclure les champs de code coupons et cartes cadeau directement dans la page de paiement.

L'avantage de l'agence e-commerce en matière d'image de marque pour la page de paiement.

Vu de loin, la création d'une page de paiement qui représente fidèlement votre entreprise et l'identité de votre marque semble relativement facile pour toute personne ayant peu d'expérience dans l'utilisation de plateformes telles que Shopify. 

Malheureusement, le niveau de flexibilité granulaire que Shopify offre à ses utilisateurs rend difficile l'exploitation complète de toutes les fonctionnalités et de tous les outils mis à la disposition des sites sans l'aide d'un développeur ou même d'une équipe de développement complète. 

Les agences partenaires de Shopify disposent d'une grande connaissance et d'une grande expérience dans la création d'expériences de paiement qui convertissent les clients. Lorsqu'il s'agit de l'image de marque de la page de paiement de Shopify, les agences e-commerce peuvent vous aider de deux manières:

  1. Mettre en œuvre une stratégie de rebranding: Si vous souhaitez changer de look, les agences disposent souvent de graphistes professionnels qui peuvent vous aider à rafraîchir vos palettes de couleurs, vos polices de caractères et vos logos. Ils peuvent modifier votre image existante ou travailler avec vous pour créer quelque chose de nouveau et d'unique.
  2. Avoir recours à des développeurs pour mettre en place votre page de paiement: Grâce à leurs compétences en matière d'utilisation de l'API de l'image de marque, les agences peuvent personnaliser votre page de paiement pour qu'elle corresponde au reste de votre boutique. Cela peut se faire en travaillant avec l'équipe de graphistes de l'agence lors de la phase de rebranding ou en utilisant vos directives de marque existantes pour aligner votre page de paiement avec le reste de l'image de votre marque. 

Lorsque vous êtes satisfait de l'apparence de votre page de paiement, vous pouvez également utiliser les compétences de l'agence pour faire passer votre page de paiement au niveau supérieur en utilisant Shopify Functions pour rendre votre page plus efficace ou pour créer des extensions IU personnalisées qui peuvent créer toutes les fonctionnalités supplémentaires ou les champs de formulaire dont vous avez besoin et les intégrer à des points clés du processus de paiement. 

Bien qu'il existe de nombreuses façons de personnaliser l'expérience de paiement, le moyen le plus rapide et le plus facile d'y parvenir est de faire appel à une agence e-commerce qui possède les compétences et le savoir-faire nécessaires pour créer et mettre en œuvre quelque chose de vraiment unique. 

Conclusion

En utilisant la suite complète d'outils de Shopify, vous pouvez vous assurer que votre processus de paiement est non seulement fonctionnel, mais aussi parfaitement aligné sur l'identité de votre marque. 

Que vous souhaitiez modifier des petits détails ou revoir entièrement le design de la page de paiement de votre site, Shopify vous offre la flexibilité et le contrôle nécessaires pour créer une page de paiement qui se démarque vraiment des autres. Pour ceux qui recherchent un niveau de personnalisation plus poussé, envisagez de faire affaire avec une agence partenaire Shopify Plus afin d'exploiter tout le potentiel de ce que Shopify offre à ses marchands.

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 efficace. Que vous ayez besoin d'un audit de la mise en place de Checkout Extensibility, de l'installation ou du développement d'une extension IU, ou de la personnalisation du backend avec Shopify Functions, nous pouvons vous construire une page de paiement à la fois belle et fonctionnelle. Contactez-nous dès aujourd'hui pour en savoir plus. 

More Blogs

Étendre...
É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 ...
Exploit...
Exploiter tout le potentiel de Shopify Functions
Lorsque tout le monde utilise les mêmes plateformes et outils pour son commerce électronique, comment se démarquer? Une alternative aux scripts de ...
Optimis...
Optimiser les taux de conversion avec le paiement en une page de Shopify
Lorsqu'il s'agit d'achats en ligne, la facilité et la simplicité sont les facteurs les plus importants pour créer une expérience client positive. U...