WooCommerce valutatekens verwijderen of aanpassen voor een hogere conversie

In dit artikel laat ik zien hoe je de weergave van de prijzen/valutasymbolen in je WooCommerce webshop aanpast. Dit ‘trucje’ kan namelijk, afhankelijk van je sector, product en klant, leiden tot een hogere conversie.

Het bepalen van de juiste prijs(weergave) van producten is voor veel ondernemers een lastig punt. Er zijn een hoop studies die laten zien dat het toepassen van bepaalde ‘trucjes’ met de weergave van prijzen kan leiden tot een hogere verkoop. Het aanpassen/verwijderen van valutasymbolen is daar één van.

Is het je bijvoorbeeld wel eens opgevallen dat grote webshops als Coolblue en Bol.com geen valutatekens bij de prijzen laten zien? Deze grote webshops voeren continu A/B tests uit met verschillende layouts en visuele trucjes om zo te kijken hoe ze de verkoop kunnen bevorderen.

Zij hebben na tests bewust het euroteken weggelaten, en wel om een hele simpele reden: het zien van een euroteken doet ‘pijn’, ons brein weet direct dat we moeten betalen. En niemand vindt betalen leuk. Daarom hebben ze de pijn van de aankoop verzacht door het euroteken weg te halen.

Met onderstaande code-snippets, die je in je functions.php bestand of site-specifieke plugin plaatst, pas je de weergave van de prijs aan voor WooCommerce producten.

Lees hier hoe je code snippets op de juiste manier toevoegt aan je website.
Lees hier hoe je een site specifieke plugin maakt.

Alle valutasymbolen verwijderen

Met deze code-snippet verwijder je alle valutasymbolen die je gebruikt in je WooCommerce webshop, op zowel de shop-pagina’s als de product detailpagina’s.

/**
 * Remove all WooCommerce currency symbols
 */
function wpsimpel_remove_wc_currency_symbols( $currency_symbol, $currency ) {
	$currency_symbol = '';
	return $currency_symbol;
}

add_filter('woocommerce_currency_symbol', 'wpsimpel_remove_wc_currency_symbols', 10, 2);

Valutasymbolen aanpassen in plaats van verwijderen

Wanneer je bijvoorbeeld meerdere valuta gebruikt in je webshop is het aan te raden om de valutasymbolen wel te laten staan om verwarring te voorkomen. Je kan in dat geval het valutasymbool beter aanpassen dan deze te verwijderen.

Met onderstaande code-snippet verander je het euroteken (€) in EUR. Gebruik je een andere valuta op je webshop, en wil je weten welke code bij welk valuta hoort, dan vind je op Github een lijst van valuta die WooCommerce gebruikt.

/**
 * Change the EUR currency symbol
 */
function wpsimpel_change_wc_currency_symbol( $currency_symbol, $currency ) {
	switch( $currency ) {
		case 'EUR' : 
			$currency_symbol = 'EUR';
		break;
	}
	return $currency_symbol;
}

add_filter('woocommerce_currency_symbol', 'wpsimpel_change_wc_currency_symbol', 10, 2);

Gebruik je op je webshop meerdere valuta, dan kan je bovenstaande functie uitbreiden. Met onderstaand voorbeeld verander je naast de Euro ook het valutateken van de Britse Pond.

/**
 * Change the EUR currency symbol
 */
function wpsimpel_change_wc_currency_symbol( $currency_symbol, $currency ) {
	switch( $currency ) {
		
		case 'EUR' : 
			$currency_symbol = 'EUR';
		break;
		
		case 'GBP' : 
			$currency_symbol = 'GBP';
		break;
	}
	return $currency_symbol;
}

add_filter('woocommerce_currency_symbol', 'wpsimpel_change_wc_currency_symbol', 10, 2);

Onderstaand het resultaat; de Euro-tekens zijn vervangen door EUR.

Om het af te maken kan je nog een spatie tussen het valutasymbool en het bedrag plaatsen. Hier heb je geen code-snippet voor nodig; dit kan eenvoudig via de instellingen van WooCommerce.

1. Log in op de wp-admin van je webshop en ga naar WooCommerce > Instellingen > Algemeen (tabblad) en scroll naar beneden tot je bij het kopje Valuta-opties bent.
2. Kies bij de optie Positie van valutasymbool voor de optie Links met spatie of Rechts met spatie en sla de wijzigingen op.