# Erscheinungsbild anpassen Passen Sie die Farben, Schriftarten, Formen und mehr Ihrer Checkout-Seite an. # Gehostete Seite > This is a Gehostete Seite for when payment-ui is stripe-hosted. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=stripe-hosted. ## Branding anwenden #### Dashboard Sie können ein benutzerdefiniertes Branding auf Checkout anwenden. Gehen Sie zu den [Branding-Einstellungen](https://dashboard.stripe.com/settings/branding/checkout), um: - Ein Logo oder Symbol hochladen - Hintergrundfarbe, Schaltflächenfarbe, Schriftart und Formen der Checkout-Seite anpassen ### Branding mit Connect Checkout verwendet die Branding-Einstellungen des verbundenen Kontos Destination Charges mit `on_behalf_of` und für Plattformen, die Direct Charges durchführen. Für verbundene Konten ohne Zugriff auf das vollständige Stripe-Dashboard (einschließlich Express- und Custom-Kontos) können Plattformen die Branding-Einstellungen mit der [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding) API konfigurieren. #### API Sie können ein individuelles Branding auf eine Checkout-Sitzung anwenden, indem Sie den Parameter [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) verwenden: - Logo oder Symbol festlegen - Hintergrundfarbe, Schaltflächenfarbe, Schriftart und Formen der Checkout-Seite anpassen - Markennamen ändern Standardmäßig wenden wir das im Dashboard eingestellte individuelle Branding auf Ihre Checkout-Sitzung an. Wenn Sie ein Feld in `branding_settings` auslassen, wendet Checkout den Standardwert aus dem Dashboard an. Wenn Sie sowohl das [Logo](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-logo) als auch das [Symbol](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-icon) eingeben, wird auf der Seite Checkout das Logo angezeigt und das Symbol als Favicon verwendet. Wenn Sie nur `logo` eingeben, wird auf der Seite Checkout das Logo angezeigt und Checkout verwendet Ihr Symbol aus den [Branding-Einstellungen](https://dashboard.stripe.com/settings/branding/checkout) als Favicon. Wenn Sie nur `icon` eingeben, zeigt die Checkout-Seite das Symbol an und verwendet es auch als Favicon. > Für Rechnungen für [Abos](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) und [einmalige Zahlungen](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) aus einer Checkout-Sitzung verwenden weiterhin die im Dashboard festgelegten Branding-Einstellungen. Achten Sie darauf, dass Sie Branding-Einstellungen verwenden, die konsistent und für Ihre Kundinnen und Kunden wiedererkennbar sind, um Verwirrung und das Risiko von Rückbuchungen zu verringern. ```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 mit Connect Checkout verwendet die Branding-Einstellungen des verbundenen Kontos Destination Charges mit `on_behalf_of` und für Plattformen, die Direct Charges durchführen. Für verbundene Konten ohne Zugriff auf das vollständige Stripe-Dashboard (einschließlich Express- und Custom-Kontos) können Plattformen die Branding-Einstellungen mit der [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding) API konfigurieren. Um die Branding-Einstellungen des verbundenen Kontos zu überschreiben, legen Sie [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) fest, wenn Sie die Checkout-Sitzung erstellen. ## Markennamen ändern Sie können den Namen einer Checkout-Seite ändern, indem Sie das Feld **Unternehmensname** in den [Einstellungen zu Unternehmensdetails](https://dashboard.stripe.com/settings/business-details) anpassen oder [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name) festlegen. Sie können auch den [Domain-Namen](https://docs.stripe.com/payments/checkout/custom-domains.md) einer von Stripe gehosteten Checkout-Seite anpassen. > Stellen Sie sicher, dass Sie einen Firmennamen verwenden, der konsistent und für Ihre Kundinnen und Kunden wiedererkennbar ist, um Verwirrung und das Risiko von Rückbuchungen zu verringern. Netzwerkrichtlinien verlangen außerdem in der Regel, dass Sie einen genauen und konsistenten Firmennamen sowie ein einheitliches Logo verwenden. ## Schriftartkompatibilität Jede nutzerdefinierte Schriftart ist mit einer [Teilmenge von Gebietsschemas](https://docs.stripe.com/js/appendix/supported_locales) kompatibel. Sie können das Gebietsschema einer Checkout-Sitzung entweder explizit festlegen, indem Sie das Gebietsschema-Feld beim Erstellen der Sitzung übergeben, oder die Standardeinstellung `auto` verwenden, bei der Checkout ein Gebietsschema auf der Grundlage der Browsereinstellungen des Kunden/der Kundin auswählt. In der folgenden Tabelle sind nicht unterstützte Gebietsschemas für jede Schriftart aufgeführt. Sprachen in diesen Gebietsschemas fallen möglicherweise nicht in den unterstützten Zeichenbereich für eine bestimmte Schriftart. In diesen Fällen stellt Stripe die Checkout-Seite in einer geeigneten Systemschrift dar. Wenn Sie eine Schriftart mit Serifen gewählt haben, diese aber in einem Gebietsschema nicht unterstützt wird, greift Stripe auf eine Serifen-basierte Schriftart zurück. | Schriftartfamilie | Nicht unterstützte Gebietsschemas | | ----------------- | ---------------------------------------------------------------------------------------------------------- | | 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` | # Eingebettete Seite > This is a Eingebettete Seite for when payment-ui is embedded-form. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=embedded-form. ## Branding anwenden #### Dashboard Sie können ein benutzerdefiniertes Branding auf Checkout anwenden. Gehen Sie zu den [Branding-Einstellungen](https://dashboard.stripe.com/settings/branding/checkout), um die Hintergrundfarbe, die Schaltflächenfarbe, die Schriftart und die Formen des eingebetteten Formulars anzupassen. ### Branding mit Connect Checkout verwendet die Branding-Einstellungen des verbundenen Kontos Destination Charges mit `on_behalf_of` und für Plattformen, die Direct Charges durchführen. Für verbundene Konten ohne Zugriff auf das vollständige Stripe-Dashboard (einschließlich Express- und Custom-Kontos) können Plattformen die Branding-Einstellungen mit der [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding) API konfigurieren. #### API Sie können ein individuelles Branding auf eine Checkout-Sitzung anwenden, indem Sie den Parameter [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) verwenden: - Hintergrundfarbe, Schaltflächenfarbe, Schriftart und Formen der Checkout-Seite anpassen - Markennamen ändern Standardmäßig wenden wir das im Dashboard eingestellte individuelle Branding auf Ihre Checkout-Sitzung an. Wenn Sie ein Feld in `branding_settings` auslassen, wendet Checkout den Standardwert aus dem Dashboard an. > Für Rechnungen für [Abos](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) und [einmalige Zahlungen](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) aus einer Checkout-Sitzung verwenden weiterhin die im Dashboard festgelegten Branding-Einstellungen. Achten Sie darauf, dass Sie Branding-Einstellungen verwenden, die konsistent und für Ihre Kundinnen und Kunden wiedererkennbar sind, um Verwirrung und das Risiko von Rückbuchungen zu verringern. ```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 mit Connect Checkout verwendet die Branding-Einstellungen des verbundenen Kontos Destination Charges mit `on_behalf_of` und für Plattformen, die Direct Charges durchführen. Für verbundene Konten ohne Zugriff auf das vollständige Stripe-Dashboard (einschließlich Express- und Custom-Kontos) können Plattformen die Branding-Einstellungen mit der [Accounts](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding) API konfigurieren. Um die Branding-Einstellungen des verbundenen Kontos zu überschreiben, legen Sie [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) fest, wenn Sie die Checkout-Sitzung erstellen. ## Markennamen ändern Sie können den Namen im eingebetteten Formular ändern, indem Sie das Feld **Unternehmensname** in den [Einstellungen zu Unternehmensdetails](https://dashboard.stripe.com/settings/business-details) anpassen oder [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name) festlegen. > Stellen Sie sicher, dass Sie einen Firmennamen verwenden, der konsistent und für Ihre Kundinnen und Kunden wiedererkennbar ist, um Verwirrung und das Risiko von Rückbuchungen zu verringern. Netzwerkrichtlinien verlangen außerdem in der Regel, dass Sie einen genauen und konsistenten Firmennamen sowie ein einheitliches Logo verwenden. ## Schriftartkompatibilität Jede nutzerdefinierte Schriftart ist mit einer [Teilmenge von Gebietsschemas](https://docs.stripe.com/js/appendix/supported_locales) kompatibel. Sie können das Gebietsschema einer Checkout-Sitzung entweder explizit festlegen, indem Sie das Gebietsschema-Feld beim Erstellen der Sitzung übergeben, oder die Standardeinstellung `auto` verwenden, bei der Checkout ein Gebietsschema auf der Grundlage der Browsereinstellungen des Kunden/der Kundin auswählt. In der folgenden Tabelle sind nicht unterstützte Gebietsschemas für jede Schriftart aufgeführt. Sprachen in diesen Gebietsschemas fallen möglicherweise nicht in den unterstützten Zeichenbereich für eine bestimmte Schriftart. In diesen Fällen stellt Stripe die Checkout-Seite in einer geeigneten Systemschrift dar. Wenn Sie eine Schriftart mit Serifen gewählt haben, diese aber in einem Gebietsschema nicht unterstützt wird, greift Stripe auf eine Serifen-basierte Schriftart zurück. | Schriftartfamilie | Nicht unterstützte Gebietsschemas | | ----------------- | ---------------------------------------------------------------------------------------------------------- | | 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` |