Zorg ervoor dat je kassapagina aansluit bij het ontwerp van je site.

Stijl de kassapagina zodat deze past bij de esthetiek van je site. Je kunt de uitlijning van de header en de kleuren van tekst, achtergrond en knoppen aanpassen. Deze wijzigingen gelden ook voor de doneerblok kassapagina.

Om meer te weten te komen over de andere manieren waarop je je kassapagina kunt aanpassen, ga naar je kassa-ervaring aanpassen en een toegankelijke Commerce-site maken.

Opmerking: Het is op dit moment niet mogelijk om de tekst van de kassapagina te wijzigen.

Bekijk een video

De kassapagina stijlen

Om de kassapagina op te maken:

1. Open het paneel Pagina's, scrollen naar beneden en klik op Systeempagina's, en klik vervolgens op kassa.
2. Use style tweaks to customize different elements of the page.
3. When you’re finished styling the checkout page, click Save.

Houd er rekening mee dat de kassa pagina voor producten en diensten in een gesplitst scherm wordt weergegeven. Wijzigingen in de stijl van de kassapagina zijn alleen van toepassing op de rechterkant van de pagina. Het is niet mogelijk om de linkerkant aan te passen.

Er verschijnt een banner waarop staat: kassa is uitgeschakeld. Dit betekent dat de wijzigingen die je aanbrengt nog niet zichtbaar zijn, maar dat klanten nog steeds je producten kunnen kopen terwijl je de pagina aan het stylen bent. Je wijzigingen zijn pas zichtbaar als je de pagina opslaat.

Je kunt het volgende aanpassen:

• Achtergrondkleur - Verander de achtergrondkleur van de rechterhelft van de kassapagina. De linkerhelft toont altijd wit achter de afrekengegevens van de klant.
• Toon websitelogo
• Title Color - Change your Site Title color, if Show Site Logo is unchecked.
• Headerkleur
• Randkleur header
• Header uitlijning - Geef de titel of het logo weer links, in het midden, of rechts van de header.
• Knopkleur - Wijzig de knoppen op de pagina, inclusief de knoppen Doorgaan en Inwisselen. We raden af om de kleur te veranderen naar transparant of wit. Omdat de tekst op de knop niet kan worden gewijzigd, wordt de knop verborgen en kunnen klanten de transactie niet voortzetten.

Note: It's not possible to change the appearance of your site title on the checkout page.

Kassavelden toevoegen of bewerken

Je kunt meer velden toevoegen aan de kassa door een aangepast kassaformulier te maken. Het is niet mogelijk om de tekst van de ingebouwde kassavelden te bewerken. 

Na de kassa

De pagina die wordt weergegeven na de kassa hangt af van de aankoop van de klant.

Orderstatuspagina: fysieke, digitale en serviceproducten

Als je klant een fysiek, digitaal of serviceproduct heeft gekocht, wordt de orderstatuspagina weergegeven. Deze pagina bevat de meeste ordergegevens en de mogelijkheid om een klantenaccount aan te maken. De pagina heeft altijd een witte achtergrond en gebruikt een standaard lettertype. Het is niet mogelijk om de orderstatuspagina aan te passen in sitestijlen. Zie Hoe klanten je producten kopen, of een testorder uitvoeren met een ondersteund producttype voor een voorvertoning van de orderstatuspagina.

Opmerking: Als de orderstatuspagina niet wordt weergegeven wanneer je een testbestelling uitvoert voor een ondersteund producttype, komt dat waarschijnlijk doordat je code-injectie aan je site hebt toegevoegd. Ga voor meer informatie naar code-injectie gebruiken. 

Orderbevestigingspagina: abonnementen, cadeaukaarten en lidmaatschappen

Als je klant een abonnement, cadeaukaart of lidmaatschap heeft gekocht, verschijnt er een meer gestroomlijnde orderbevestigingspagina met de tekst Order Confirmed en het ordernummer. Deze pagina komt overeen met de stijlen van je site. Om de pagina 'Order Confirmed' te bekijken, voer je een testbestelling uit met een ondersteund product.

Hoe je de tekst van de pagina met bevestiging van de bestelling vormgeeft, hangt af van de versie van je site.

Ga voor meer informatie over het wijzigen van lettertypen en kleuren naar Stijlwijzigingen aanbrengen.

Order confirmation page header content

Het is niet mogelijk om afbeeldingen en andere inhoud aan je kassapagina toe te voegen. Echter, in versie 7.0, tonen deze sjabloonfamilies inhoud van hun standaard 404-pagina's op orderbevestigingspagina's, winkelwagentjes en zoekopdrachten:

• Avenue
• Farro
• Vijf
• Wexley
• York

Om ongewenste headerinhoud in deze sjabloonfamilies te verwijderen, bewerk je standaard 404-pagina of maak een aangepaste 404-pagina.

Volgende stappen

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

• Accept Apple Pay for faster checkout.
• Add a gift message or delivery instructions field.
• Toon de voorwaarden en het beleid van je site.
• Voeg een optie toe om je in te schrijven voor een nieuwsbrief.
• Voeg een knop doorgaan met winkelen toe.

Ga voor meer informatie naar Je kassa-ervaring aanpassen.