# Personalizzare l'aspetto Personalizzare colori, tipi di carattere, forme e altri dettagli della pagina di pagamento # Pagina in hosting > This is a Pagina in hosting for when payment-ui is stripe-hosted. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=stripe-hosted. ## Applicare gli elementi di branding #### Dashboard Puoi applicare un branding personalizzato a Checkout. Vai a [Impostazioni di branding](https://dashboard.stripe.com/settings/branding/checkout) per: - Caricare un logo o un’icona - Personalizzare il colore dello sfondo e dei pulsanti, il carattere e le forme della pagina di Checkout ### Branding con Connect Checkout utilizza le impostazioni del brand per gli addebiti indiretti degli account connessi con `on_behalf_of` e per le piattaforme che eseguono addebiti diretti. Per gli account connessi senza accesso alla Dashboard Stripe completa (inclusi gli account Express e Custom), le piattaforme possono configurare le impostazioni del brand con l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Puoi applicare il Branding Custom a una sessione di Checkout utilizzando il parametro [Branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) per: - Imposta un logo o un’icona - Personalizzare il colore dello sfondo e dei pulsanti, il carattere e le forme della pagina di Checkout - Modificare il nome del brand Per impostazione predefinita, applichiamo il branding personalizzato impostato nella Dashboard in Sessions di Checkout. Se ometti un campo in `branding_settings`, Checkout applica il valore predefinito dalla Dashboard. Se specifichi sia il [logo](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-logo) che l’[icona](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-icon), la pagina di Checkout mostra il logo e utilizza l’icona come favicon. Se specifichi solo il `logo`, la pagina di Checkout mostra il logo e Checkout utilizza l’icona delle [Impostazioni Branding](https://dashboard.stripe.com/settings/branding/checkout) come favicon. Se specifichi solo `icon`, la pagina di completamento della transazione mostra l’icona e la utilizza anche come favicon. > Le fatture degli [abbonamenti](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) e dei [pagamenti una tantum](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) di una sessione di completamento della transazione utilizzano comunque le impostazioni di branding impostate nella Dashboard. Assicurati di utilizzare impostazioni di branding coerenti e riconoscibili dai clienti per ridurre la confusione e il rischio di storni. ```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" ``` ### Branding con Connect Checkout utilizza le impostazioni del brand dell’account connesso per gli addebiti indiretti con `on_behalf_of` e per le piattaforme che eseguono addebiti diretti. Per gli account connessi senza accesso alla Dashboard Stripe completa (inclusi gli account Express e Custom), le piattaforme possono configurare le impostazioni del brand con l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). A eccezione delle impostazioni del brand dell’account connesso, imposta [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) quando crei la sessione di Checkout. ## Modificare il nome del brand È possibile modificare il nome di una pagina di completamento della transazione modificando il campo **Ragione sociale** nelle [impostazioni dei dettagli dell’attività](https://dashboard.stripe.com/settings/business-details) o impostando [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). Puoi anche [personalizzare il nome di dominio](https://docs.stripe.com/payments/checkout/custom-domains.md) di una pagina di Checkout in hosting su Stripe. > Assicurati di utilizzare una ragione sociale coerente e riconoscibile dai clienti per ridurre la confusione e il rischio di storni. Inoltre, le regole del circuito richiedono generalmente l’uso di ragioni sociali e logo accurati e coerenti. ## Compatibilità font Ogni font personalizzato è compatibile con un [sottoinsieme di impostazioni locali](https://docs.stripe.com/js/appendix/supported_locales). Puoi impostare la lingua della sessione di Checkout in due modi: specificandola esplicitamente al momento della creazione della sessione, oppure lasciando l’opzione `auto`. In quest’ultimo caso, Checkout rileverà automaticamente la lingua in base alle impostazioni del browser del cliente. Nella tabella seguente sono elencate le impostazioni locali non supportate per ogni tipo di carattere. Le lingue con queste impostazioni locali potrebbero non rientrare nell’intervallo di caratteri supportato per un determinato tipo di carattere. In questi casi, Stripe visualizza la pagina di Checkout con un carattere di riserva di sistema appropriato. Se scegli un font Serif ma non è supportato in nessuna lingua, Stripe ricorre a un font basato su Serif. | Famiglia di caratteri | Impostazioni locali non supportate | | --------------------- | ---------------------------------------------------------------------------------------------------------- | | 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` | # Pagina incorporata > This is a Pagina incorporata for when payment-ui is embedded-form. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=embedded-form. ## Applicare gli elementi di branding #### Dashboard Puoi applicare un branding personalizzato a Checkout. Vai a [Impostazioni di branding](https://dashboard.stripe.com/settings/branding/checkout) per personalizzare il colore dello sfondo e dei pulsanti, il carattere e le forme del modulo incorporato. ### Branding con Connect Checkout utilizza le impostazioni del brand per gli addebiti indiretti degli account connessi con `on_behalf_of` e per le piattaforme che eseguono addebiti diretti. Per gli account connessi senza accesso alla Dashboard Stripe completa (inclusi gli account Express e Custom), le piattaforme possono configurare le impostazioni del brand con l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Puoi applicare il Branding Custom a una sessione di Checkout utilizzando il parametro [Branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) per: - Personalizzare il colore dello sfondo e dei pulsanti, il carattere e le forme della pagina di Checkout - Modificare il nome del brand Per impostazione predefinita, applichiamo il branding personalizzato impostato nella Dashboard in Sessions di Checkout. Se ometti un campo in `branding_settings`, Checkout applica il valore predefinito dalla Dashboard. > Le fatture degli [abbonamenti](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) e dei [pagamenti una tantum](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) di una sessione di completamento della transazione utilizzano comunque le impostazioni di branding impostate nella Dashboard. Assicurati di utilizzare impostazioni di branding coerenti e riconoscibili dai clienti per ridurre la confusione e il rischio di storni. ```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" ``` ### Branding con Connect Checkout utilizza le impostazioni del brand dell’account connesso per gli addebiti indiretti con `on_behalf_of` e per le piattaforme che effettuano addebiti diretti. Per gli account connessi che non hanno accesso alla dashboard completa di Stripe (compresi gli account Express e Custom), le piattaforme possono configurare le impostazioni del brand con l’API [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Per sovrascrivere le impostazioni del marchio dell’account connesso, imposta [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) durante la creazione della sessione Checkout. ## Modificare il nome del brand Puoi modificare il nome nel modulo incorporato modificando il campo **Business name** nelle [impostazioni dei dettagli dell’attività](https://dashboard.stripe.com/settings/business-details) o impostando [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). > Assicurati di utilizzare una ragione sociale coerente e riconoscibile dai clienti per ridurre la confusione e il rischio di storni. Inoltre, le regole del circuito richiedono generalmente l’uso di ragioni sociali e logo accurati e coerenti. ## Compatibilità font Ogni font personalizzato è compatibile con un [sottoinsieme di impostazioni locali](https://docs.stripe.com/js/appendix/supported_locales). Puoi impostare la lingua della sessione di Checkout in due modi: specificandola esplicitamente al momento della creazione della sessione, oppure lasciando l’opzione `auto`. In quest’ultimo caso, Checkout rileverà automaticamente la lingua in base alle impostazioni del browser del cliente. Nella tabella seguente sono elencate le impostazioni locali non supportate per ogni tipo di carattere. Le lingue con queste impostazioni locali potrebbero non rientrare nell’intervallo di caratteri supportato per un determinato tipo di carattere. In questi casi, Stripe visualizza la pagina di Checkout con un carattere di riserva di sistema appropriato. Se scegli un font Serif ma non è supportato in nessuna lingua, Stripe ricorre a un font basato su Serif. | Famiglia di caratteri | Impostazioni locali non supportate | | --------------------- | ---------------------------------------------------------------------------------------------------------- | | 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` |