De stijl van de checkout aanpassen

Als je je producten verkoopt via een onlinewinkel, kun je de stijl van je checkoutpagina's aanpassen in de themabewerker. Voeg je bedrijfslogo toe, verander de kleuren of kies een nieuw lettertype om ervoor te zorgen dat de betaalomgeving aansluit bij je bedrijf.

Hoewel je misschien geneigd bent om veel kleur en accenten aan je betaalomgeving toe te voegen, is het beter om het ontwerp eenvoudig te houden. Je klanten gebruiken deze omgeving om verzend- en betalingsgegevens voor hun bestellingen in te voeren, en je wilt ze hierbij niet afleiden of de informatie moeilijk leesbaar maken. Kies kleuren met een hoog contrast en afbeeldingen die niet de aandacht afleiden van de tekst op de pagina.

Een achtergrondafbeelding uploaden voor de banner

Bovenaan elke checkoutpagina staat een banner met de naam van je winkel. Je kunt de achtergrondafbeelding van die banner wijzigen. Kies een afbeelding die past bij je merk. Als je bijvoorbeeld sieraden verkoopt, kan een afbeelding van kleurrijke kralen een goede keuze zijn. Bannerafbeeldingen komen het beste tot hun recht met een resolutie van 1000 x 400 pixels.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik in het gedeelte BANNER op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.

  3. Klik op Opslaan.

Een logo toevoegen aan de checkoutpagina

Je kunt je winkellogo toevoegen aan de checkoutpagina's. Als je een bannerafbeelding gebruikt, wordt het logo eroverheen weergegeven. Je kunt je logo links, rechts of in het midden van het bannergebied op de checkoutpagina's plaatsen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik in het gedeelte LOGO op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.

  3. Selecteer een positie voor het logo.

  4. Selecteer een formaat voor het logo.

  5. Klik op Opslaan.

Een achtergrondafbeelding of -kleur toevoegen aan het hoofdcontentgebied

Je kunt een achtergrondafbeelding of -kleur toevoegen aan het hoofdcontentgebied van de checkoutpagina's. Dit is het gebied waar je klanten hun verzend- en betalingsgegevens invoeren, dus zorg ervoor dat je de velden goed kunt lezen met de gekozen achtergrond. Het is niet mogelijk om zowel een achtergrondafbeelding als een achtergrondkleur toe te voegen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Voeg in het gedeelte HOOFDINHOUDSGEBIED een achtergrondkleur of -afbeelding toe.

  • Als je een kleur toevoegt, klik op het vak naast Achtergrondkleur om een kleurkiezer te openen. Kies vervolgens een kleur of voer een hexadecimale kleurcode in.

  • Als je een afbeelding toevoegt, klik op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.

  1. Klik op Opslaan.

De kleur van de formuliervelden wijzigen

Je kunt de kleur van de velden wijzigen om ze wit of transparant te maken. Misschien wil je de velden transparant maken zodat er op de achtergrond een afbeelding zichtbaar is. Zorg er wel voor dat je de tekst in de velden duidelijk kunt lezen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik in het gedeelte HOOFDINHOUDSGEBIED op de vervolgkeuzelijst Formuliervelden om de gewenste kleur te selecteren.

  3. Klik op Opslaan.

Een achtergrondafbeelding of -kleur toevoegen aan het besteloverzicht

Wanneer een klant op een checkoutpagina op Besteloverzicht weergeven klikt, verschijnt er een lijst met de producten die ze gaan bestellen. Je kunt een achtergrondafbeelding of -kleur toevoegen aan dat besteloverzicht. Zorg ervoor dat je een voorbeeld van je keuzes bekijkt om er zeker van te zijn dat je tevreden bent met de manier waarop het besteloverzicht eruitziet. Klik hiervoor op Besteloverzicht weergeven in het voorbeeld in de themabewerker.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Voeg in het gedeelte BESTELOVERZICHT een achtergrondkleur of -afbeelding toe.

  • Als je een kleur toevoegt, klik op het vak naast Achtergrondkleur om een kleurkiezer te openen. Kies vervolgens een kleur of voer een hexadecimale kleurcode in.

  • Als je een afbeelding toevoegt, klik op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.

  1. Klik op Opslaan.

Een afbeelding op de checkoutpagina wijzigen of verwijderen

