Instellingen van Checkout Branding
Je kunt de branding van je checkout aanpassen in de checkout-bewerker. Je kunt je eigen logo toevoegen, een achtergrondafbeelding plaatsen, de kleuren veranderen en een ander lettertype kiezen om de checkout bij je huisstijl te laten aansluiten. Zie de Checkout Branding-API als je geavanceerde aanpassingen in je checkout-branding wilt.
Een deel van de huisstijlelementen die je kiest voor je checkoutpagina's, is ook automatisch van toepassing op je nieuwe klantaccountpagina's.
Je klanten vullen op de checkoutpagina hun verzend- en betaalgegevens voor hun bestellingen in. De meeste bedrijven houden het ontwerp van de betaalpagina eenvoudig om het leesbaar te houden en om te voorkomen dat klanten zich eraan storen. Kies kleuren met een hoog contrast en afbeeldingen die de aandacht niet afleiden van de tekst op de pagina.
Op deze pagina
Een logo toevoegen aan de koptekst van de checkout
Je kunt een logo toevoegen aan de koptekst van je checkout. Je kunt de grootte, uitlijning en positie van het logo aanpassen.
Stappen:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
-
Voeg je logo toe in het gebied Logo:
- Klik op Afbeelding selecteren.
- Klik op Afbeeldingen toevoegen om een nieuwe afbeelding te uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.
- Klik op Gereed.
Pas in het gebied Maximale logo-breedte de grootte van je logo aan.
Selecteer in het gebied Logo-uitlijning links, centreren of rechts uitlijnen.
Selecteer in het gebied Positie van logo checkout-formulier, besteloverzicht of volledige breedte.
Klik op Opslaan.
Een achtergrondafbeelding of een kleur aan het checkoutformulier toevoegen
Je kunt een achtergrondkleur of een afbeelding aan het checkout-formulier toevoegen. Je kunt alleen een achtergrondkleur óf een afbeelding toevoegen, niet allebei.
Nadat je een achtergrondkleur of een afbeelding hebt toegevoegd, controleer je of de checkout-velden duidelijk leesbaar zijn.
Stappen:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
- Voeg in de sectie Achtergrond 1 een achtergrondafbeelding of -kleur toe:
- Een achtergrondafbeelding toevoegen:
- Klik op Afbeelding selecteren.
- Klik op Afbeeldingen toevoegen om een nieuwe afbeelding te uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.
- Klik op Gereed.
- Een achtergrondafbeelding toevoegen:
- Een achtergrondkleur toevoegen: 1. Klik op de kleurencirkel naast de Achtergrondkleur om een kleurkiezer te openen. 2. Kies een kleur of voer een hexadecimale kleurcode in.
- Klik op Opslaan.
Een achtergrondafbeelding of een kleur aan het besteloverzicht toevoegen
Je kunt een achtergrondkleur of een afbeelding toevoegen aan het besteloverzicht. Je kunt alleen een achtergrondkleur of een afbeelding toevoegen, maar niet allebei.
Nadat je een achtergrondkleur of een afbeelding hebt toegevoegd, controleer je of de checkout-velden duidelijk leesbaar zijn.
Stappen:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
- Voeg in de sectie Achtergrond 2 een achtergrondafbeelding of -kleur toe:
- Een achtergrondafbeelding toevoegen:
- Klik op Afbeelding selecteren.
- Klik op Afbeeldingen toevoegen om een nieuwe afbeelding te uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.
- Klik op Gereed.
- Een achtergrondafbeelding toevoegen:
- Een achtergrondkleur toevoegen: 1. Klik op de kleurencirkel naast de Achtergrondkleur om een kleurkiezer te openen. 2. Kies een kleur of voer een hexadecimale kleurcode in.
- Klik op Opslaan.
De kleuren van de checkout aanpassen
Je kunt de kleur van de checkoutknoppen, foutmeldingen en accenten wijzigen. Je kunt de checkoutvelden ook wit of transparant maken.
Nadat je de kleuren van de checkout hebt gewijzigd, controleer je of de tekst duidelijk leesbaar is tegen de achtergrond van de gebieden voor de bestelgegeven en het besteloverzicht.
De kleuren van accenten, knoppen en foutmeldingen wijzigen
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
-
Kies de kleuren in de sectie Kleur:
- Klik op de kleurencirkel naast Accent, Knoppen of Fout om een kleurkiezer te openen.
- Kies een kleur of voer een hexadecimale kleurcode in.
Klik op Opslaan.
De kleur van de formuliervelden wijzigen
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
- Klik in de sectie Kleur op de vervolgkeuzelijst Formulierveld en kaartachtergrond en selecteer wit of transparant als kleur. Als je een aangepaste waarde voor formuliervelden instelt met de Checkout Branding-API, wordt een extra optie voor Aangepast (ingesteld via API) weergegeven.
- Klik op Opslaan.
Het lettertype van de checkout aanpassen
Je kunt kiezen uit een lijst met lettertypen om je checkoutpagina's aan te passen.
Stappen:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Klik in de sectie Je checkout aanpassen op Aanpassen naast de checkout die je wilt bewerken.
- Klik op het tandwielpictogram.
-
Wijzig in de sectie Typografie het lettertype van de tekstkoppen en hoofdtekst van de checkout:
- Klik in de sectie Koppen of Hoofdtekst op de naam van het lettertype om een vervolgkeuzelijst te openen.
- Selecteer het lettertype dat je op de checkout wilt toepassen.
Klik op Opslaan.