Personnaliser votre page de paiement

Alignez votre page de paiement avec le design de votre site.

Dernière mise à jour le 22 août 2024

Personnalisez la page de paiement en fonction de l'esthétique de votre site. Vous pouvez personnaliser l'alignement des en-têtes et les couleurs du texte, de l'arrière-plan et des boutons. Ces modifications s'appliquent également à la page de paiement du bloc Dons.

Pour connaître les autres options de personnalisation de votre page de paiement, consultez les articles Personnaliser votre expérience de paiement et Création d’un site Commerce accessible.

Remarque

il n’est pas possible de modifier le texte de la page de paiement pour le moment.

Regarder une vidéo

Personnaliser la page de paiement

  1. Ouvrez le panneau Pages, faites défiler l’écran vers le bas, cliquez sur Pages système, puis sur Paiement.
  2. Use style tweaks to customize different elements of the page.
  3. When you’re finished styling the checkout page, click Save.

Une bannière affiche Le paiement est désactivé. Cela signifie que les modifications que vous apportez ne sont pas encore visibles, mais les clients peuvent tout de même acheter vos produits pendant que vous personnalisez le style de la page. Vos modifications ne seront pas visibles tant que vous n’aurez pas enregistré la page.

Vous pouvez effectuer les réglages suivants :

  • Couleur d'arrière-plan
  • Afficher le logo du site
  • Title Color - Change your Site Title color, if Show Site Logo is unchecked.
  • Couleur de l'en-tête
  • Couleur du contour de l'en-tête
  • Alignement de l'en-tête - Pour afficher le titre ou le logo à gauche, au centre ou à droite de l'en-tête.
  • Couleur du bouton - Pour modifier les boutons de la page, y compris les boutons Continuer et Utiliser. Nous ne recommandons pas de changer la couleur en transparent ou en blanc. Étant donné que le texte du bouton ne peut pas changer, cela masquerait le bouton et empêcherait les clients de poursuivre la transaction.
checkout-page-styles3.png

Remarque

It's not possible to change the appearance of your site title on the checkout page.

Après le paiement

La page qui s’affiche après le paiement dépend de l’achat effectué par le client.

Page Statut de la commande : produits physiques, numériques et services

Si votre client a acheté un produit physique, numérique ou un service, la page Statut de la commande s’affiche. Elle comprend la plupart des détails de la commande, ainsi que l’option permettant de créer un compte client. Cette page a toujours un arrière-plan blanc et utilise une police standard. Il n’est pas possible de la personnaliser dans Styles du site. Pour prévisualiser la page Statut de la commande, consultez l’article Comment les clients achètent vos produits, ou passez une commande test avec un type de produit pris en charge.

Astuce

Si la page Statut de la commande ne s’affiche pas lorsque vous passez une commande test pour un type de produit pris en charge, c’est probablement parce que vous avez ajouté une injection de code à votre site. Pour en savoir plus, consultez l’article Utilisation de la zone d’Injection de code

Page Confirmation de commande : abonnement, cartes-cadeaux et adhésions

Si votre client a acheté une adhésion, une carte-cadeau ou un abonnement, une page Confirmation de commande plus simplifiée s’affiche, qui présente le texte Commande confirmée et le numéro de commande. Cette page respecte les styles de votre site. Pour prévisualiser la page Confirmation de la commande, effectuez une commande test avec un produit pris en charge.

Les options dont vous disposez pour personnaliser le texte de la page de confirmation de commande dépend de la version de votre site.

Utilisez les réglages ci-dessous pour personnaliser la page de confirmation de commande. Veuillez noter que la page de confirmation de commande a le même thème de couleur que votre page 404 par défaut.

  • Police de « Commande confirmée » : suit Titre 1
  • Couleur de « Commande confirmée » : suit Titre (Très grand)
  • Police du numéro de commande et du texte de confirmation : suit Paragraphe 2
  • Couleur du numéro de commande et du texte de confirmation : suit Paragraphe (Moyen)
  • Police de « Votre achat comprend des téléchargements » : suit Titre 3
  • Couleur de « Votre achat comprend des téléchargements » : suit Titre (moyen)

Dans tous les templates :

  • Texte de « Commande confirmée » : suit le texte de Titre 1
  • Numéro de commande et texte de confirmation : suit le corps de texte
  • Texte de « Votre achat comprend des téléchargements » : suit le texte de Titre 3

Pour en savoir plus sur la modification des polices et des couleurs, consultez l’article Réaliser des changements de style.

Order confirmation page header content

Il n’est pas possible d’ajouter des images et d’autres contenus à votre page de paiement. Toutefois, dans la version 7.0, ces familles de templates affichent le contenu de leurs pages 404 par défaut sur les pages de confirmation de commande, dans les paniers et dans les recherches :

  • Avenue
  • Farro
  • Five
  • Wexley
  • York

Pour supprimer du contenu d’en-tête de ces familles de templates, vous pouvez modifier votre page 404 par défaut ou créer une page 404 personnalisée.

Étapes suivantes

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

Pour en savoir plus, consultez l’article Personnaliser l’expérience de paiement.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Personnaliser votre page de paiement