Design och temaanpassning

Designinställningssida med direktförhandsvisning av kassan, kundportalen och butiken

Designsidan är din centrala hubb för att varumärkesprofilera alla kundvända ytor: kassan, butiken och kundportalen. Ändringar tillämpas omedelbart över alla tre och förhandsvisas i realtid innan du sparar.

Viktiga höjdpunkter

Enhetlig designhub – Konfigurera utseendet för kassan, butiken och kundportalen från en enda sida.
Förbyggda teman – Börja med ett kuraterat tema och anpassa därifrån.
Ljust & mörkt läge – Definiera separata färgpaletter för varje läge.
Liveförhandsvisning – Se hur dina ändringar ser ut i kassan, kundportalen och butiken innan du sparar.
Sektion-överstyrningar – Finjustera individuella sektioner (kassa, butik, kundportal) utan att påverka de andra.
Programmatisk kontroll – Överstyr teman vid kassabesök via API eller Checkout SDK.

Kom igång

Navigera till Inställningar → Design i din Handelsinstrumentpanel. Design-sidan har fyra flikar:

Flik	Syfte
Allmänt	Företagsnamn, logotyp, tema urval och globala avancerade inställningar
Kassa	Överstyr temainställningarna specifikt för kassasidan
Butik	Överstyr temainställningarna och konfigurera butikens layout
Kundportal	Överstyr temainställningarna för kundportalen

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

Inställning	Beskrivning
Företagsnamn	Namnet som visas i kassan, butiken och kundportalen
Företagslogotyp	Din varumärkeslogotyp som visas på alla kundvända sidor
Tema	Välj ett förbyggt tema som utgångspunkt

Avancerade inställningar

Expandera Avancerade inställningar för att komma åt detaljerade kontroller:

Typografi

Inställning	Alternativ	Beskrivning
Primärt typsnitt	Valfritt Google Font	Huvudtypsnitt för rubriker och brödtext
Sekundärt typsnitt	Valfritt Google Font	Accenttypsnitt för etiketter och sekundär text
Teckenstorlek	`xs`, `sm`, `md`, `lg`, `xl`, `2xl`	Global grundläggande teckenstorlek
Teckenvikt	`normal`, `medium`, `bold`, `extraBold`	Standard teckenvikt

Färgkonfiguration

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

Egenskap	Beskrivning
Primär bakgrund	Huvudsaklig bakgrundsfärg
Sekundär bakgrund	Sekundär bakgrund (flikar, kort)
Primär text	Huvudtextfärg
Sekundär text	Neddämpad textfärg
Primär knapp	Bakgrund för primära knappar
Text på primär knapp	Textfärg på primära knappar
Sekundär knapp	Bakgrund för sekundära knappar
Text på sekundär knapp	Textfärg på sekundära knappar
Primär kant	Huvudsaklig kantfärg
Sekundär kant	Accentfärg för kanter

Kant

Inställning	Beskrivning
Kantens radie	Styr rundheten på inmatningar, knappar, flikar och kort (t.ex. `0` för skarpa hörn, `8px` för rundade, `16px` för kapsel-formade)

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 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.

Light Mode
Dark Mode

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.

Light Mode
Dark Mode

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.

Light Mode
Dark Mode

Bubblegum tema i ljust läge som visar kassa, kundportal och butik med rosa accenter — Bubblegum in light mode

Efter att ha valt ett förbyggt tema kan du vidare anpassa enskilda egenskaper i Avancerade inställningar. Alla icke specificerade egenskaper återgår till 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

Överstyr typografi, färger och kantinställningar specifikt för kassaupplevelsen. Liveförhandsvisningen visar:

Produktinformation och prissättning
Expresskassa alternativ (Apple Pay, Google Pay)
Val av betalningsmetod och kortformulär
Rabattkodsfält och prisuppdelning

Butiksflik

Konfigurera butiksspecifika inställningar:

Inställning	Beskrivning
Butikens URL	Din butikadress (t.ex. `store.dodopayments.com/your-store`)
Butiksnamn	Aktivera och ange namnet som visas i din butik
Butikslogotyp	Aktivera och ladda upp en logotyp för butikshuvudet
Butiksbanner	Aktivera och ladda upp en bannerbild
Produktbeskrivning	Aktivera för att visa eller dölja produktbeskrivningar på kort
Överstyr tema	Aktivera för att anpassa typografi, färger och kanter enbart för butiken

Kundportalflik

Kundportalsflik som visar prenumerationshantering, faktureringshistorik och betalningsmetodförhandsvisning

Överstyr temat för kundportalen, som inkluderar:

Hantering av prenumerationer
Fakturahistorik
Betalningsmetoder
Plånbok och krediter

Relaterade resurser

Checkout Features

Checkoutfunktioner inklusive valuta, språk, skatt, rabatter och mer.

Overlay Checkout SDK

Integrera kassan som en modal overlay på din sida.

Inline Checkout SDK

Bädda in kassan direkt i din sidlayout.

Storefront

Konfigurera och hantera din varumärkeskunniga butik.

Customer Portal

Kundsjälvserviceportal för prenumerationer och fakturering.

Multi-Brand Setup

Hantera flera varumärken under ett konto med separat profilering.

Getting Started

Features

Integrate

Merchant of Record

Miscellaneous

Viktiga höjdpunkter

Kom igång