Hoe stel ik de winkelwagen en het afrekenen in (No Distraction)?
Tijdens het afrekenen wil je niet dat je klant wegklikt naar je blog of je menu. Met No Distraction tonen de winkelwagen, het afrekenen en de bedankpagina geen menu en footer meer, maar alleen je logo en de stappen naar de bestelling. Daarnaast stel je de kleuren van het afrekenen en de melding na een bestelling in.
In het kort
- Zet No Distraction inschakelen aan op het tabblad Winkelwagen & Afrekenen.
- Kies eventueel een eigen No Distraction logo en No Distraction achtergrond kleur.
- Stel de achtergrondkleuren van de winkelwagen en het besteloverzicht in.
- De tekst na een bestelling staat op het tabblad Bestellingen & BTW.
Wat is No Distraction?
Met No Distraction aan zien de winkelwagen, de afrekenpagina en de pagina “bestelling afgerond” er anders uit. Het menu en de footer verdwijnen. Bovenaan staan alleen je logo, de stappen Winkelmandje, Bestellen en Betalen, en een link terug naar de website. Zo blijft de aandacht bij het afronden van de bestelling.
Stap 1: Zet No Distraction aan
- Ga naar Algemene opties → Webshop, tabblad Winkelwagen & Afrekenen.
- Zet No Distraction inschakelen aan.
- Klik op Updaten.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Stap 2: Kies het logo en de achtergrondkleur
Na het aanzetten verschijnen twee velden:
- No Distraction logo: een logo voor de winkelwagen, het afrekenen en de bedankpagina. Kies je niets, dan gebruikt leflite je gewone logo.
- No Distraction achtergrond kleur: de achtergrondkleur van die pagina’s. Dit veld verschijnt zodra je een logo hebt gekozen.
Een eigen logo is handig als je gewone logo wit is en de afrekenpagina licht.
De kleuren van de secties
Deze twee velden werken ook zonder No Distraction:
- Winkelwagen afrekenen sectie achtergrond kleur: de achtergrond van de winkelwagen- en afrekenpagina.
- Afrekenen overzicht sectie achtergrond kleur: de achtergrond van het besteloverzicht (de producten en het totaal) bij het afrekenen.
Kies kleuren uit je huisstijl met genoeg contrast, zodat alle tekst goed leesbaar blijft.
Het kortingscodeveld op mobiel
Op een telefoon staat het besteloverzicht ingeklapt in een balk, en het veld voor een kortingscode zit daarin verstopt. Zet Kortingscode veld onder besteloverzicht balk (mobiel) aan om het veld altijd zichtbaar direct onder die balk te tonen. Handig als je vaak met kortingscodes werkt.
De melding na een bestelling
Ga naar het tabblad Bestellingen & BTW:
- Bestelling afgerond melding: de melding die de klant ziet na het afronden, bijvoorbeeld “Bedankt voor je bestelling! Je krijgt een bevestiging per e-mail.”
- Bestelling afgerond extra tekst: extra tekst op de bedankpagina, zoals wanneer je verzendt of een link naar je retourbeleid. Laat het leeg als je geen extra tekst wilt.
Tip: Bestel na het aanzetten zelf een keer een product (met een betaalmethode zoals “Overschrijving” of een testmodus). Zo zie je precies wat je klant ziet, van winkelwagen tot bedankpagina. Annuleer de testbestelling daarna in WooCommerce → Bestellingen.
Goed om te weten: Op de bedankpagina staat ook de herroepknop, waarmee een consument zijn aankoop ongedaan maakt. Zie hoe de herroepknop werkt. Verkoop je aan bedrijven, lees dan ook btw tonen en verleggen.
De winkelwagen die uitschuift na het toevoegen stel je apart in: de sidecart aanpassen. Meer functies: alles over je webshop.
Lukt het niet?
- Het menu staat er nog. Vernieuw de pagina met Ctrl+F5. Gebruikt je site een cache, leeg die dan of wacht even.
- Je ziet het veld voor de achtergrondkleur niet. Kies eerst een No Distraction logo; daarna verschijnt het veld.
- Het logo is onzichtbaar. Waarschijnlijk is je logo wit op een witte achtergrond. Kies een donker logo bij No Distraction logo.
Kom je er niet uit? Neem contact met ons op, bel 06 35 66 47 73 of mail naar info@lefcreative.nl.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Categorieën tonen als knoppen of cards
Hoe stel ik in hoe producten in het overzicht worden getoond?
Hoe pas ik de zijwinkelwagen (sidecart) aan?
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.