Personnaliser Checkout

Personnalisez l'apparence de Checkout et l'expérience utilisateur.

Personnalisez l’image de marque, configurez les politiques juridiques et de retour, activez le remplissage automatique des paiements des clients et bien plus encore pour Checkout.

Apparence

Personnalisez l’apparence de Checkout, y compris l’adaptation à votre marque.

Texte et politiques

Personnalisez les coordonnées du service d’assistance, les politiques et les autres textes à destination de vos clients.

Expérience de paiement

Personnalisez le comportement de Checkout pour optimiser la conversion et booster vos revenus.

Personnalisez l'apparence

Vous pouvez personnaliser l’apparence de Checkout depuis le Dashboard.

Adaptation à votre marque

Vous pouvez appliquer une image de marque personnalisée à Checkout. Accédez aux paramètres de marque pour :

Charger un logo ou une icône (s’applique uniquement à la page hébergée par Stripe de Checkout)
Personnaliser la couleur de l’arrière-plan, la couleur des boutons, les polices et les formes de la page Checkout

Consultez la section consacrée à la compatibilité des polices pour connaître les polices prises en charge par Checkout dans les différentes régions du monde.

Personnalisez l’adaptation à votre marque avec Connect

Dans le cas des plateformes effectuant des paiements directs et indirects avec le paramètre on_behalf_of, Checkout utilise les paramètres de marque du compte connecté. Les plateformes peuvent configurer les paramètres de marque des comptes connectés Express et Custom à l’aide de l’API Accounts.

Changer le nom de votre marque

Vous pouvez changer le nom d’une page Checkout en modifiant le champ Nom public de l’entreprise dans les paramètres publics.

Vous pouvez également personnaliser le nom de domaine d’une page Checkout hébergée par Stripe.

Voir aussi

Personnalisez le texte et les politiques

Vous pouvez personnaliser le texte que vos clients voient, ainsi que les politiques affichées par Checkout.

Ajouter du texte personnalisé

Vous pouvez présenter aux clients des textes supplémentaires lorsqu’ils effectuent un achat avec Stripe Checkout, par exemple les délais de livraison et de traitement.

Avertissement

Il vous est interdit d’utiliser cette fonctionnalité pour créer un texte personnalisé susceptible d’enfreindre ou de créer une ambiguïté avec le texte généré par Stripe dans Checkout, les obligations en vertu de votre contrat Stripe, les politiques de Stripe et les lois applicables.

Command Line

curl https://api.stripe.com/v1/checkout/sessions \
  -u "sk_test_VePHdqKTYQjKNInc7u56JBrQ
:" \
  -d "line_items[0][price]"={{PRICE_ID}} \
  -d "line_items[0][quantity]"=1 \
  -d mode=payment \
  -d "shipping_address_collection[allowed_countries][0]"=US \
  --data-urlencode "custom_text[shipping_address][message]"="Please note that we can't guarantee 2-day delivery for PO boxes at this time." \
  --data-urlencode "custom_text[submit][message]"="We'll email you instructions on how to get started." \
  --data-urlencode success_url="https://example.com/success" \
  --data-urlencode cancel_url="https://example.com/cancel"

Texte personnalisé à proximité des champs de collecte de l’adresse de livraison

Custom text above the Pay button

Custom text below the Pay button

Votre texte personnalisé peut comporter jusqu’à 1 200 caractères. Cependant, gardez à l’esprit que Stripe Checkout est optimisé pour la conversion et que l’ajout d’informations supplémentaires peut affecter votre taux de conversion. Vous pouvez utiliser des caractères gras ou insérer un lien en utilisant la syntaxe Markdown.

Personnalisez les politiques et les coordonnées

Vous pouvez afficher votre politique de retour, de remboursement et vos politiques juridiques, ainsi que les coordonnées de votre service d’assistance pour vos clients dans Checkout. Accédez aux paramètres Checkout pour configurer les informations que vous souhaitez afficher, y compris les éléments suivants :

Détails concernant vos politiques de retour et de remboursement
Site Web, e-mail et numéro de téléphone de votre service d’assistance
Liens vers vos Conditions d’utilisation du service et votre Politique de confidentialité

Présentées clairement, ces informations peuvent mettre vos clients en confiance et réduire le taux d’abandon des paniers.

Configurez le service d’assistance et les politiques juridiques

Dans les paramètres Checkout, ajoutez les coordonnées du service d’assistance à vos sessions en activant Coordonnées. De la même manière, ajoutez les liens vers vos Conditions d’utilisation du service et votre Politique de confidentialité en activant Politiques juridiques. Si vous demandez à vos clients de consentir implicitement à vos politiques juridiques lorsqu’ils effectuent leur paiement, sélectionnez la case Afficher le consentement aux conditions juridiques.

Vous devez ajouter les liens vers les coordonnées de votre service d’assistance et vers vos politiques juridiques dans vos Informations publiques sur l’entreprise.

Les aperçus suivants montrent comment Checkout affiche une boîte de dialogue avec les coordonnées du service d’assistance, les liens vers les politiques juridiques de la boutique, ainsi que les informations concernant les conditions de paiement.

Une page de paiement avec des coordonnées.

Aperçu des coordonnées dans Checkout.

Une page de paiement avec les politiques juridiques.

Aperçu des politiques juridiques dans Checkout.

Configurez les politiques de retour et de remboursement

Affichez vos politiques de retour, de remboursement ou d’échange en activant Politiques de retour et de remboursement. Si les entreprises qui vendent des biens physiques utilisent des politiques de retour, celles qui vendent des biens numériques ou des biens physiques personnalisés utilisent généralement des politiques de remboursement. Comme elles ne s’excluent pas mutuellement, vous pouvez sélectionner les deux options si votre entreprise vend ces deux catégories de biens. Vous pouvez modifier les détails de vos retours et remboursements, en précisant notamment :

Si vous acceptez les retours, les remboursements ou les échanges
Si les retours, les remboursements ou les échanges sont gratuits ou s’ils sont soumis à des frais
Sous combien de jours après l’achat vous acceptez les retours, les remboursements ou les échanges
Comment les clients peuvent retourner les articles qui leur ont été expédiés
Si vous acceptez les retours en magasin
Un lien vers la politique complète de retour et de remboursement
Un message personnalisé

Si vous acceptez les retours gratuits, les remboursements ou les échanges, Checkout met cette politique en évidence pour vos clients.

Les aperçus suivants montrent comment Checkout affiche une politique de retour. Dans cet exemple, les achats à retourner peuvent être expédiés ou ramenés en magasin pour un remboursement total ou un échange jusqu’à 60 jours après l’achat. Vous pouvez afficher des informations similaires pour les remboursements.

Aperçu des politiques de retour dans Checkout.

Aperçu d’une politique mise en évidence dans Checkout.

Obtenir une acceptation des conditions d’utilisation du service

Les entreprises exigent souvent que leurs clients acceptent leurs conditions d’utilisation du service avant de pouvoir payer. Cela peut dépendre du type de produit ou d’abonnement. Checkout vous aide à obtenir les consentements nécessaires en demandant à vos clients d’accepter vos conditions avant de payer.

Obtenir une acceptation des conditions d’utilisation du service

Vous pouvez recueillir le consentement aux Conditions d’utilisation du service avec Stripe Checkout quand vous créez une session :

Command Line

curl https://api.stripe.com/v1/checkout/sessions \
  -u "sk_test_VePHdqKTYQjKNInc7u56JBrQ
:" \
  -d "line_items[0][price]"={{PRICE_ID}} \
  -d "line_items[0][quantity]"=2 \
  -d mode=payment \
  --data-urlencode success_url="https://example.com/success" \
  --data-urlencode cancel_url="https://example.com/cancel" \
  -d "consent_collection[terms_of_service]"=required \
  --data-urlencode "custom_text[terms_of_service_acceptance][message]"="I agree to the [Terms of Service](https://example.com/terms)"

