La pagina Design è il tuo hub centrale per il branding di ogni superficie rivolta al cliente: checkout, storefront e portale cliente. Le modifiche si applicano istantaneamente a tutti e tre e vengono visualizzate in anteprima in tempo reale prima di salvare.
Punti chiave
- Hub di design unificato - Configura l’aspetto di checkout, storefront e portale cliente da un’unica pagina.
- Temi predefiniti - Inizia con un tema curato e personalizzalo da lì.
- Modalità chiara e scura - Definisci palette di colori separate per ogni modalità.
- Anteprima live - Vedi come appaiono le modifiche su checkout, portale cliente e storefront prima di salvare.
- Override per sezione - Regola singole sezioni (checkout, storefront, portale cliente) senza influenzare le altre.
- Controllo programmatico - Sovrascrivi i temi al momento del checkout tramite API o Checkout SDK.
Per iniziare
Naviga su Impostazioni → Design nella tua Pannello di Controllo del Commerciante. La pagina Design ha quattro schede:Impostazioni generali
La scheda Generale controlla l’identità di base del brand e il tema globale.
Configurazione di base
Impostazioni avanzate
Espandi Impostazioni avanzate per accedere a controlli granulari:
Tipografia
Configurazione dei colori
Definisci palette di colori separate per Modalità chiara e Modalità scura. Ogni modalità supporta le seguenti proprietà:Bordo
Temi predefiniti
Dodo Payments include quattro temi selezionati. Selezionane uno dal menu a discesa Tema nella scheda Generale per applicare immediatamente un design coerente su checkout, storefront e portale cliente.Dodo Pulses
Il tema predefinito di Dodo Payments. Accenti verde lime gli conferiscono un tocco energetico e fresco. Tipografia sans-serif pulita con spazi generosi.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
Un tema orientato agli sviluppatori con tipografia monospaziata e accenti blu reale. Angoli netti ed estetica tecnica che si abbina bene a strumenti da sviluppatore e prodotti API-first.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
Accenti ambrati e dorati caldi con stile moderno e arrotondato. Audace e altamente contrastato, ideale per prodotti consumer che vogliono un feel premium.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
Accenti giocosi rosa e magenta con angoli completamente arrotondati. Uno stile moderno e accessibile che funziona alla grande per strumenti creativi, prodotti di design e brand lifestyle.- Light Mode
- Dark Mode
Bubblegum in light mode
Override per sezione
Ogni scheda sezione (Checkout, Storefront, Portale cliente) include un interruttore Override tema. Quando abilitato, puoi personalizzare l’aspetto di quella sezione indipendentemente dal tema globale.Scheda Checkout
- Informazioni sul prodotto e prezzi
- Opzioni di checkout rapido (Apple Pay, Google Pay)
- Selezione del metodo di pagamento e modulo carta
- Input del codice sconto e riepilogo dei prezzi
Scheda Storefront
Scheda Portale cliente
- Gestione abbonamenti
- Storico fatture
- Metodi di pagamento
- Wallet e crediti
Risorse correlate
Checkout Features
Funzionalità di checkout, comprese valuta, lingua, tasse, sconti e altro.
Overlay Checkout SDK
Incorpora il checkout come overlay modale nella tua pagina.
Inline Checkout SDK
Incorpora il checkout direttamente nel layout della tua pagina.
Storefront
Configura e gestisci il tuo storefront brandizzato.
Customer Portal
Portale self-service per abbonamenti e fatturazione.
Multi-Brand Setup
Gestisci più brand sotto un unico account con branding separato.