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.

Coolblue toont geen euroteken bij zijn prijzen
Coolblue
Bol.com toont geen euroteken bij zijn prijzen
Bol.com

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);
Valutatekens verwijderen in WooCommerce voor een hogere conversie
Weergave van de prijs van een product zonder valutasymbool.

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.

Valutatekens aanpassen in WooCommerce voor een hogere conversie

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.

Beoordeel deze post:

Gemiddeld: 5 / 5. Aantal beoordelingen: 2

Nog geen beoordelingen

Whoops! 😔

Zou je ons willen laten weten hoe we (deze post) kunnen verbeteren?

Reacties

10 reacties op "WooCommerce valutatekens verwijderen of aanpassen voor een hogere conversie"

  1. Ik heb het valuta-symbool verwijderd bij de producten (zowel op de categorie-pagina als product-pagina). Echter zou ik wel graag willen dat deze getoond worden in de check-out. Is dit mogelijk?

    1. Hoi Vincent,

      Dit kan zeker. Je moet dan de volgende code gebruiken:

      /**
      * Remove WooCommerce currency symbols except from checkout page.
      */
      function wpsimpel_remove_wc_currency_symbols( $currency_symbol, $currency ) {

      if ( !is_checkout() ) { // if is NOT checkout page
      $currency_symbol = ”;
      }
      return $currency_symbol;
      }

      add_filter(‘woocommerce_currency_symbol’, ‘wpsimpel_remove_wc_currency_symbols’, 10, 2);

  2. Hoi Justin,

    Bedankt voor je reactie! Ik heb het stukje code gekopieerd en toegevoegd aan de functions.php map. Helaas werkt dit niet. Ik zie nu overal het euro-teken weer terug. Enig idee wat hier fout gaat?

    1. Hoi Vincent,

      Ik heb onderstaande code getest en dit zou moeten werken. Heeft de originele code (zonder if statement) wel gewoon gewerkt?

      function wpsimpel_remove_wc_currency_symbols( $currency_symbol, $currency ) {

      if ( !is_checkout() ) {
      $currency_symbol = '';
      }
      return $currency_symbol;
      }

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

    1. Hoi Dennis,

      Dit kan zeker! Ik moest ook even zoeken, maar ik heb uiteindelijk een code snippet gevonden waarmee je de decimalen verwijdert wanneer dit ,00 is, en vervangt met bijvoorbeeld ,-.

      Ik heb naar aanleiding van je vraag dit artikel geschreven, waarin de laatste code snippet antwoord geeft op je vraag.

  3. Is het ook mogelijk dat bij de mini cart die rechts in je scherm komt dit in orde te maken? Ik heb nu het volgende:

    function wpsimpel_remove_wc_currency_symbols( $currency_symbol, $currency ) {

    if ( !is_checkout() && !is_cart() ) {
    $currency_symbol = ”;
    }
    return $currency_symbol;
    }

    add_filter(‘woocommerce_currency_symbol’, ‘wpsimpel_remove_wc_currency_symbols’, 10, 2);

    /**
    * Replace ‘zero decimals’ with ‘,-‘ on WooCommerce
    * product prices.
    */
    function wpsimpel_remove_zero_decimals( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {

    if ( $price – intval( $price ) == 0 ) {
    // Format units, including thousands separator if necessary.
    return $unit = number_format( intval( $price ), 0, $decimal_separator, $thousand_separator ) . ‘,-‘;
    }
    else {
    return $formatted_price;
    }
    }

    add_filter( ‘formatted_woocommerce_price’, ‘wpsimpel_remove_zero_decimals’, 10, 5 );

    Maar de mini cart blijft nog steeds zonder euro teken, kan iemand helpen 🙂

    1. Hoi Thomas, in je eerste functie zegt je conditional statement dat alle pagina’s behalve de cart- en checkout pagina géén eurotekens moeten hebben.

      Ik heb even getest met het thema Storefront, maar ook in de mini-cart worden de eurotekens volgens het conditional-statemement weggehaald. Het ligt er even aan hou jouw thema/plugin die de mini-cart toont werkt…

  4. Hi Justin,

    Hartstikke bedankt voor dit super snelle antwoord! Zelf ben ik niet goed in php, dus het is zeer waarschijnlijk niet goed gedaan 🙂 Maar wat wij willen is dat de euro tekens op de website weg zijn, behalve in de winkelmand, mini winkelmand en checkout. En overal willen we ,- achter gezet hebben, het enige wat nu niet werkt met de code zoals ik hem heb omschreven is dat in de mini cart het euro teken niet staat. Wat doe ik fout 🙂

    Thanks alvast!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.