Direct doorgaan naar afrekenen vanuit de winkelwagenpagina in WooCommerce: twee opties met toelichting

Wil je instellen dat klanten direct doorgaan naar de afrekenpagina nadat een product in het winkelmandje is gestopt?

Standaard is dit helaas niet mogelijk, maar in dit artikel heb ik twee oplossing voor je hoe je het kunt realiseren.

Video: Direct doorgaan naar afrekenen

In onderstaande video kun je over mijn schouder meekijken hoe je op jouw WooCommerce webshop kunt instellen dat bezoekers direct op de afrekenpagina komen nadat er een product in de winkelmand wordt gestopt.

Optie 1: Met een omweg in WooCommerce.

Optie 2: Met behulp van de plugin Direct Checkout.

Wil je meer informatie over dit onderwerp of de uitleg in tekst? Lees dan hieronder verder.

Hoe het standaard werkt in WooCommerce

In WooCommerce krijg je standaard altijd bovenaan de pagina een melding te zien wanneer je een product toevoegt aan de winkelmand.

De klant blijft op deze manier op dezelfde pagina, waardoor er direct verder geshopt kan worden vanaf het punt waar de klant gebleven is.

De optie om de winkelmand te bekijken is ook zichtbaar.

De standaard melding is dus wel handig en verder niet storend voor de klant.

Doorgaan naar de winkelmandpagina

Een andere standaard optie in WooCommerce, is dat je klanten direct door kunt sturen naar de winkelmandpagina.

Je krijgt dan geen melding zoals hierboven te zien, maar wordt direct de winkelmand in geforceerd.

Wanneer je een webshop hebt met meerdere producten kan dit snel als storend ervaren worden.

Heb je echter enkele producten die mensen afzonderlijk van elkaar kopen, dan kan het een handige toevoeging zijn.

Om klanten direct naar de winkelmandpagina te sturen, moet je naar “WooCommerce -> Instellingen -> Producten -> Algemeen” gaan.

Op deze pagina vind je de optie “‘Voeg toe aan winkelmand-functionaliteit”.

Naast de zin “Na succesvolle toevoeging gelijk doorsturen naar de winkelmandpagina” kun je een vinkje plaatsen om ervoor te zorgen dat klanten direct worden doorgestuurd naar de winkelmandpagina.

De andere optie die je hier ziet staan heeft geen invloed op dit proces.

Je kan hiermee bepalen of de winkelmand knoppen zichtbaar of verborgen zijn op archiefpagina’s.

Doorgaan naar afrekenen in WooCommerce

Persoonlijk vind ik de stap “in winkelmand” in bepaalde situaties onnodig.

Het is gelukkig mogelijk om nog een stap verder te gaan dan de standaard opties in WooCommerce.

Wanneer je slechts een aantal producten verkoopt, kan het een handige optie zijn om ervoor te zorgen dat klanten direct doorgaan naar de afrekenpagina.

Op deze manier heb je zo min mogelijk tussenstappen en dus afleidingen voor de klant.

Ik zal je hieronder twee manieren laten zien hoe je dit kunt bereiken.

Doorgaan naar afrekenen met WooCommerce opties

Voor deze manier gebruik je eigenlijk toch de basismogelijkheden van WooCommerce, alleen dan op een slimme manier waar je normaal niet snel aan denkt.

De eerste stappen zijn hetzelfde als het doorsturen naar de winkelmandpagina.

Ga dus naar “WooCommerce -> Instellingen -> Producten -> Algemeen” en zet een vinkje bij “Na succesvolle toevoeging gelijk doorsturen naar de winkelmandpagina”.

Je moet er nu alleen nog voor zorgen dat de klant niet naar de winkelmandpagina gaat, maar de afrekenpagina.

Je kunt dit doen door naar “WooCommerce -> Instellingen -> Geavanceerd -> Pagina-instellingen” te gaan.

De truc is om hier de winkelmandpagina om te toveren naar de afrekenpagina.

Je kunt niet de afrekenpagna tegelijkertijd aan de winkelmandpagina koppelen.

De huidige afrekenpagina zal je dus eerst leeg moet halen.

Vervolgens klik je onderaan op “Wijzigingen opslaan”.

Nu kun je jouw oude afrekenpagina toewijzen aan de winkelmandpagina.

Het is een beetje een dirty manier en heeft verder wel een nadeel.

Er bestaat nu geen winkelmandpagina meer.

Bezoekers kunnen het aantal producten dus niet meer verlagen.

Zorg daarom dus ook dat een product alleen per stuk verkocht kan worden als dit in jouw situatie van toepassing is.

Het andere nadeel is dat de tekst van de knop niet wijzigt en er nog steeds “In winkelmand” staat.

Je kunt dit wijzigen in de vertaling.

Hoe je dit kunt doen zie je in het artikel WooCommerce in het Nederlands.

