DOCS

Checkout design

/

Checkout design

Legg til din merkevarelogo, favicon og farger.

Forbedre din checkout-opplevelse med en personlig touch ved å tilpasse din internasjonale checkout-side med din logo, favicon og merkevarefarger.

Last opp logoen din

For å laste opp logoen din til din checkout-side:

  1. Gå til Dashboard -> Innstillinger -> Checkout -> Utseende.
  2. Klikk Last opp ny logo.
  3. Velg filen fra datamaskinen din, og klikk deretter Åpne.

Last opp favicon

For å laste opp faviconen din til din checkout-side:

  1. Gå til Dashboard -> Innstillinger -> Checkout -> Utseende.
  2. Klikk Last opp ny favicon.
  3. Velg filen fra datamaskinen din, og klikk deretter Åpne.

Finn favicon-fil for lagring

Hvis du ikke har favicon-filen på datamaskinen din, følg disse trinnene for å hente den fra nettstedet ditt før du laster den opp til Dashboard.

  1. Gå til nettstedet ditt.
  2. Høyreklikk på nettsiden din, og velg Vis kildekode fra rullegardinmenyen.
  3. Finn favicon ved å klikke ctrl+f (eller command+f på en Mac), og søk etter ordet "favicon."
  4. Klikk på lenken som vises for favicon for å hente opp bildet.
  5. Høyreklikk på bildet og lagre bildet i ICO-format.
    1. Hvis bildet ditt ikke kan lagres i ICO-format, lagre det i sitt nåværende format, og bruk deretter et program som Convertio for å konvertere filen til en ICO-fil.

Endre farger

For å tilpasse fargene på din checkout-side:

  1. Gå til Dashboard -> Innstillinger -> Checkout -> Utseende.
  2. Under Farger, klikk på fargen du ønsker å endre.
  3. Velg en forhåndsinnstilt farge eller skriv inn Hex-fargekoden for fargen du ønsker.

Hvis du trenger hjelp til å finne Hex-fargekoden for merkevarefargene dine, kan du bruke en fargevelger-utvidelse i nettleseren din for å hente hex-fargekodene fra nettstedet ditt.

Elementer du kan tilpasse farge

Du kan tilpasse checkout-siden til å ha opptil tre farger:

  • Primærfarge (for radioknapper, avmerkingsbokser, inndata, lenker)
  • Knappefarge (fargen på checkout-knappen du trykker på for å legge inn en bestilling)
  • Headerfarge (bakgrunnsfargen til headeren)

Forhåndsvis designet ditt for checkout

  1. Gå til Dashboard -> Innstillinger -> Checkout -> Utseende.
  2. Klikk Live forhåndsvisning øverst til høyre på siden.

Feilsøking av live forhåndsvisning som ikke vises

Hvis live forhåndsvisningen ikke vises, følg trinnene nedenfor for å generere en mock checkout. Etter å ha gjort dette én gang, vil live forhåndsvisningen fungere korrekt uten å måtte følge trinnene nedenfor ved videre forhåndsvisninger.

  1. Gå til Dashboard -> Bestillinger -> Mock checkout.
  2. Klikk Generer checkout.

Var denne siden nyttig?