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.
Op deze pagina
- Een achtergrondafbeelding voor de banner uploaden
- Een logo toevoegen aan de checkoutpagina
- Een achtergrondafbeelding of -kleur toevoegen aan het gebied voor de belangrijkste content
- De kleur van de formuliervelden wijzigen
- Een achtergrondafbeelding of -kleur toevoegen aan het besteloverzicht
- Een afbeelding op de checkoutpagina wijzigen of verwijderen
- Het lettertype op de checkoutpagina wijzigen
- De knop- en accentkleuren op de checkoutpagina wijzigen
- Functies toevoegen aan de post-purchasepagina bij de checkout
Een achtergrondafbeelding voor de banner uploaden
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
Klik in het gedeelte BANNER op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
Klik in het gedeelte LOGO op Afbeelding uploaden of selecteer een afbeelding die je al naar je bibliotheek hebt geüpload.
Selecteer een positie voor het logo.
Selecteer een formaat voor het logo.
Klik op Opslaan.
Een achtergrondafbeelding of -kleur toevoegen aan het gebied voor de belangrijkste content
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
-
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.
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
Klik in het gedeelte HOOFDINHOUDSGEBIED op de vervolgkeuzelijst Formuliervelden om de gewenste kleur te selecteren.
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
-
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.
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
Klik onder de afbeelding die je wilt vervangen op Bijwerken en upload een afbeelding of selecteer een afbeelding uit je bibliotheek.
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. Zie optimalisatie voor zoekmachines (SEO) voor meer informatie.
Stappen:
Klik onder een afbeelding op Bijwerken en selecteer Afbeelding bewerken.
Voer alt-tekst in voor de afbeelding. Gebruik een korte, beschrijvende titel voor de afbeelding.
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan.
Klik in de themabewerker op Instellingen voor Checkout bekijken.
Scrol in het gedeelte CHECKOUT naar het gebied Typgrafie.
Klik op de vervolgkeuzelijst Koppen of Hoofdtekst en selecteer een lettertype.
Klik op Opslaan.
De knop- en accentkleuren op de checkoutpagina wijzigen
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:
- Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
- Ga in de Shopify-app naar Winkel > Instellingen.
- Tik onder Winkelinstellingen op Checkout.
Klik in het gedeelte Stijl op Pas de checkout aan om de themabewerker te openen.
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.
Klik op Opslaan.
Functies toevoegen aan de post-purchasepagina bij de 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 post-purchasepagina, moet je een checkout-app installeren en configureren en vervolgens die app selecteren om hem te gebruiken op de post-purchasepagina 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.
Een checkout-app installeren om post-purchasefuncties te voegen
Gebruik een app van derden die post-purchasefuncties ondersteunt bij checkout om functies toe te voegen aan je post-purchasepagina.
Als je hulp nodig hebt bij een externe app, moet je contact opnemen met de ontwikkelaar van de app.
Stappen:
- Ga naar de Shopify App Store en zoek naar de na-aankoop-app zie bij jouw bedrijf past.
- Klik op App toevoegen. Als je niet bent ingelogd bij je Shopify-account, log dan in.
- Klik op Install app.
- Ga naar het gedeelte Apps van je Shopify-beheercentrum en klik vervolgens op de naam van je checkout-app.
- Voer de vereiste configuratie-instellingen in.
Een app voor je post-purchasepagina selecteren
Nadat je een checkout-app hebt geïnstalleerd en geconfigureerd, moet je de app selecteren die je wilt gebruiken op de post-purchasepagina in je checkout-instellingen.
Je kunt de app die je wilt gebruiken ook wijzigen in je checkout-instellingen.
Stappen:
- Klik in het Shopify-beheercentrum op Instellingen.
- Klik op Checkout.
- Selecteer in het gedeelte Post-purchasepagina de checkout-app die je wilt gebruiken.