Hoewel alles dus al wel in het Nederlands is, kun je dit artikel alsnog gebruiken om te achterhalen hoe je het kunt wijzigen.

Winkelmand en afrekenen op één pagina

Om mensen toch het productaantal op de afrekenpagina te laten wijzigen, kun je nog een stap verder gaan en ook de winkelmand op de afrekenpagina plaatsen.

De afrekenpagina hebben we dus ingesteld als winkelmandpagina.

Ga naar je afrekenpagina en voeg de volgende shortcode bovenaan toe:[woocommerce_cart]

Wanneer je de blok editor gebruikt, dan zal het eruit komen te zien zoals hieronder:

Klik vervolgens op de knop “Updaten” om de pagina up-to-date te brengen.

Vanaf nu staan jouw winkelmand op de afrekenpagina.

Doorgaan naar afrekenen met behulp van een plugin

Wanneer je niet alle pagina’s op een aparte manier wilt instellen in WooCommerce, kun je ook een extra WordPress plugin installeren.

De plugin die je hiervoor kunt gebruiken heet: WooCommerce Direct Checkout.

Zodra je de plugin hebt geïnstalleerd en geactiveerd, kun je naar “WooCommerce -> Instellingen -> Direct checkout” gaan om alles naar wens in te stellen.

Het tabblad “General” is het belangrijkst.

Bij “Add to Cart redirect” kun je voor de optie Yes kiezen.

Vervolgens kun je bij “Added to cart redirect to” kiezen voor Checkout.

Je zorgt met deze twee opties dat de “In winkelmand” knop op productpagina’s altijd naar de afrekenpagina redirect.

Nu kan ik mij heel goed voorstellen dat je de tekst “In winkelmand” niet meer van toepassing vindt door deze optie.

Op de tabbladen Archives en Products kun je dit wijzigen door bij “Replace Add to cart text” te kiezen voor Yes.

Vervolgens kun je bij “Replace Add to cart text content” de tekst wijzigen van deze knop.

Verder heb je bij het tabblad “Checkout” ook nog de nodige opties waar je wellicht iets aan hebt.

Zo kun je onder andere overbodige velden, de privacy policy en algemene voorwaarden tekst weghalen, het verzendadres uitschakelen (voor als je digitale producten hebt) en de gateway icoontjes verwijderen.

Conclusie

Met de standaard opties van WooCommerce kun je al een heel eind komen.

Zo kun je probleemloos klanten direct doorsturen naar de winkelmand en met een omweg zelfs direct naar de afrekenpagina.

Wanneer deze manier teveel nadelen heeft voor jouw webshop of als je liever voor meer gebruikersgemak gaat, dan is de plugin WooCommerce Direct Checkout de beste optie.

Ik hoop in elk geval dat het met behulp van dit artikel gelukt is om te realiseren wat je wilde bereiken.

De shop begint inmiddels al wat te worden en heb wat geexperimenteerd met de winkelmand bekijken overslaan.

Echter blijft nu na het bestellen van een product wel de knop "bekijk winkelmand" staan.

Raar he, het moet toch ergens vandaan komen.

DirectAdmin is niet echt bedoeld voor programmeren en het aanpassen van code.

Niet de verkeerde plek, maar de editor is niet bedoeld voor het grove aanpas werk.

Gebruik gewoon (S)FTP. Dan kan je makkelijk ook bestanden downloaden als backup.

Phoe..... dat is wel aardig wat bij elkaar wat jullie daar roepen.

Dit kan dus echt niet? Niet dat ik niet welwillend ben hoor maar ik wil gewoon een (kleine) aanpassing aan tekst van een knop doen en meer niet.

Dit kan dus echt niet? Je gaat ook niet in een nauwe garage sleutelen aan je auto, met een minimale gereedschapset naast je.

Dan ga je liever naar een ruime garage toe waar ze alle apparatuur hebben staan, zoals een brug, krik, banden balanceerapparaat, compressor etc....

ftp is niet zo heel moeilijk.

WooCommerce heeft nu eenmaal standaard dingen die soms best onhandig veranderd kunnen worden.

Ik heb op mijn webshop mijn diensten die ze kunnen aanschaffen zo ingesteld dat ze gelijk naar de winkelmand gaan en de klant ziet gelijk de winkelmand.

Maar daar staat dan wel een knop "verder winkelen" bij.

Ik zie verder geen andere tekst.

Extra tonen en praktische tips

Vervolgens kun je de vertaling van knopteksten aanpassen zodat de knoptekst overeenkomt met de gewenste flow.

De shortcode [woocommerce_cart] zorgt ervoor dat op de afrekenpagina de winkelwagen aanwezig is.

Als je liever alles op één pagina houdt, kun je ook experimenteren met het plaatsen van de winkelwagen op de afrekenpagina.

Controleer altijd of de shortcode correct wordt weergegeven en of de permalinks goed staan.

tags: #woocommerce #voeg #toe #aan #winkelmand #op