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 checkout- en accounteditor. Voeg je bedrijfslogo toe, verander de kleuren of kies een nieuw lettertype om ervoor te zorgen dat de checkout in je huisstijl past.

Een deel van de branding die je kiest voor je checkoutpagina's, is ook van toepassing op je nieuwe klantaccountpagina's

Aandachtspunten bij het aanpassen van de stijl van je checkout

Lees de volgende aandachtspunten voordat je de stijl van de checkout aanpast:

  • Het onderdeel Configuraties in de sectie Checkout-instellingen van het Shopify-beheercentrum is verborgen totdat je een abonnement hebt gekozen en je eerste product hebt aangemaakt.
  • Als je het Shopify Plus-abonnement hebt, kun je de Checkout Branding-API gebruiken om geavanceerde aanpassingen in de huisstijl van de checkout te maken.
  • Als je hulp nodig hebt bij het aanpassen van de stijl van je winkelwagen en checkout, kun je een Shopify-partner inhuren. Meer informatie over Een Shopify-partner inhuren.

  • 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 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:

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:

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:

De kleur van de formuliervelden wijzigen

Je kunt de velden desgewenst wit of transparant maken. Je kunt velden bijvoorbeeld transparant maken om de achtergrondafbeelding zichtbaar te maken. Zorg er wel voor dat je de tekst in de velden duidelijk kunt lezen.

Stappen:

Een achtergrondafbeelding of -kleur aan het besteloverzicht toevoegen

Wanneer een klant op Besteloverzicht weergeven op een checkoutpagina klikt, wordt een lijst weergegeven met de producten die ze kopen. Je kunt een achtergrondafbeelding of -kleur aan het besteloverzicht toevoegen. Je kunt op Besteloverzicht weergeven in het voorbeeld in de themabewerker klikken om te zien of je tevreden bent met het resultaat.

Stappen:

Een afbeelding op de checkoutpagina wijzigen of verwijderen

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

Stappen:

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

Nadat je afbeeldingen aan je betaalpagina's hebt toegevoegd, kun je de alt-tekst van afbeeldingen toevoegen. Deze tekst kan helpen met toegankelijkheid en SEO. Meer informatie over zoekmachineoptimalisatie (SEO).

Stappen:

  1. Klik op Bewerken op de afbeelding waar je alt-tekst aan wilt toevoegen.
  2. Voer onder Alt-tekst 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:

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:

De opmaak van de checkout wijzigen

De standaardinstelling voor de opmaak van je checkout in je winkel is een checkout van één pagina. Je kunt vanuit het Shopify-beheercentrum wisselen tussen een checkout van één pagina en een checkout van drie pagina's. Loop eerst de verschillen tussen een checkout van één en drie pagina's na voordat je de opmaak van de checkout verandert.

Wanneer je de opmaak van de checkout wijzigt, wordt er in de checkout- en accounteditor geen realtime voorbeeld weergegeven. Nadat je de wijzigingen hebt opgeslagen, kun je de nieuwe opmaak in de checkout van je webshop zelf bekijken.

Stappen:

App-blokken aan je checkoutpagina's toevoegen

Je kunt met behulp van app-blokken functies als aangepaste banners of loyaliteitsbeloningen toevoegen aan de checkoutervaring van klanten. Sommige checkout-apps, waaronder apps die de informatie-, verzend- en betaalpagina's in de checkout aanpassen, zijn alleen beschikbaar voor merchants met het Shopify Plus-abonnement. Lees eerst over de beschikbaarheid van checkout-apps voordat je een app kiest om aan je checkout toe te voegen.

Lees meer over het aanpassen van je checkoutconfiguraties met apps.

Stappen:

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis