De stijl van de checkout aanpassen
Als je je producten verkoopt via een webshop, 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 aan de checkoutpagina toevoegen
- Een achtergrondafbeelding of -kleur aan het hoofdcontentgebied toevoegen
- De kleur van de formuliervelden wijzigen
- Een achtergrondafbeelding of -kleur aan het besteloverzicht toevoegen
- Een afbeelding op de checkoutpagina wijzigen of verwijderen
- Het lettertype op de checkoutpagina wijzigen
- Knop- en accentkleuren op de checkoutpagina wijzigen
- Functies aan de post-purchasepagina na checkout toevoegen
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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik in de sectie Banner op Afbeelding selecteren.
- Klik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Banner op Afbeelding selecteren.
- Tik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Banner op Afbeelding selecteren.
- Tik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Tik op Opslaan.
Een logo aan de checkoutpagina toevoegen
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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik in de sectie Logo op Afbeelding selecteren.
- Klik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Selecteer een positie voor het logo.
- Selecteer een formaat voor het logo.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Logo op Afbeelding selecteren.
- Tik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Selecteer een positie voor het logo.
- Selecteer een formaat voor het logo.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Logo op Afbeelding selecteren.
- Tik op Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload.
- Selecteer een positie voor het logo.
- Selecteer een formaat voor het logo.
- Tik op Opslaan.
Een achtergrondafbeelding of -kleur aan het hoofdcontentgebied toevoegen
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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
-
Voeg in de sectie Hoofdcontentgebied 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 selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
-
Voeg in de sectie Hoofdcontentgebied een achtergrondkleur of -afbeelding toe.
- Als je een kleur toevoegt, tik je 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, tik op Afbeelding selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
-
Voeg in de sectie Hoofdcontentgebied een achtergrondkleur of -afbeelding toe.
- Als je een kleur toevoegt, tik je 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, tik op Afbeelding selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Tik 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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik in de sectie Hoofdcontentgebied op de vervolgkeuzelijst bij Formuliervelden en selecteer de kleur die je wilt gebruiken.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Hoofdcontentgebied op de vervolgkeuzelijst bij Formuliervelden en selecteer de kleur die je wilt gebruiken.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Hoofdcontentgebied op de vervolgkeuzelijst bij Formuliervelden en selecteer de kleur die je wilt gebruiken.
- Tik op Opslaan.
Een achtergrondafbeelding of -kleur aan het besteloverzicht toevoegen
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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
-
Voeg in de sectie 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 selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
-
Voeg in de sectie Besteloverzicht een achtergrondkleur of -afbeelding toe.
- Als je een kleur toevoegt, tik je 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, tik op Afbeelding selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
-
Voeg in de sectie Besteloverzicht een achtergrondkleur of -afbeelding toe.
- Als je een kleur toevoegt, tik je 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, tik op Afbeelding selecteren > Afbeeldingen toevoegen om een afbeeldingsbestand te uploaden of selecteer een afbeelding die je al naar de bibliotheek hebt geüpload. Kleinere afbeeldingen worden verticaal en horizontaal herhaald op de achtergrond, zoals tegels.
Tik 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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik onder de afbeelding die je wilt vervangen op Wijzigen om er een uit de bibliotheek te selecteren of zoek naar gratis afbeeldingen.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik onder de afbeelding die je wilt vervangen op Wijzigen om er een uit de bibliotheek te selecteren of zoek naar gratis afbeeldingen.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik onder de afbeelding die je wilt vervangen op Wijzigen om er een uit de bibliotheek te selecteren of zoek naar gratis afbeeldingen.
- Tik op Opslaan.
Klik op Wijzigen > Afbeelding verwijderen 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 op Bewerken op de afbeelding waar je alt-tekst aan wilt toevoegen.
- Voer onder Alt-tekst 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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik in de sectie Typografie op de vervolgkeuzelijst bij Koppen of Hoofdtekst en selecteer een lettertype.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Typografie op de vervolgkeuzelijst bij Koppen of Hoofdtekst en selecteer een lettertype.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Typografie op de vervolgkeuzelijst bij Koppen of Hoofdtekst en selecteer een lettertype.
- Tik op Opslaan.
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.
- Klik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Klik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Klik op Checkout.
- Klik in de sectie Kleuren op het kleurvak naast Accenten, Knoppen of Fouten. Er wordt een kleurkiezer geopend, waar je een kleur selecteert of een hexadecimale code invoert.
- Klik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Kleuren op het kleurvak naast Accenten, Knoppen of Fouten. Er wordt een kleurkiezer geopend, waar je een kleur selecteert of een hexadecimale code invoert.
- Tik op Opslaan.
- Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
- Tik in het gedeelte Winkelinstellingen op Checkout.
- Tik in de sectie Stijl van checkout op Checkout aanpassen om de themabewerker te openen.
- Tik in de themabewerker op het tandwielpictogram om naar Thema-instellingen te gaan.
- Tik op Checkout.
- Tik in de sectie Kleuren op het kleurvak naast Accenten, Knoppen of Fouten. Er wordt een kleurkiezer geopend, waar je een kleur selecteert of een hexadecimale code invoert.
- Tik op Opslaan.
Functies aan de post-purchasepagina na checkout toevoegen
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 toe 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 de sectie Apps van je Shopify-beheercentrum en tik vervolgens op de naam van je checkout-app.
- Voer de vereiste configuratie-instellingen in.
Een app voor de 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.