La pagina Design è il tuo hub centrale per il branding di tutte le superfici rivolte ai clienti: checkout, storefront e Customer Portal. Le modifiche vengono applicate istantaneamente a tutte e tre e visualizzate in anteprima in tempo reale prima del salvataggio. La modalità test e la modalità live hanno design separati — consulta Copy Design From Test to Live Mode.
Punti chiave
- Hub di design unificato - Configura l’aspetto del checkout, dello storefront e del Customer Portal da un’unica pagina.
- Temi predefiniti - Inizia con un tema selezionato e personalizzalo da lì.
- Modalità chiara e scura - Definisci palette di colori separate per ogni modalità.
- Anteprima in tempo reale - Visualizza l’aspetto delle modifiche su checkout, Customer Portal e storefront prima del salvataggio.
- Override per sezione - Perfeziona singole sezioni (checkout, storefront, Customer Portal) senza influire sulle altre.
- Controllo programmatico - Sostituisci i temi al momento del checkout tramite API o Checkout SDK.
- Copia il design dal test alla modalità live - Trasferisci in un unico passaggio un design perfezionato in modalità test alla modalità live.
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
Copia il design dalla modalità test alla modalità live
La modalità test e la modalità live mantengono configurazioni di design separate, quindi un tema creato durante i test non viene visualizzato automaticamente dai clienti reali. Invece di ricrearlo manualmente, copia il design dalla modalità test alla modalità live in un unico passaggio. La copia include tutte le superfici di design — impostazioni generali, checkout, Customer Portal e override dello storefront — insieme al branding del tuo storefront.Risorse correlate
Checkout Features
Funzionalità di checkout tra cui valuta, lingua, imposte, 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 con il tuo branding.
Customer Portal
Portale self-service per i clienti per gestire abbonamenti e fatturazione.
Multi-Brand Setup
Gestisci più brand sotto un unico account, con branding separato.