Skip to main content
Designinställningssida med direktförhandsvisning av kassan, kundportalen och butiken
Design-sidan är din centrala hubb för att varumärkesanpassa alla kundvända ytor: checkout, storefront och kundportal. Ändringar tillämpas direkt på alla tre och förhandsvisas i realtid innan du sparar. Testläge och liveläge har separata designer – se Kopiera design från testläge till liveläge.

​
Viktiga höjdpunkter

  • Unified Design Hub — Konfigurera utseendet för checkout, storefront och Customer Portal från en enda sida
  • Pre-Built Themes — Börja med ett utvalt tema och anpassa det därifrån
  • Light & Dark Mode — Definiera separata färgpaletter för varje läge
  • Live Preview — Se hur dina ändringar ser ut på alla ytor innan du sparar
  • Per-Section Overrides — Finjustera enskilda sektioner utan att påverka de andra
  • Programmatic Control — Åsidosätt teman vid checkout via Checkout Sessions API (customization.theme_config). En sessions theme_config har företräde framför designen i dashboarden. Checkout SDK:s klientbaserade alternativ themeConfig är föråldrat
  • Copy Test Design to Live — Flytta en design som du har färdigställt i testläge till live-läge i ett enda 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.
Allmän flik som visar avancerade inställningar med typografi, färger och kantkonfiguration

​
Grundkonfiguration

​
Avancerade inställningar

Expandera Avancerade inställningar för att komma åt detaljerade kontroller:
Avancerade inställningar expanderade som visar fullständig färgkonfiguration för ljusa och mörka lägen

​
Typografi

​
Färgkonfiguration

Definiera separata färgpaletter för ljust läge och mörkt läge. Varje läge stöder:

​
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.
Dodo Pulses tema i ljust läge som visar kassa, kundportal och butik

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.
Terminaltema i ljust läge som visar kassa med blå accenter och monospaced font

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.
Bumblebee tema i ljust läge som visar kassa med bärnstensaccents

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.
Bubblegum tema i ljust läge som visar kassa, kundportal och butik med rosa accenter

Bubblegum in light mode

När du har valt ett förbyggt tema kan du anpassa enskilda egenskaper i Avancerade inställningar. Egenskaper som inte anges använder temats standardvärden.

​
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

Kassaflik som visar fullständig kassaförhandsvisning med produktinformation och betalningsformulär
Åsidosätt typografi, färger och kantlinjeinställningar specifikt för checkout-upplevelsen. Direktförhandsvisningen visar:
  • Produktinformation och priser
  • Alternativ för expresscheckout (Apple Pay, Google Pay)
  • Val av betalningsmetod och kortformulär
  • Inmatning av rabattkod och prisuppdelning

​
Fliken Storefront

Fliken Storefront som visar butikens URL, varumärkesinställningar och förhandsvisning av storefront
Konfigurera storefront-specifika inställningar:

​
Fliken Customer Portal

Fliken Customer Portal som visar förhandsvisning av prenumerationshantering, faktureringshistorik och betalningsmetoder
Åsidosätt temat för Customer Portal, som innehåller:
  • Prenumerationshantering
  • Faktureringshistorik
  • Betalningsmetoder
  • Plånbok och krediter

​
Kopiera design från testläge till liveläge

Testläge och liveläge har separata designkonfigurationer. Ett tema som du bygger 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 liveläge i ett steg.
1

Open Design in Test Mode

Byt till testläge och gå till Inställningar → Design. Spara alla väntande ändringar först: endast den sparade testdesignen kopieras.
2

Start the Copy

Klicka på Kopiera till live-läge. Knappen visas när du har ett sparat tema eller en publicerad testbutik, och live-läge måste vara aktiverat.
3

Choose What to Copy

Välj Tema och anpassningar (det allmänna temat samt åsidosättningar för checkout, storefront och Customer Portal) och Butiksdetaljer (butikens namn, logotyp och banner). Butiksdetaljer är inte tillgängliga om ingen storefront har publicerats i testläge.
4

Confirm

Klicka på Kopiera till live-läge i dialogrutan.
Kopieringen skriver över den befintliga designen i liveläge. Granska din live-checkout och storefront efter kopieringen för att bekräfta att allt ser ut som förväntat.

​
Relaterade sidor

Checkout Features

Checkout-funktioner, inklusive valuta, språk, skatt, rabatter och annat.

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 varumärkesanpassade storefront.

Customer Portal

Självbetjäningsportal för kunder för prenumerationer och fakturering.

Multi-Brand Setup

Hantera flera varumärken under ett konto med separat varumärkesprofil.
Senast ändrad 28 september 2026