DOCS

Checkout-design

Checkout-design

Voeg uw merklogo, favicon en kleuren toe.

Verbeter uw checkout-ervaring met een persoonlijke touch door uw internationale checkoutpagina aan te passen met uw logo, favicon en merkkleuren.

Uw logo uploaden naar uw checkoutpagina:

  1. Ga naar Dashboard -> Settings -> Checkout -> Appearance.
  2. Klik op Upload new logo.
  3. Kies het bestand van uw computer en klik op Open.

Uw favicon uploaden naar uw checkoutpagina:

  1. Ga naar Dashboard -> Settings -> Checkout -> Appearance.
  2. Klik op Upload new favicon.
  3. Kies het bestand van uw computer en klik op Open.

Faviconbestand vinden om op te slaan 

Als u uw faviconbestand niet op uw computer heeft, volgt u deze stappen om het van uw website te halen voordat u het uploadt naar Dashboard.

  1. Ga naar uw website.
  2. Klik met de rechtermuisknop op uw webpagina en kies View page source in het dropdownmenu.
  3. Zoek de favicon door op ctrl+f (of command+f op een Mac) te klikken en het woord „favicon" te zoeken.
  4. Klik op de link die voor de favicon verschijnt 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 een programma zoals Convertio om het bestand naar een ICO-bestand te converteren.

De kleuren op uw checkoutpagina aanpassen:

  1. Ga naar Dashboard -> Settings -> Checkout -> Appearance.
  2. Klik onder Colors op de kleur die u wilt wijzigen.
  3. Kies een vooraf ingestelde kleur of voer de hex-kleurcode in van de gewenste kleur.

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

Elementen waarvan u de kleur kunt aanpassen 

U kunt de checkoutpagina instellen met maximaal drie kleuren:

  • Primary color (voor keuzerondjes, selectievakjes, invoervelden, links)
  • Button color (de kleur van de checkoutknop die u indrukt om een order te plaatsen)
  • Header color (de achtergrondkleur van de header)

Om uw checkout-design te bekijken, maakt u een testorder aan. Volg hiervoor deze stappen:

  1. Ga in Dashboard naar Orders.
  2. Schakel over naar Test Mode -> klik op Create test order
  3. Voer de testorderdetails in en klik op Create order.

Uw checkout toont vervolgens het design dat u heeft ingesteld in het gedeelte Appearance.

Boek een demo

Was deze pagina nuttig?