Die Design-Seite ist Ihre zentrale Anlaufstelle für das Branding aller kundenorientierten Oberflächen: Checkout, Storefront und Customer Portal. Änderungen werden sofort auf alle drei Bereiche angewendet und in Echtzeit als Vorschau angezeigt, bevor Sie sie speichern. Testmodus und Live-Modus verfügen über separate Designs – siehe Design vom Testmodus in den Live-Modus kopieren.
Wichtige Highlights
- Zentrale Design-Hub – Konfigurieren Sie das Erscheinungsbild von Checkout, Storefront und Customer Portal auf einer einzigen Seite.
- Vorgefertigte Themes – Beginnen Sie mit einem kuratierten Theme und passen Sie es anschließend an.
- Heller und dunkler Modus – Definieren Sie separate Farbpaletten für jeden Modus.
- Live-Vorschau – Sehen Sie vor dem Speichern, wie Ihre Änderungen in Checkout, Customer Portal und Storefront aussehen.
- Überschreibungen pro Bereich – Passen Sie einzelne Bereiche (Checkout, Storefront, Customer Portal) gezielt an, ohne die anderen zu beeinflussen.
- Programmatische Steuerung – Überschreiben Sie Themes beim Checkout über die API oder das Checkout SDK.
- Testdesign in den Live-Modus kopieren – Übertragen Sie ein im Testmodus perfektioniertes Design in einem Schritt in den Live-Modus.
Erste Schritte
Navigieren Sie zu Einstellungen → Design in Ihrem Händler-Dashboard. Die Design-Seite hat vier Registerkarten:Allgemeine Einstellungen
Die Allgemein-Registerkarte steuert Ihre grundlegende Markenidentität und das globale Theme.
Grundkonfiguration
Erweiterte Einstellungen
Erweitern Sie Erweiterte Einstellungen, um feingranulare Steuerungen zu öffnen:
Typografie
Farbkonfiguration
Definieren Sie separate Farbpaletten für Hellmodus und Dunkelmodus. Jeder Modus unterstützt folgende Eigenschaften:Rahmen
Vordefinierte Themes
Dodo Payments wird mit vier kuratierten Themes geliefert. Wählen Sie eines aus dem Theme-Dropdown auf der Allgemein-Registerkarte, um sofort ein stimmiges Design für Checkout, Storefront und Kundenportal anzuwenden.Dodo Pulses
Das Standard-Theme von Dodo Payments. Limettengrüne Akzente verleihen ihm eine energetische, frische Ausstrahlung. Klare serifenlose Typografie mit großzügigem Abstand.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
Ein auf Entwickler ausgerichtetes Theme mit monospaced Typografie und königsblauen Akzenten. Scharfe Ecken und eine technische Ästhetik, die gut zu Entwickler-Tools und API-first-Produkten passt.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
Warme Bernstein- und Goldakzente mit abgerundeten, modernen Stil. Kräftig und kontrastreich – ideal für verbraucherorientierte Produkte, die ein hochwertiges Gefühl vermitteln sollen.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
Verspielte rosa und magenta Akzente mit vollständig abgerundeten Ecken. Ein moderner, zugänglicher Look, der sich hervorragend für kreative Tools, Design-Produkte und Lifestyle-Marken eignet.- Light Mode
- Dark Mode
Bubblegum in light mode
Abschnittsbezogene Overrides
Jede Abschnitts-Registerkarte (Checkout, Storefront, Kundenportal) verfügt über einen Theme überschreiben-Schalter. Sobald aktiviert, können Sie das Erscheinungsbild dieses Abschnitts unabhängig vom globalen Theme anpassen.Checkout-Registerkarte
- Produktinformationen und Preisgestaltung
- Express-Checkout-Optionen (Apple Pay, Google Pay)
- Auswahl der Zahlungsmethode und Kartendatenformular
- Eingabefeld für Rabattcode und Preisaufstellung
Storefront-Registerkarte
Kundenportal-Registerkarte
- Abonnementverwaltung
- Abrechnungshistorie
- Zahlungsmethoden
- Wallet und Guthaben
Design vom Testmodus in den Live-Modus kopieren
Testmodus und Live-Modus verfügen über separate Designkonfigurationen. Daher wird ein Theme, das Sie beim Testen erstellen, nicht automatisch echten Kunden angezeigt. Anstatt es manuell neu zu erstellen, kopieren Sie Ihr Design in einem Schritt vom Testmodus in den Live-Modus. Der Kopiervorgang umfasst alle Designoberflächen – allgemeine Einstellungen, Checkout, Customer Portal und Storefront-Überschreibungen – sowie Ihr Storefront-Branding.Verwandte Ressourcen
Checkout Features
Checkout-Funktionen einschließlich Währung, Sprache, Steuern, Rabatten und mehr.
Overlay Checkout SDK
Binden Sie den Checkout als modales Overlay auf Ihrer Seite ein.
Inline Checkout SDK
Binden Sie den Checkout direkt in das Layout Ihrer Seite ein.
Storefront
Richten Sie Ihre gebrandete Storefront ein und verwalten Sie sie.
Customer Portal
Self-Service-Portal für Kunden für Abonnements und Abrechnung.
Multi-Brand Setup
Führen Sie mehrere Marken unter einem Konto mit separatem Branding.