Lorsque le paramètre consent_collection.terms_of_service='required' est défini, Checkout affiche de manière dynamique une case à cocher afin de recueillir le consentement du client aux Conditions d’utilisation du service. Si le paramètre consent_collection.terms_of_service='none' est défini, Checkout n’affiche pas de case à cocher et n’exige pas le consentement du client aux Conditions d’utilisation du service. Avant d’exiger ce consentement, définissez l’URL de vos Conditions d’utilisation du service dans les Informations publiques de votre entreprise. Il n’est pas indispensable de définir une URL de Politique de confidentialité (Checkout renvoie également vers votre Politique de confidentialité, si une URL de Politique de confidentialité est définie dans vos Informations publiques).

Une fois qu’un client a terminé son paiement, vous pouvez vérifier qu’il a accepté vos conditions d’utilisation du service en examinant l’objet Session dans le webhook checkout.session.completed ou en récupérant la session à l’aide de l’API. Lorsque les conditions sont acceptées, le champ consent.terms_of_service de la session est défini sur "accepted".

Vous pouvez personnaliser le texte qui apparaît en regard de la case à cocher à l’aide de l’attribut custom_text.terms_of_service_acceptance. Dans ce cas, vous devez utiliser le paramétrage consent_collection.terms_of_service='required'. Pour faire apparaître vos propres conditions, insérez un lien Markdown. Par exemple : I agree to the [Terms of Service](https://example.com/terms)

Avertissement

Consultez vos conseillers juridiques et de conformité avant d’apporter des modifications à ce texte. Vous ne pouvez pas utiliser cette fonctionnalité pour afficher un texte personnalisé qui enfreint ou crée une ambiguïté par rapport au texte généré par Stripe dans Checkout, aux obligations découlant de votre contrat Stripe, aux politiques de Stripe et aux lois en vigueur.

Voir aussi

Personnalisez l'expérience de paiement

Vous pouvez personnaliser le comportement de Checkout lors du processus de paiement. les modifications apportées peuvent vous aider à booster votre taux de conversion et vos revenus.

Personnaliser le bouton d’envoi

Afin de mieux aligner Checkout sur votre modèle économique, configurez le texte affiché sur le bouton d’envoi de Checkout pour les achats ponctuels.

Définissez un submit_type sur votre session. Dans cet exemple (pour un don de 5 USD), le texte affiché sur votre bouton d’envoi Checkout personnalisé sera Faites un don de 5,00 $. Reportez-vous à la documentation de l’API pour consulter la liste complète des options submit_type.

Command Line

curl https://api.stripe.com/v1/checkout/sessions \
  -u "sk_test_VePHdqKTYQjKNInc7u56JBrQ
:" \
  -d submit_type=donate \
  -d "line_items[0][price]"={{PRICE_ID}} \
  -d "line_items[0][quantity]"=1 \
  -d mode=payment \
  --data-urlencode success_url="https://example.com/success" \
  --data-urlencode cancel_url="https://example.com/cancel"

Localisation et langues prises en charge

Par défaut, Checkout détecte les paramètres régionaux du navigateur du client et affiche une version traduite de la page dans sa langue, si celle-ci est prise en charge. Vous pouvez remplacer les paramètres régionaux du navigateur pour Checkout en transmettant le paramètre locale lorsque vous créez une session Checkout.

Checkout utilise également les paramètres régionaux pour formater les chiffres et les devises. Par exemple, lors de la vente d’un produit dont le prix est défini en EUR avec les paramètres régionaux définis sur auto, un navigateur configuré pour utiliser l’anglais (en) affichera €25.00, tandis qu’une configuration pour l’allemand (de) affichera 25,00 €.

Remplissage automatique des informations de paiement avec Link

Vous pouvez automatiquement utiliser Link (le paiement en un clic de Stripe) dans votre page de paiement préconfigurée. Pour en savoir plus, consultez la page Link avec Checkout.