WooCommerce gerelateerde producten

Gerelateerde producten kom je op veel webshops tegen op de productpagina. Best logisch, want als je interesse in het ene product hebt, kan het best zijn dat je ook interesse hebt in een ander product die hierop lijkt of ermee te maken heeft.

In WooCommerce zit een ingebouwde functionaliteit waarmee je zelf gerelateerde kunt toevoegen aan jouw webshop. In het geval van WooCommerce zijn er twee soorten gerelateerde producten, namelijk up-sells en cross-sells

In dit artikel leg ik je uit hoe je gerelateerde producten kunt instellen in WooCommerce. Mocht je juist gerelateerde producten willen uitschakelen op jouw webshop, dan laat ik je ook zien hoe je dit kunt doen.

Wat zijn gerelateerde producten?

Gerelateerde producten zijn producten die een handige toevoeging zijn voor het product waar de klant naar aan het kijken, maar het kan ook een betere (duurdere) versie van het product zijn.

Stel je verkoopt een wasmachine, dan zou je een droogrek als gerelateerd product kunnen laten zien of een tussenstuk zodat de droger er goed op kan staan.

Een ander soort gerelateerd product, is een product dat erop lijkt of erbij hoort. Verkoop je bijvoorbeeld boeken, dan kan het heel goed zijn dat een boek van dezelfde schrijver of uit dezelfde reeks ook interessant is voor de bezoeker.

Tot slot kun je ook vergelijkbare producten tonen uit een andere prijsklasse. Heeft een klant interesse in een bepaalde droger? Door ongeveer dezelfde droger te tonen die net iets meer kan, kun je jouw bezoeker wellicht verleiden om deze duurdere droger te kopen.

Gerelateerde producten zijn dus een manier om extra producten te verkopen. Je kunt er klanten aan herinneren dat een ander product ook handig is om te hebben naast het product waar al interesse voor is of juist overtuigen dat een duurder product wellicht nog beter geschikt is.

Gerelateerde producten in WooCommerce

Om gerelateerde producten in WooCommerce in te stellen, moet je naar de bewerkpagina van een product gaan. Op de bewerkpagina kun je vervolgens naar de box “Productgegevens” gaan en op het tabblad “gerelateerde producten” klikken.

Gerelateerde producten optie in WooCommerce

Zoals je hierboven kunt zien heb je twee verschillende mogelijkheden. Je kunt upsells en cross-sells gerelateerde producten toevoegen.

Ik zal je uitleggen wat het verschil tussen beide is, dit is tenslotte wel zo handig om te weten voordat je alles netjes invult bij al je producten.

Wat zijn Upsells in WooCommerce?

Upsells kun je zien als andere suggesties die je op de productpagina kunt zetten. Over het algemeen voeg je bij upsells producten toe die een upgrade zijn ten opzichte van het product dat bekeken wordt. Het zijn dus duurdere of betere varianten.

Upsells in WooCommerce

Wanneer een klant na het zien van een duurder en beter product wisselt van product, kun je meer met de verkoop verdienen.

Waar upsells getoond worden op de productpagina hangt van het thema af waar je gebruik van maakt. Over het algemeen is het onder de productbeschrijving, maar het kan ook aan de zijkant te zien zijn.

Wat zijn Cross-sells in WooCommerce?

Cross-sells kun je gebruiken om gerelateerde producten te tonen die een toevoeging zijn op het product dat een bezoeker wilt kopen. Cross-sells worden in WooCommerce niet op de productpagina getoond, maar op de winkelmandpagina.

Cross-sells in WooCommerce

Een cross-sell kun je dus eigenlijk zien als iets wat je kunt gebruiken om een klant op het laatste moment te verleiden om nog iets extra’s te kopen. Je kunt je klanten hiermee dus verleiden tot een impulsaankoop net voordat er afgerekend gaat worden.

Gerelateerde producten instellen

Ik hoop dat het je ondertussen duidelijk is geworden wat upsells en cross-sells zijn en wanneer je welke van de twee kunt gebruiken.

Gerelateerde producten toevoegen aan een product in WooCommerce

Om deze gerelateerde producten toe te voegen moeten we dus naar de bewerkpagina van een product. Vervolgens is het een kwestie van een productnaam invoeren en het juiste product selecteren.

Vergeet tot slot niet om op bijwerken te klikken en je gerelateerde producten zijn succesvol toegevoegd.

Ik zie ook nog andere gerelateerde producten

Het kan heel goed zijn dat je gerelateerde producten ziet terwijl je er niet eens iets voor hebt ingesteld. Best gek, ik weet het. Dat je deze producten ziet komt door het thema waar je gebruik van maakt.

Extra gerelateerde producten die getoond worden door het thema

Sommige thema’s hebben een gerelateerde producten sectie waarin je producten ziet die dezelfde categorieën of tags hebben als het product dat je bekijkt.

Je kunt deze producten niet aanpassen in het beheerdersgedeelte van WooCommerce. Je hebt los van het plaatsen van de producten in dezelfde categorieën en tags geen invloed. Wel is het mogelijk om deze gerelateerde producten uit te schakelen.

WooCommerce gerelateerde producten uitschakelen

Het eerste wat ik zelf zou doen als mijn thema gerelateerde producten toont en ik deze wil uitschakelen, is kijken in de thema instellingen of er de mogelijkheid is om gerelateerde producten uit te schakelen.

Is dit niet het geval? Zonde, dit was het makkelijkst geweest, maar er zijn gelukkig nog wel andere methodes.

Wanneer het thema netjes geprogrammeerd is op de juiste WooCommerce-manier, dan kun je de automatisch gegenereerde gerelateerde uitschakelen met onderstaande code:

/**
 * Verwijder gerelateerde producten output
 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Deze code kun je het beste plaatsen met behulp van de code snippet plugin. Een andere optie is om het in het functions.php-bestand van je child thema te verwerken.

Je kunt het ook altijd met CSS code weghalen. De gerelateerde producten staan dan nog wel in de broncode van je website, alleen zullen bezoekers dit niet meer zien. De code die hier vaak voor werkt is:

.related.products {
  display: none;
}

Werkt bovenstaande code niet op jouw website? Vermoedelijk heeft het thema dan andere CSS-classes ingesteld. Je zal dan moeten bekijken welke CSS class het is en de bovenstaande code ietsjes moeten aanpassen aan de hand van de CSS class die gebruikt wordt.

Conclusie

Ik hoop dat alles je duidelijk is geworden en dat het toevoegen van gerelateerde producten aan jouw webshop geen enkel probleem is voor jou.

In WooCommerce heb je de mogelijkheid om upsells en cross-sells toe te voegen. Upsells zijn vaak de betere en duurdere producten die je op de productpagina kunt tonen. Cross-sells zijn producten die een toevoeging zijn op het product in de winkelmand en worden op de winkelmandpagina getoond.

Zie je op jouw webshop nog meer gerelateerde producten. Grote kans dat dit door het thema komt waar je gebruik van maakt. Invloed heb je niet echt, maar het is wel mogelijk om het uit te schakelen.

Wanneer je vragen hebt over het instellen van gerelateerde producten op jouw webshop, laat dan gerust hieronder een reactie achter.

Geef een reactie