Halaman Design adalah pusat utama Anda untuk branding setiap permukaan yang berhadapan dengan customer: checkout, storefront, dan customer portal. Perubahan diterapkan secara instan di ketiganya dan dipratinjau secara real time sebelum Anda menyimpannya. Test mode dan live mode memiliki design terpisah — lihat Copy Design From Test to Live Mode.
Sorotan Utama
- Unified Design Hub - Konfigurasikan tampilan checkout, storefront, dan customer portal dari satu halaman.
- Pre-Built Themes - Mulai dengan tema pilihan, lalu sesuaikan sesuai kebutuhan.
- Light & Dark Mode - Tentukan palet warna terpisah untuk setiap mode.
- Live Preview - Lihat tampilan perubahan Anda di checkout, customer portal, dan storefront sebelum menyimpannya.
- Per-Section Overrides - Sesuaikan setiap bagian (checkout, storefront, customer portal) tanpa memengaruhi bagian lainnya.
- Programmatic Control - Timpa tema saat checkout melalui API atau Checkout SDK.
- Copy Test Design to Live - Pindahkan design yang telah Anda sempurnakan di test mode ke live mode dalam satu langkah.
Memulai
Navigasikan ke Settings → Design di Merchant Dashboard Anda. Halaman Desain memiliki empat tab:Pengaturan Umum
Tab Umum mengendalikan identitas merek dasar dan tema global Anda.
Konfigurasi Dasar
Pengaturan Lanjutan
Perluas Pengaturan Lanjutan untuk mengakses kontrol granular:
Tipografi
Konfigurasi Warna
Tentukan palet warna terpisah untuk Mode Terang dan Mode Gelap. Setiap mode mendukung properti berikut:Batas
Tema Bawaan
Dodo Payments menyertakan empat tema kurasi. Pilih salah satunya dari dropdown Tema di tab Umum untuk langsung menerapkan desain yang kohesif di checkout, storefront, dan portal pelanggan.Dodo Pulses
Tema default Dodo Payments. Aksen hijau limau memberi kesan energik dan segar. Tipografi sans-serif yang bersih dengan spasi yang lapang.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
Tema bernuansa pengembang dengan tipografi monospaced dan aksen biru kerajaan. Sudut tajam dan estetika teknis yang cocok untuk produk alat pengembang dan API-first.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
Aksen amber hangat dan emas dengan gaya modern melengkung. Berani dan kontras tinggi, cocok untuk produk konsumen yang ingin terasa premium.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
Aksen pink dan magenta yang menyenangkan dengan sudut penuh lingkaran. Tampilan modern dan ramah yang cocok untuk alat kreatif, produk desain, dan merek gaya hidup.- Light Mode
- Dark Mode
Bubblegum in light mode
Penimpaan per-Seksi
Setiap tab seksi (Checkout, Storefront, Portal Pelanggan) menyertakan toggle Timpa Tema. Saat diaktifkan, Anda dapat menyesuaikan tampilan seksi tersebut secara mandiri tanpa mengikuti tema global.Tab Checkout
- Informasi produk dan harga
- Opsi checkout ekspres (Apple Pay, Google Pay)
- Pilihan metode pembayaran dan formulir kartu
- Input kode diskon dan rincian harga
Tab Storefront
Tab Portal Pelanggan
- Manajemen langganan
- Riwayat penagihan
- Metode pembayaran
- Dompet dan kredit
Copy Design From Test to Live Mode
Test mode dan live mode menyimpan konfigurasi design yang terpisah, sehingga tema yang Anda buat saat melakukan pengujian tidak otomatis muncul bagi customer sebenarnya. Daripada membuatnya ulang secara manual, salin design Anda dari test mode ke live mode dalam satu langkah. Penyalinan mencakup semua permukaan design — pengaturan umum, checkout, customer portal, dan override storefront — beserta branding storefront Anda.Sumber Daya Terkait
Checkout Features
Fitur checkout termasuk mata uang, bahasa, pajak, diskon, dan lainnya.
Overlay Checkout SDK
Sematkan checkout sebagai modal overlay di halaman Anda.
Inline Checkout SDK
Sematkan checkout langsung ke dalam layout halaman Anda.
Storefront
Siapkan dan kelola storefront bermerek Anda.
Customer Portal
Portal self-service customer untuk subscription dan penagihan.
Multi-Brand Setup
Jalankan beberapa brand dalam satu akun dengan branding terpisah.