Je kunt de afbeeldingen die je toevoegt aan de checkoutpagina's wijzigen of verwijderen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik onder de afbeelding die je wilt vervangen op Bijwerken en upload een afbeelding of selecteer een afbeelding uit je bibliotheek.

  3. Klik op Opslaan.

Klik op Verwijderen onder de afbeelding om een afbeelding te verwijderen. De afbeelding wordt niet verwijderd uit Shopify, alleen van de pagina.

Alt-tekst voor een afbeelding toevoegen

Als je tevreden bent met de afbeeldingen op je checkoutpagina's, is het een goed idee om alt-tekst (alternatieve tekst) toe te voegen voor de afbeeldingen. Deze tekst kan helpen bij toegankelijkheid en SEO. Lees meer over optimalisatie voor zoekmachines (SEO).

Stappen:

  1. Klik onder een afbeelding op Bijwerken en selecteer Afbeelding bewerken.

  2. Voer alt-tekst in voor de afbeelding. Gebruik een korte, beschrijvende titel voor de afbeelding.

  3. Klik op Opslaan.

Het lettertype op de checkoutpagina wijzigen

Je kunt kiezen uit een lijst met lettertypen om je checkoutpagina's aan te passen. Je kunt de kleur van de tekst op de checkoutpagina niet wijzigen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik in het gedeelte TYPOGRAFIE op de vervolgkeuzelijst Koppen of Hoofdtekst en selecteer een lettertype.

  3. Klik op Opslaan.

Knop- en accentkleuren wijzigen op de checkoutpagina

Je kunt de kleur van de knoppen, foutmeldingen en accenten zoals links op de checkoutpagina's wijzigen. Als je de kleuren wijzigt, moet je er wel voor zorgen dat je de tekst duidelijk tegen de achtergrond van het hoofdcontentgebied en de bestelsamenvatting kunt lezen.

Stappen:

  1. Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.

  2. Klik in het gedeelte KLEUREN op het kleurvak naast Accenten, Knoppen of Fouten om een kleurkiezer te openen en kies vervolgens een kleur of voer een hexadecimale kleurcode in.

  3. Klik op Opslaan.

Voeg functies toe aan de pagina na aankoop bij checkout

Je kunt met behulp van na-aankoop-apps functies zoals klantenenquêtes of upsell-aanbiedingen toevoegen aan de checkout-ervaring van klanten. Deze apps voegen content toe nadat je klant de betaling heeft voltooid, maar voordat hij/zij de pagina voor bestelbevestiging ziet.

Om functies toe te voegen aan je pagina-na-aankoop, moet je een checkout-app installeren en configureren en vervolgens die app selecteren om hem te gebruiken op de pagina-na-aankoop in je betaalinstellingen.

Je kunt slechts één checkout-app gebruiken om functies na aankoop tegelijk toe te voegen. Als je meer dan één app hebt geïnstalleerd met de 'na aankoop'-functionaliteit, kun je de app selecteren die je wilt gebruiken in je checkout-instellingen.

Installeer een checkout-app om 'na aankoop'-functies toe te voegen

Gebruik een app van derden die functies na aankoop ondersteunt bij checkout om functies toe te voegen aan je pagina na aankoop.

Als je hulp nodig hebt bij een externe app, moet je contact opnemen met de ontwikkelaar van de app.

Stappen:

  1. Ga naar de Shopify App Store en zoek naar de na-aankoop-app zie bij jouw bedrijf past.
  2. Klik op App toevoegen. Als je niet bent ingelogd bij je Shopify-account, log dan in.
  3. Klik op Install app.
  4. Ga naar het gedeelte Apps van je Shopify-beheercentrum en klik vervolgens op de naam van je checkout-app.
  5. Voer de vereiste configuratie-instellingen in.

Selecteer een app die je wilt gebruiken op je pagina na aankoop

Nadat je een checkout-app hebt geïnstalleerd en geconfigureerd, moet je de app selecteren die je wilt gebruiken op de pagina na aankoop in je checkout-instellingen.

Je kunt de app die je wilt gebruiken ook wijzigen in je checkout-instellingen.

Stappen:

  1. Klik vanuit je Shopify-beheercentrum op Instellingen.
  2. Klik op Checkout.
  3. Selecteer in het gedeelte Pagina na aankoop de checkout-app die je wilt gebruiken.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis