DOCS

Checkout design

/

Checkout ontwerp

Voeg uw merklogo, favicon en kleuren toe.

Verbeter uw checkout ervaring met een persoonlijke touch door uw internationale checkout pagina aan te passen met uw logo, favicon en merk kleuren.

Om uw logo naar uw checkout pagina te uploaden:

  1. Ga naar Dashboard -> Instellingen -> Checkout -> Uiterlijk.
  2. Klik op Upload nieuw logo.
  3. Kies het bestand van uw computer en klik vervolgens op Openen.

Upload uw favicon

Om uw favicon naar uw checkout pagina te uploaden:

  1. Ga naar Dashboard -> Instellingen -> Checkout -> Uiterlijk.
  2. Klik op Upload nieuwe favicon.
  3. Kies het bestand van uw computer en klik vervolgens op Openen.

Vind favicon bestand om op te slaan

Als u uw favicon bestand niet op uw computer heeft, volg dan deze stappen om het van uw website te halen voordat u het naar het Dashboard uploadt.

  1. Ga naar uw website.
  2. Klik met de rechtermuisknop op uw webpagina en kies Bekijk pagina bron uit het dropdownmenu.
  3. Zoek de favicon door ctrl+f (of command+f op een Mac) te klikken en zoek het woord "favicon."
  4. Klik op de link die verschijnt voor de favicon om de afbeelding te openen.
  5. Klik met de rechtermuisknop op de afbeelding en sla de afbeelding op in ICO-formaat.
    1. Als uw afbeelding niet in ICO-formaat kan worden opgeslagen, sla deze dan op in het huidige formaat en gebruik vervolgens een programma zoals Convertio om het bestand naar een ICO-bestand te converteren.

Wijzig kleuren

Om de kleuren op uw checkout pagina aan te passen:

  1. Ga naar Dashboard -> Instellingen -> Checkout -> Uiterlijk.
  2. Klik onder Kleuren op de kleur die u wilt wijzigen.
  3. Kies een vooraf ingestelde kleur of voer de Hex-kleurcode in van de kleur die u wilt.

Als u hulp nodig heeft bij het vinden van de Hex-kleurcode van uw merk kleuren, kunt u een kleurkiezer-extensie in uw browser gebruiken om de hex-kleurcodes van uw website te halen.

Elementen waarvan u de kleur kunt aanpassen

U kunt de checkout pagina aanpassen met maximaal drie kleuren:

  • Primaire kleur (voor radioknoppen, selectievakjes, invoervelden, links)
  • Knopkleur (de kleur van de checkout knop die u indrukt om een bestelling te plaatsen)
  • Kopkleur (de achtergrondkleur van de kop)

Voorbeeld van uw checkout ontwerp

  1. Ga naar Dashboard -> Instellingen -> Checkout -> Uiterlijk.
  2. Klik op Live voorbeeld in de rechterbovenhoek van de pagina.

Probleemoplossing als live voorbeeld niet wordt weergegeven

Als het live voorbeeld niet wordt weergegeven, volg dan de onderstaande stappen om een mock checkout te genereren. Nadat u dit eenmaal heeft gedaan, werkt het live voorbeeld correct zonder dat u de onderstaande stappen voor verdere voorbeelden hoeft te volgen.

  1. Ga naar Dashboard -> Bestellingen -> Mock checkout.
  2. Klik op Genereer checkout.

Was deze pagina nuttig?