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 Design i huvudmenyn i Merchant Dashboard. Designsidan 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.
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
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
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
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
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
| 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
- 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.