# Sesuaikan penampilan Sesuaikan warna, font, bentuk halaman checkout Anda, dan lainnya. # Halaman yang di-hosting > This is a Halaman yang di-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. ## Menerapkan branding #### Dashboard Anda dapat menerapkan branding custom ke Checkout. Buka [Pengaturan Branding](https://dashboard.stripe.com/settings/branding/checkout) untuk: - Unggah logo atau ikon - Sesuaikan warna latar belakang, warna tombol, font, dan bentuk halaman Checkout. ### Branding dengan Connect Checkout menggunakan pengaturan merek dari akun terhubung dengan destination charges menggunakan `on_behalf_of` dan untuk platform yang melakukan direct charges. Untuk akun terhubung yang tidak memiliki akses ke Dashboard Stripe penuh (termasuk akun Express dan Custom), platform dapat mengonfigurasi pengaturan merek dengan [Accounts API](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Anda dapat menerapkan merek kustom pada sebuah Checkout Session dengan menggunakan parameter [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings): - Tetapkan logo atau ikon - Sesuaikan warna latar belakang, warna tombol, font, dan bentuk halaman Checkout. - Ubah nama brand Anda Secara default, kami menerapkan merek kustom yang ditetapkan di Dashboard ke Checkout Sessions Anda. Jika Anda mengabaikan sebuah kolom dalam `branding_settings`, Checkout akan menerapkan nilai default dari Dashboard. Jika Anda menyertakan [logo](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-logo) dan [ikon](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-icon) sekaligus, halaman Checkout akan menampilkan logo dan menggunakan ikon sebagai favicon. Jika Anda hanya menyertakan `logo`, halaman Checkout akan menampilkan logo, lalu Checkout menggunakan ikon Anda dari [Pengaturan Branding](https://dashboard.stripe.com/settings/branding/checkout) sebagai favicon. Jika Anda hanya menyertakan `icon`, halaman Checkout akan menampilkan ikon tersebut sekaligus menggunakannya sebagai favicon. > Faktur untuk [langganan](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) dan invoice untuk [pembayaran satu kali](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) dari Sesi Checkout masih menggunakan pengaturan branding yang ditetapkan di Dashboard. Pastikan untuk menggunakan pengaturan branding yang konsisten dan dapat dikenali pelanggan Anda untuk mengurangi kebingungan dan risiko chargeback. ```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 dengan Connect Checkout menggunakan pengaturan merek dari akun terhubung untuk destination charges dengan `on_behalf_of` dan untuk platform yang melakukan direct charges. Untuk akun terhubung yang tidak memiliki akses ke Dashboard Stripe penuh (termasuk akun Express dan Custom), platform dapat mengonfigurasi pengaturan merek dengan [Accounts API](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Untuk mengganti pengaturan merek dari akun terhubung, tetapkan [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) ketika Anda membuat Checkout Session. ## Ubah nama brand Anda Anda dapat mengubah nama halaman Checkout dengan mengubah kolom **Nama bisnis** di [Setelan detail bisnis](https://dashboard.stripe.com/settings/business-details) atau pengaturan [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). Anda juga dapat [menyesuaikan nama domain](https://docs.stripe.com/payments/checkout/custom-domains.md) dari halaman Checkout yang di-hosting Stripe. > Pastikan untuk menggunakan nama bisnis yang konsisten dan mudah dikenali oleh pelanggan Anda guna mengurangi kebingungan serta risiko terjadinya chargeback. Aturan jaringan umumnya juga mewajibkan Anda untuk menggunakan nama bisnis dan logo yang akurat serta konsisten. ## Kompatibilitas font Setiap font custom kompatibel dengan [subset lokal](https://docs.stripe.com/js/appendix/supported_locales). Anda dapat secara eksplisit mengatur lokal Sesi Checkout dengan meneruskan bidang lokal saat membuat Sesi, atau menggunakan pengaturan default `auto` di mana Checkout memilih lokal berdasarkan pengaturan browser pelanggan. Tabel berikut mencantumkan lokal yang tidak didukung untuk setiap font. Bahasa di lokal ini mungkin berada di luar rentang karakter yang didukung untuk font tertentu. Dalam kasus tersebut, Stripe menampilkan halaman Checkout dengan font alternatif sistem yang sesuai. Jika Anda memilih font Serif tetapi tidak didukung dalam satu lokal, Stripe akan kembali ke font berbasis Serif. | Keluarga font | Lokasi yang tidak didukung | | --------------- | ---------------------------------------------------------------------------------------------------------- | | 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` | # Halaman tersemat > This is a Halaman tersemat for when payment-ui is embedded-form. View the full page at https://docs.stripe.com/payments/checkout/customization/appearance?payment-ui=embedded-form. ## Menerapkan branding #### Dashboard Anda dapat menerapkan branding custom ke Checkout. Buka [Pengaturan Branding](https://dashboard.stripe.com/settings/branding/checkout) untuk menyesuaikan warna latar belakang, warna tombol, font, dan bentuk formulir tersemat. ### Branding dengan Connect Checkout menggunakan pengaturan merek dari akun terhubung dengan destination charges menggunakan `on_behalf_of` dan untuk platform yang melakukan direct charges. Untuk akun terhubung yang tidak memiliki akses ke Dashboard Stripe penuh (termasuk akun Express dan Custom), platform dapat mengonfigurasi pengaturan merek dengan [Accounts API](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). #### API Anda dapat menerapkan merek kustom pada sebuah Checkout Session dengan menggunakan parameter [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings): - Sesuaikan warna latar belakang, warna tombol, font, dan bentuk halaman Checkout. - Ubah nama brand Anda Secara default, kami menerapkan merek kustom yang ditetapkan di Dashboard ke Checkout Sessions Anda. Jika Anda mengabaikan sebuah kolom dalam `branding_settings`, Checkout akan menerapkan nilai default dari Dashboard. > Faktur untuk [langganan](https://docs.stripe.com/receipts.md#invoice-and-subscription-payment-receipts) dan invoice untuk [pembayaran satu kali](https://docs.stripe.com/payments/checkout/receipts.md?payment-ui=stripe-hosted#paid-invoices-hosted) dari Sesi Checkout masih menggunakan pengaturan branding yang ditetapkan di Dashboard. Pastikan untuk menggunakan pengaturan branding yang konsisten dan dapat dikenali pelanggan Anda untuk mengurangi kebingungan dan risiko chargeback. ```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 dengan Connect Checkout menggunakan pengaturan merek dari Destination Charges menggunakan `on_behalf_of` dan untuk platform yang melakukan direct charges. Untuk akun terhubung yang tidak memiliki akses ke Dashboard Stripe penuh (termasuk akun Express dan Custom), platform dapat mengonfigurasi pengaturan merek dengan [Accounts API](https://docs.stripe.com/api/accounts/object.md#account_object-settings-branding). Untuk melampaui pengaturan merek dari akun terhubung, tetapkan [branding_settings](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings) ketika Anda membuat Checkout Session. ## Ubah nama brand Anda Anda dapat mengubah nama dalam formulir yang disematkan dengan memodifikasi bidang **Nama bisnis** di [Setelan detail bisnis](https://dashboard.stripe.com/settings/business-details) atau pengaturan [branding_settings.display_name](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-branding_settings-display_name). > Pastikan untuk menggunakan nama bisnis yang konsisten dan mudah dikenali oleh pelanggan Anda guna mengurangi kebingungan serta risiko terjadinya chargeback. Aturan jaringan umumnya juga mewajibkan Anda untuk menggunakan nama bisnis dan logo yang akurat serta konsisten. ## Kompatibilitas font Setiap font custom kompatibel dengan [subset lokal](https://docs.stripe.com/js/appendix/supported_locales). Anda dapat secara eksplisit mengatur lokal Sesi Checkout dengan meneruskan bidang lokal saat membuat Sesi, atau menggunakan pengaturan default `auto` di mana Checkout memilih lokal berdasarkan pengaturan browser pelanggan. Tabel berikut mencantumkan lokal yang tidak didukung untuk setiap font. Bahasa di lokal ini mungkin berada di luar rentang karakter yang didukung untuk font tertentu. Dalam kasus tersebut, Stripe menampilkan halaman Checkout dengan font alternatif sistem yang sesuai. Jika Anda memilih font Serif tetapi tidak didukung dalam satu lokal, Stripe akan kembali ke font berbasis Serif. | Keluarga font | Lokasi yang tidak didukung | | --------------- | ---------------------------------------------------------------------------------------------------------- | | 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` |