Er zijn altijd verbeteringen mogelijk in de functionaliteit van je WooCommerce webshop. Soms gaat het maar om hele kleine aanpassingen en dan zijn deze vaak op te lossen via snippets. Sinds wij snippets hebben ontdekt zijn we hier fan van en we delen dan ook graag onze favoriete snippets met jou! De snippets die we hebben geselecteerd zijn allemaal van toepassing op WooCommerce webshops.
Wat zijn code snippets?
Snippets zijn kleine stukjes code die de werking van je webshop veranderen. Je gebruikt snippets om een functionaliteit toe te voegen die nog niet bestaat of om een functionaliteit aan te passen in je thema. Eigenlijk is een snippet een mini plug-in die minder invloed heeft op de snelheid van je webshop.
Elke snippet is een los op zichzelf staand stukje code. Je kunt ze aan of uitzetten met één klik en als er iets misgaat, schakel je simpelweg de snippet weer uit. Er zijn PHP-snippets, HTML-snippets, CSS-snippets en JS-snippets die je in je hele webshop kunt draaien, of alleen front-end of back-end.
Overtuigd van het gemak van snippets? Dan wordt het tijd om ze te gaan inzetten.
Hoe installeer je snippets?
Er zijn 2 manieren om snippets te installeren en het is afhankelijk van je technische kennis welke manier je kiest.
- Download en installeer de plug-in Code Snippets. Dit is verreweg de makkelijkste methode. Na het activeren van de plug-in zie je in het menu van je dashboard het menu-item Snippets staan. Hier kun je eenvoudig nieuwe snippets toevoegen. Je kunt hierbij kiezen om de snippets voor je hele webshop te laten uitvoeren of alleen voor de backend of voorkant van je webshop. Deze manier van snippets toevoegen is voor iedereen goed uit te voeren.
- Voeg de code direct toe aan het functions.php bestand. Hiervoor heb je een FTP programma nodig en is het wel handig als je een beetje kennis hebt van programmeren. Het nadeel van deze manier is dat je snippets verdwijnen zodra je je WordPress thema update. Een manier om dit te voorkomen is eerst een child theme te maken en de snippets in de functions.php van dit child theme te plaatsen. Bij thema updates blijven je snippets dan gewoon aanwezig.
Nu we weten hoe we snippets aan een WooCommerce webshop kunnen toevoegen is het tijd om enkele snippets met je te delen.
Badge Nieuw! bij nieuwe producten
Bij producten in de uitverkoop zie je al een badge met sale staan. Deze snippet zorgt ervoor dat ook bij nieuwe producten een badge met de tekst Nieuw! verschijnt.
/**
* @snippet Badge Nieuw bij nieuwe producten
* @sourcecode https://businessbloomer.com/?p=86570
* @author Rodolfo Melogli
* @nl-version INNONET - www.innonet.nl
*/
add_action( 'woocommerce_before_shop_loop_item_title', 'inno_new_badge_shop_page', 3 );
function inno_new_badge_shop_page() {
global $product;
$newness_days = 20;
$created = strtotime( $product->get_date_created() );
if ( ( time() - ( 60 * 60 * 24 * $newness_days ) ) < $created ) {
echo '<span class="itsnew onsale">' . esc_html__( 'Nieuw!', 'woocommerce' ) . '</span>';
}
}Nog meer WooCommerce snippets
Of neem eens een kijkje op onderstaande websites waar veel snippets te downloaden zijn.
Zoals bij alles geldt wel dat je alleen die snippets installeert die je ook daadwerkelijk gebruikt.
Snippets via AI-code (update mei 2026)
Dankzij AI-tools als ChatGPT en Claude is het steeds eenvoudiger om code zelf te programmeren. Snippets zijn hierbij ideaal, omdat het korte stukjes code zijn die AI-tools vaak probleemloos kunnen schrijven. Zoek jij dus een bepaalde functionaliteit die niet in jouw thema aanwezig is en kun je die ook niet vinden bij de WordPress-plugins of op een van de bovenstaande websites, dan kun je altijd nog proberen om deze zelf te laten schrijven. En heb je wel een snippet gevonden, maar doet die net niet helemaal precies wat je wilt? Dan kan je natuurlijk ook via een AI-tool vragen om die snippet iets aan te passen.
