# Personnaliser l'apparence Personnalisez les couleurs, les polices et les formes de votre page de paiement, et plus encore. # 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. ## Adaptation à votre marque #### Dashboard Vous pouvez appliquer une image de marque personnalisée à Checkout. Accédez aux [paramètres de marque](https://dashboard.stripe.com/settings/branding/checkout) pour : - Charger un logo ou une icône - Personnaliser la couleur de l’arrière-plan, la couleur des boutons, les polices et les formes de la page Checkout ### Adaptation à votre marque avec Connect Dans le cas des plateformes effectuant des paiement indirect et indirects avec le paramètre `on_behalf_of`, Checkout utilise les paiement direct du compte connecté. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe (y compris les Express et compte Custom), les plateformes peuvent configurer les paramètres de marque à l’aide de API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Vous pouvez appliquer une image de marque personnalisée à une session de paiement 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 - Personnaliser la couleur de l’arrière-plan, la couleur des boutons, les polices et les formes de la page Checkout - Changer le nom de votre marque Par défaut, nous appliquons le image de marque personnalisé défini dans le Dashboard à vos sessions de paiement. Si vous omettez un champ dans `branding_settings`, paiement 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 de paiement affiche le logo et utilise l’icône comme favicon. Si vous transmettez uniquement le `logo`, la page de paiement affiche le logo, et Paiement utilise votre icône des [paramètres image de marque](https://dashboard.stripe.com/settings/branding/checkout) comme favicon. Si vous transmettez uniquement l’`icon`, la page de paiement 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 Checkout Session utilisent toujours les paramètres d’adaptation à votre marque définis dans le Dashboard. Veillez à utiliser des paramètres d’adaptation à votre marque qui sont cohérents et reconnaissables par vos clients afin d’éviter toute confusion et tout risque de rétrofacturation. ```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" ``` ### Adaptation à votre marque avec Connect Checkout utilise les paramètres de marque du compte connecté pour les paiement indirect avec `on_behalf_of` et pour les plateformes effectuant des paiement direct. Pour les comptes connectés qui n’ont pas accès à l’intégralité du tableau dashboard Stripe (y compris les Express et compte Custom), les plateformes peuvent configurer les paramètres de marque à l’aide de API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Pour rectification 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. ## Changer le nom de votre marque Vous pouvez changer le nom d’une page Paiements en modifiant le champ **Business name** (nom de l’entreprise) dans [Paramètres des détails de 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 Checkout hébergée par Stripe. > Veillez à utiliser un nom de l’entreprise cohérent et reconnaissable par vos clients pour réduire la confusion et le risque de contestations de paiement. Les règles de réseau exigent également généralement que vous utilisiez un nom d’entreprise et un logo exacts 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 Checkout 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. ## Adaptation à votre marque #### Dashboard Vous pouvez appliquer une image de marque personnalisée à 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 du bouton, la police et les formes du formulaire intégré. ### Adaptation à votre marque avec Connect Dans le cas des plateformes effectuant des paiement indirect et indirects avec le paramètre `on_behalf_of`, Checkout utilise les paiement direct du compte connecté. Pour les comptes connectés qui n’ont pas accès à l’intégralité du Dashboard Stripe (y compris les Express et compte Custom), les plateformes peuvent configurer les paramètres de marque à l’aide de API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Vous pouvez appliquer une image de marque personnalisée à une session de paiement en utilisant le paramètre [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) pour : - Personnaliser la couleur de l’arrière-plan, la couleur des boutons, les polices et les formes de la page Checkout - Changer le nom de votre marque Par défaut, nous appliquons le image de marque personnalisé défini dans le Dashboard à vos sessions de paiement. Si vous omettez un champ dans `branding_settings`, paiement 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 Checkout Session utilisent toujours les paramètres d’adaptation à votre marque définis dans le Dashboard. Veillez à utiliser des paramètres d’adaptation à votre marque qui sont cohérents et reconnaissables par vos clients afin d’éviter toute confusion et tout risque de rétrofacturation. ```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" ``` ### Adaptation à votre marque avec Connect Checkout utilise les paramètres de marque du compte connecté pour les paiement indirect avec `on_behalf_of` et pour les plateformes effectuant des paiement direct. Pour les comptes connectés qui n’ont pas accès à l’intégralité du tableau dashboard Stripe (y compris les Express et compte Custom), les plateformes peuvent configurer les paramètres de marque à l’aide de API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Pour rectification 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. ## Changer le nom de votre marque Vous pouvez changer le nom dans le formulaire intégré en modifiant le champ **Nom de l’entreprise** dans [Paramètres des détails de 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 de l’entreprise cohérent et reconnaissable par vos clients pour réduire la confusion et le risque de contestations de paiement. Les règles de réseau exigent également généralement que vous utilisiez un nom d’entreprise et un logo exacts 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 Checkout 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` |