Design-sidan är din centrala hubb för att profilera alla kundinriktade ytor: checkout, storefront och Customer Portal. Ändringar tillämpas direkt på alla tre och förhandsvisas i realtid innan du sparar. Testläge och live-läge har separata designer — se Kopiera design från testläge till live-läge.
Viktiga höjdpunkter
- Enhetlig designhubb - Konfigurera utseendet för checkout, storefront och Customer Portal från en enda sida.
- Förbyggda teman - Börja med ett utvalt tema och anpassa det efter behov.
- Ljust och mörkt läge - Definiera separata färgpaletter för varje läge.
- Förhandsvisning i realtid - Se hur dina ändringar ser ut i checkout, Customer Portal och storefront innan du sparar.
- Åsidosättningar per sektion - Finjustera enskilda sektioner (checkout, storefront, Customer Portal) utan att påverka de andra.
- Programmatisk kontroll - Åsidosätt teman vid checkout-tillfället via API eller Checkout SDK.
- Kopiera testdesign till live - Flytta en design som du har färdigställt i testläge till live-läge i ett steg.
Kom igång
Navigera till Inställningar → Design i din Handelsinstrumentpanel. Design-sidan har fyra flikar:Allmänna inställningar
Fliken Allmänt styr din grundläggande varumärkesidentitet och globala tema.
Grundkonfiguration
Avancerade inställningar
Expandera Avancerade inställningar för att komma åt detaljerade kontroller:
Typografi
Färgkonfiguration
Definiera separata färgpaletter för ljust läge och mörkt läge. Varje läge stöder följande egenskaper:Kant
Förbyggda teman
Dodo Payments levereras med fyra kuraterade teman. Välj ett från Temavalet på fliken Allmänt för att omedelbart tillämpa en enhetlig design över kassan, butiken och kundportalen.Dodo Pulses
Det förvalda temat från Dodo Payments. Limegröna accenter ger en energisk, fräsch känsla. Ren sans-serif-typografi med generöst avstånd.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
Ett utvecklarorienterat tema med monospace-typografi och kungliga blå accenter. Skarpa hörn och en teknisk estetik som passar bra med utvecklarverktyg och API-först-produkter.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
Varmt bärnsten och guldfärgade accenter med rundade, moderna detaljer. Djärvt och högkontrast, väl anpassat för konsumentinriktade produkter som vill kännas exklusiva.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
Lekfulla rosa och magenta accenter med helt rundade hörn. Ett modernt, tillgängligt utseende som fungerar utmärkt för kreativa verktyg, designprodukter och livsstilsvarumärken.- Light Mode
- Dark Mode
Bubblegum in light mode
Sektion-överstyrningar
Varje sektionsflik (Kassa, Butik, Kundportal) har en Överstyr tema-växling. När den är aktiverad kan du anpassa den sektionens utseende oberoende av det globala temat.Kassaflik
- Produktinformation och prissättning
- Expresskassa alternativ (Apple Pay, Google Pay)
- Val av betalningsmetod och kortformulär
- Rabattkodsfält och prisuppdelning
Butiksflik
Kundportalflik
- Hantering av prenumerationer
- Fakturahistorik
- Betalningsmetoder
- Plånbok och krediter
Kopiera design från testläge till live-läge
Testläge och live-läge har separata designkonfigurationer, så ett tema som du skapar under testning visas inte automatiskt för riktiga kunder. I stället för att återskapa det manuellt kan du kopiera din design från testläge till live-läge i ett steg. Kopieringen omfattar alla designytor — allmänna inställningar, checkout, Customer Portal och åsidosättningar för storefront — samt din storefront-profilering.Relaterade resurser
Checkout Features
Checkout-funktioner, inklusive valuta, språk, skatt, rabatter med mera.
Overlay Checkout SDK
Bädda in checkout som ett modalt överlägg på din sida.
Inline Checkout SDK
Bädda in checkout direkt i sidans layout.
Storefront
Konfigurera och hantera din profilerade storefront.
Customer Portal
Customer Portal för självbetjäning av prenumerationer och fakturering.
Multi-Brand Setup
Kör flera varumärken under ett konto med separat profilering.