# Personnaliser l'apparence Personnalisez les couleurs, les polices, les formes, etc., de votre page de paiement. # Page hébergée > This is a Page hébergée for when payment-ui is stripe-hosted. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=stripe-hosted. ## Appliquer l’image de marque #### Le Dashboard. Vous pouvez personnaliser votre image de marque dans Checkout. Accédez aux [paramètres de marque](https://dashboard.stripe.com/settings/branding/checkout) pour : - Téléverser un logo ou une icône - Personnalisez la couleur d’arrière-plan, la couleur des boutons, la police et les formes de la page Checkout ### Image de marque avec Connect Checkout utilise les paramètres de marque des paiements indirects du compte connecté avec `on_behalf_of` et pour les plateformes effectuant des paiements directs. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe(y compris les comptes Express et Custom), les plateformes peuvent configurer les paramètres de la marque avec l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### L'API Vous pouvez appliquer une identité de marque personnalisée à une Session Checkout en utilisant le paramètre [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) pour : - Définir un logo ou une icône - Personnalisez la couleur d’arrière-plan, la couleur des boutons, la police et les formes de la page Checkout - Changez de nom de marque Par défaut, nous appliquons l’identité de marque personnalisée définie dans le Dashboard à vos Sessions Checkout. Si vous omettez un champ dans `branding_settings`, Checkout applique la valeur par défaut du Dashboard. Si vous transmettez à la fois le [logo](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-logo) et l’[icône](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-icon) , la page Checkout affiche le logo et utilise l’icône comme favicon. Si vous n’entrez que le `logo`, la page Checkout affiche le logo et Checkout utilise l’icône de [Branding Settings](https://dashboard.stripe.com/settings/branding/checkout) comme favicon. Si vous n’indiquez que `icon`, la page Checkout affiche l’icône et l’utilise également comme favicon. > Les factures pour les [abonnements](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) et les factures pour les [paiements uniques](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) provenant d’une session Checkout utilisent toujours les paramètres d’identité de marque définis dans le Dashboard. Veillez à utiliser des paramètres d’identité de marque cohérents et reconnaissables par vos clients afin de réduire les risques de confusion et de contestation de paiement. ```curl curl https://api.stripe.com/v1/checkout/sessions \ -u "<>:" \ -d "line_items[0][price]={{PRICE_ID}}" \ -d "line_items[0][quantity]=1" \ -d mode=payment \ -d "branding_settings[icon][type]=file" \ -d "branding_settings[icon][file]={{FILE_ID}}" \ -d "branding_settings[logo][type]=file" \ -d "branding_settings[logo][file]={{FILE_ID}}" \ -d "branding_settings[display_name]=Powdur" \ -d "branding_settings[font_family]=roboto" \ -d "branding_settings[border_style]=rectangular" \ --data-urlencode "branding_settings[background_color]=#7D8CC4" \ --data-urlencode "branding_settings[button_color]=#A0D2DB" \ --data-urlencode "success_url=https://example.com/success" ``` ### Image de marque avec Connect Checkout utilise les paramètres de marque des paiements indirects du compte connecté avec `on_behalf_of` et pour les plateformes effectuant des paiements directs. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe (y compris les comptes Express et Custom), les plateformes peuvent configurer les paramètres de marque avec l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Pour rectifier les paramètres de marque du compte connecté, définissez [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) lorsque vous créez la session Checkout. ## Changez de nom de marque Vous pouvez changer le nom d’une page Checkout en modifiant le champ **Nom de l’entreprise** dans les [paramètres des informations sur l’entreprise](https://dashboard.stripe.com/settings/business-details) ou en définissant [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). Vous pouvez également [personnaliser le nom de domaine](https://docs.stripe.com/payments/checkout/custom-domains.md) d’une page de paiement hébergée par Stripe. > Veillez à utiliser un nom d’entreprise cohérent et reconnaissable par vos clients afin d’éviter toute confusion et tout risque de contestation de paiement. Les règles du réseau vous obligent également à utiliser un nom d’entreprise et un logo précis et cohérents. ## Compatibilité des polices Chaque police personnalisée est compatible avec un [sous-ensemble de régions](https://docs.stripe.com/js/appendix/supported_locales). Vous pouvez soit définir explicitement la région d’une session Checkout en transmettant le champ de la région lors de la création de la session, soit utiliser le paramètre par défaut `auto`, auquel cas Checkout choisit une région en fonction des paramètres du navigateur du client. Le tableau suivant répertorie les régions non prises en charge pour chaque police. Les langues de ces régions peuvent se situer en dehors de la plage de caractères prise en charge pour une police donnée. Dans ce cas, Stripe affiche la page de paiement dans une police de secours appropriée. Si vous choisissez une police Serif qui n’est pas prise en charge dans une région, Stripe utilise par défaut une police de type Serif. | Famille de polices | Régions non prises en charge | | ------------------ | ---------------------------------------------------------------------------------------------------------- | | Be Vietnam Pro | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Bitter | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Chakra Petch | `bg`, `el`, `ja`, `ko`, `ru`, `zh`, `zh-HK`, `zh-TW` | | Hahmlet | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Inconsolata | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Inter | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Lato | `bg`, `cs`, `el`, `hr`, `ja`, `ko`, `lt`, `lv`, `mt`, `ro`, `ru`, `sl`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Lora | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | M PLUS 1 Code | `bg`, `el`, `ko`, `lt`, `lv`, `ru`, `sk`, `sl`, `th`, `tr` | | Montserrat | `el`, `hr`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Nunito | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Noto Sans | `ja`, `ko`, `th` | | Noto Serif | `th` | | Open Sans | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | PT Sans | `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | PT Serif | `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Pridi | `bg`, `el`, `ja`, `ko`, `ru`, `zh`, `zh-HK`, `zh-TW` | | Raleway | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Roboto | `ja`, `ko`, `zh`, `zh-HK`, `zh-TW` | | Roboto Slab | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Source Sans Pro | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Titillium Web | `bg`, `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Ubuntu Mono | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Zen Maru Gothic | `bg`, `cs`, `el`, `hr`, `ko`, `lt`, `lv`, `pl`, `ro`, `ru`, `sk`, `th`, `vi` | # Page intégrée > This is a Page intégrée for when payment-ui is embedded-form. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=embedded-form. ## Appliquer l’image de marque #### Le Dashboard. Vous pouvez personnaliser votre image de marque dans Checkout. Accédez aux [paramètres de marque](https://dashboard.stripe.com/settings/branding/checkout) pour personnaliser la couleur d’arrière-plan, la couleur des boutons, la police et les formes du formulaire intégré. ### Image de marque avec Connect Checkout utilise les paramètres de marque des paiements indirects du compte connecté avec `on_behalf_of` et pour les plateformes effectuant des paiements directs. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe(y compris les comptes Express et Custom), les plateformes peuvent configurer les paramètres de la marque avec l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### L'API Vous pouvez appliquer une identité de marque personnalisée à une Session Checkout en utilisant le paramètre [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) pour : - Personnalisez la couleur d’arrière-plan, la couleur des boutons, la police et les formes de la page Checkout - Changez de nom de marque Par défaut, nous appliquons l’identité de marque personnalisée définie dans le Dashboard à vos Sessions Checkout. Si vous omettez un champ dans `branding_settings`, Checkout applique la valeur par défaut du Dashboard. > Les factures pour les [abonnements](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) et les factures pour les [paiements uniques](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) provenant d’une session Checkout utilisent toujours les paramètres d’identité de marque définis dans le Dashboard. Veillez à utiliser des paramètres d’identité de marque cohérents et reconnaissables par vos clients afin de réduire les risques de confusion et de contestation de paiement. ```curl curl https://api.stripe.com/v1/checkout/sessions \ -u "<>:" \ -d "line_items[0][price]={{PRICE_ID}}" \ -d "line_items[0][quantity]=1" \ -d mode=payment \ -d "branding_settings[display_name]=Powdur" \ -d "branding_settings[font_family]=roboto" \ -d "branding_settings[border_style]=rectangular" \ --data-urlencode "branding_settings[background_color]=#7D8CC4" \ --data-urlencode "branding_settings[button_color]=#A0D2DB" \ -d ui_mode=embedded_page \ --data-urlencode "return_url=https://example.com/return" ``` ### Image de marque avec Connect Checkout utilise les paramètres de marque des paiements indirects du compte connecté avec `on_behalf_of` et pour les plateformes effectuant des paiements directs. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe (y compris les comptes Express et Custom), les plateformes peuvent configurer les paramètres de marque avec l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Pour rectifier les paramètres de marque du compte connecté, définissez [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) lorsque vous créez la session Checkout. ## Changez de nom de marque Vous pouvez changer le nom dans le formulaire intégré en modifiant le champ **Nom de l’entreprise** dans les [paramètres des informations sur l’entreprise](https://dashboard.stripe.com/settings/business-details) ou en définissant [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). > Veillez à utiliser un nom d’entreprise cohérent et reconnaissable par vos clients afin d’éviter toute confusion et tout risque de contestation de paiement. Les règles du réseau vous obligent également à utiliser un nom d’entreprise et un logo précis et cohérents. ## Compatibilité des polices Chaque police personnalisée est compatible avec un [sous-ensemble de régions](https://docs.stripe.com/js/appendix/supported_locales). Vous pouvez soit définir explicitement la région d’une session Checkout en transmettant le champ de la région lors de la création de la session, soit utiliser le paramètre par défaut `auto`, auquel cas Checkout choisit une région en fonction des paramètres du navigateur du client. Le tableau suivant répertorie les régions non prises en charge pour chaque police. Les langues de ces régions peuvent se situer en dehors de la plage de caractères prise en charge pour une police donnée. Dans ce cas, Stripe affiche la page de paiement dans une police de secours appropriée. Si vous choisissez une police Serif qui n’est pas prise en charge dans une région, Stripe utilise par défaut une police de type Serif. | Famille de polices | Régions non prises en charge | | ------------------ | ---------------------------------------------------------------------------------------------------------- | | Be Vietnam Pro | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Bitter | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Chakra Petch | `bg`, `el`, `ja`, `ko`, `ru`, `zh`, `zh-HK`, `zh-TW` | | Hahmlet | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Inconsolata | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Inter | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Lato | `bg`, `cs`, `el`, `hr`, `ja`, `ko`, `lt`, `lv`, `mt`, `ro`, `ru`, `sl`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Lora | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | M PLUS 1 Code | `bg`, `el`, `ko`, `lt`, `lv`, `ru`, `sk`, `sl`, `th`, `tr` | | Montserrat | `el`, `hr`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Nunito | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Noto Sans | `ja`, `ko`, `th` | | Noto Serif | `th` | | Open Sans | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | PT Sans | `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | PT Serif | `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Pridi | `bg`, `el`, `ja`, `ko`, `ru`, `zh`, `zh-HK`, `zh-TW` | | Raleway | `el`, `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Roboto | `ja`, `ko`, `zh`, `zh-HK`, `zh-TW` | | Roboto Slab | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Source Sans Pro | `bg`, `el`, `ja`, `ko`, `ru`, `th`, `zh`, `zh-HK`, `zh-TW` | | Titillium Web | `bg`, `el`, `ja`, `ko`, `th`, `vi`, `zh`, `zh-HK`, `zh-TW` | | Ubuntu Mono | `ja`, `ko`, `th`, `zh`, `zh-HK`, `zh-TW` | | Zen Maru Gothic | `bg`, `cs`, `el`, `hr`, `ko`, `lt`, `lv`, `pl`, `ro`, `ru`, `sk`, `th`, `vi` |