Personnalisation du style de votre page de paiement

Si vous vendez vos produits par le biais d’une boutique en ligne, vous pouvez personnaliser le style de vos pages de paiement dans l’éditeur de paiement et de comptes. Vous pouvez ajouter le logo de votre entreprise, modifier les couleurs ou choisir une nouvelle police pour que le paiement corresponde à votre entreprise.

Une partie de l’image de marque que vous choisissez pour vos pages de paiement s’applique également aux pages de vos nouveaux comptes clients.

Considérations pour personnaliser le style de votre page de paiement

Avant de personnaliser le style de votre page de paiement, tenez compte de ce qui suit :

  • La zone Configurations de la section des paramètres du Paiement dans l’interface administrateur est masquée jusqu’à ce que vous ayez choisi un forfait et créé votre premier produit.
  • Si vous utilisez Shopify Plus, vous pouvez utiliser l’API Checkout Branding pour des personnalisations avancées de l’image de marque de la procédure de paiement.
  • Si vous avez besoin d’aide pour personnaliser le style de votre panier et de votre page de paiement, vous pouvez engager un(e) Partenaire Shopify. En savoir plus sur la marche à suivre pour engager un Partenaire Shopify.

  • Il se peut que vous souhaitiez ajouter beaucoup de couleurs et d'éléments à vos pages de passage à la caisse, mais il est préférable de conserver un design épuré. Vos clients utilisent ces pages pour configurer les informations d'expédition et de paiement de leurs commandes, mieux vaut donc ne pas les distraire ou rendre les informations difficiles à lire. Choisissez des couleurs qui présentent un contraste marqué et des images qui ne soient pas prédominantes par rapport au texte de la page.

Mettre en ligne une image de fond pour la bannière

En haut de chaque page de paiement, une bannière affiche le nom de votre boutique. Vous pouvez changer l'image d'arrière-plan de cette bannière. Choisissez une image qui correspond à votre marque. Par exemple, si vous vendez des bijoux, une image de perles colorées pourrait être un bon choix. Les images des bannières se présentent le mieux avec une résolution de 1 000 x 400 pixels.

Étapes :

Vous pouvez ajouter le logo de votre boutique aux pages de paiement. Si vous utilisez une bannière, le logo s’affiche au‑dessus de celle‑ci. Vous pouvez l’aligner à gauche, à droite ou au centre de la bannière sur les pages de paiement.

Étapes :

Ajouter une couleur ou une image de fond à la zone du contenu principal

Vous pouvez ajouter une couleur ou une image de fond à la zone de contenu principale des pages de paiement. Comme il s’agit de l’endroit où vos clients saisissent leurs informations d’expédition et de paiement, assurez-vous que les champs sont clairement lisibles sur l’arrière-plan.

Les images plus petites se répètent verticalement et horizontalement en arrière-plan, comme des vignettes. Vous ne pouvez pas ajouter à la fois une couleur et une image de fond.

Étapes :

Changer la couleur des champs de formulaire

Vous pouvez modifier la couleur des champs pour les rendre blancs ou transparents. Vous pourriez vouloir rendre les champs transparents afin de faire apparaître une image de fond. Assurez‑vous que vous pouvez lire clairement le texte dans les champs.

Étapes :

Ajouter une couleur ou une image de fond au résumé de la commande

Lorsqu’un client clique sur Afficher le résumé de la commande sur une page de paiement, une liste des produits qu’il est en train d’acheter s’affiche. Vous pouvez ajouter une couleur ou une image de fond au résumé de la commande. Vous pouvez cliquer sur Afficher le résumé de la commande dans l’aperçu de l’éditeur de thème pour vous assurer que vous êtes satisfait(e) de la façon dont le résumé de la commande s’affiche.

Les images plus petites se répètent verticalement et horizontalement en arrière-plan, comme des vignettes.

Étapes :

Changer ou supprimer une image de la page de paiement

Vous pouvez modifier ou supprimer les images que vous ajoutez aux pages de passage à la caisse.

Étapes :

Pour supprimer une image, cliquez sur Modifier > Supprimer l’image. Cela ne supprime pas l’image de Shopify.

Ajouter le texte d'image associée

Une fois que vous avez ajouté des images à vos pages de paiement, vous pouvez ajouter du texte alternatif. Ce contenu peut faciliter l’accessibilité et le référencement naturel. En savoir plus sur l’optimisation pour les moteurs de recherche (référencement naturel).

Étapes :

  1. Sur l’image sur laquelle vous souhaitez ajouter du texte alternatif, cliquez sur Modifier.
  2. Sous Texte alternatif, saisissez le texte alternatif pour l’image. Choisissez un titre court et descriptif pour l’image.
  3. Cliquez sur Enregistrer.

Changer la police de la page de paiement

Vous pouvez choisir une police dans la liste pour personnaliser vos pages de passage à la caisse. Vous ne pouvez pas changer la couleur du texte de la page de paiement.

Étapes :

Changer les couleurs de bouton et d’accent de la page de paiement

Vous pouvez modifier la couleur des boutons, des messages d’erreur et des accentuations, tels que les liens sur les pages de paiement. Si vous modifiez les couleurs, assurez‑vous que le texte soit clairement lisible et se détache sur les fonds de la zone de contenu principale et du résumé de la commande.

Étapes :

Changer la mise en page de votre procédure de paiement

Par défaut, la mise en page de la procédure de paiement sur votre boutique est définie comme étant un paiement en une page. Vous pouvez passer du paiement en une page au paiement en trois pages à partir de votre interface administrateur Shopify. Examinez les différences entre le paiement en une page et le paiement en trois pages avant de modifier la mise en page de votre procédure de paiement.

Lorsque vous changez la mise en page de votre procédure de paiement, l’aperçu qui figure sur dans votre éditeur de paiement ou de comptes ne s’affiche pas en temps réel. Une fois que vous avez enregistré vos modifications, accédez à la page de paiement de votre boutique en ligne pour voir la nouvelle mise en page de votre procédure de paiement.

Étapes :

Afficher le résumé de la commande par défaut sur les appareils mobiles

Le résumé d’une commande contient une liste des articles dans le panier du/de la client(e), le sous-total de sa commande, ainsi que le code de réduction et le champ de carte-cadeau. Par défaut, lorsqu’un(e) client(e) procède au paiement sur un appareil mobile, le résumé de la commande est masqué. Le/la client(e) peut appuyer sur Afficher le résumé de la commande pour développer et consulter tous les détails du résumé de sa commande.

Vous pouvez modifier le comportement par défaut pour toujours afficher le résumé de la commande développé lors du paiement sur un appareil mobile. Le/la client(e) peut appuyer sur Masquer le résumé de la commande pour masquer tous les détails du résumé de sa commande.

Votre page de paiement doit utiliser la mise en page de paiement en trois pages pour accéder à ce paramètre.

Étapes :

Ajouter des blocs d’application à vos pages de paiement

Vous pouvez ajouter des fonctionnalités telles que des bannières personnalisées ou des récompenses de fidélité à l’expérience de paiement de vos clients à l’aide de blocs d’application. Certaines applications de paiement, notamment celles qui permettent de personnaliser les pages d’information, d’expédition et de paiement lors de la procédure de paiement, ne sont disponibles que pour les marchands ayant souscrit à un forfait Shopify Plus. Consultez la disponibilité des applications de paiement lorsque vous choisissez une application à ajouter à votre paiement.

En savoir plus sur la personnalisation de vos configurations de paiement avec les applications.

Étapes :

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement