WordPress WooCommerce Shortcodes: Alles wat je moet weten & handige lijst

WooCommerce shortcodes zijn een van de meest veelzijdige functies van het platform. Ze stellen ons in staat om een meer dynamische ervaring voor eindgebruikers te creëren. Ze kunnen je helpen om snelkoppelingen aan je winkel toe te voegen zodat je bezoekers een zo naadloos mogelijke ervaring hebben. En dat is altijd het einddoel: dingen gemakkelijker maken voor je bezoekers.

Een angst die alle website-eigenaren hebben, is dat hun aanbod er qua lay-out afgezaagd uitziet. Als je een online winkel hebt, is het nog zorgwekkender, omdat het direct kan leiden tot slechtere verkopen. Naast een goed ontwerp is het toevoegen van snelkoppelingen echter een andere manier om een WooCommerce winkel op te fleuren.

Wat zijn WooCommerce Shortcodes?

Het zijn kleine stukjes code die je overal op een pagina kunt plaatsen en die visueel aantrekkelijke snelkoppelingen bieden. Ze kunnen je gebruikers helpen om gemakkelijker toegang te krijgen tot:

• Oproepen tot actie
• Pagina's in de winkel (zoals het winkelwagentje of het gedeelte voor het volgen van bestellingen)
• Specifieke producten die je op de markt wilt brengen

WooCommerce-snelcodes toevoegen

Hoewel de term technisch klinkt, is het beste aan WooCommerce shortcodes dat je ze moeiteloos kunt toevoegen. Je hoeft niet eens te weten hoe je moet coderen. Dankzij Gutenberg hoef je de shortcode alleen maar in te voegen (kopiëren+plakken) in een "Shortcode"-blok of paginabouwer.

Je kunt verschillende shortcodes invoegen op één pagina en meerdere shortcodes naast elkaar plaatsen.

De essentiële plugins

Hoewel WooCommerce zijn eigen set heeft, zijn er een paar plugins die je toegang geven tot nog meer shortcodes. Ga naar het WooCommerce admin dashboard en je vindt Plugin > Add New aan de rechterkant. Daar kun je de onderstaande plugins toevoegen.

• WooCommerce Snelle weergave Pro. Installeer dit op je WordPress site en je krijgt automatisch nieuwe knoppen voor snelle weergave op je front-end lay-out. Hiermee kunnen bezoekers details zoals attributen en variaties bekijken en producten aan hun winkelwagen toevoegen zonder de huidige pagina te verlaten.
• WooCommerce Producttabel. Met deze plugin kun je de [product_table] shortcode gebruiken, waarmee je lay-outs kunt gebruiken naast het standaard raster van WooCommerce. Het is een goede keuze als je meer producten per pagina wilt tonen.
• WooThemes' WooCommerce Shortcodes. Nadat je deze hebt geïnstalleerd en geactiveerd, voegt deze plugin een TinyMCE drop-down knop toe aan je teksteditor met eenvoudige toegang tot alle ingebouwde shortcodes. Dit bespaart je veel tijd, omdat je niet telkens shortcodes hoeft te kopiëren en plakken als je ze gebruikt.

Hieronder vind je een aantal van de handigste shortcodes, onderverdeeld in drie hoofdcategorieën: pagina's, productweergave en acties.

1. Shortcodes naar pagina's

Maak het je klanten makkelijker door ze toegang te geven tot essentiële pagina's zonder dat ze de pagina hoeven te verlaten waar ze op dat moment doorheen navigeren.

• Mijn account. Voeg de WooCommerce Mijn account overal op de site toe via de shortcode.
• Winkelwagen. Toon het gepersonaliseerde winkelwagentje van je klant op WordPress pagina's, posts, widgets en zijbalken met de shortcode.
• Afrekenen. Voeg de afrekenpagina waar je maar wilt in (bijvoorbeeld onder een producttabel) met behulp van de shortcode.
• Bestellingen bijhouden. De functie voor het bijhouden van bestellingen wordt niet meegeleverd met WooCommerce, maar je kunt deze zelf toevoegen door een nieuwe pagina te maken en de snelkoppeling in de teksteditor toe te voegen. Je kunt het ook op elke andere plaats toevoegen.

Hier zijn de voorbeeld shortcodes:

2. Productweergave

Toon producten op verschillende criteria met de volgende WooCommerce shortcodes:

Categorieën. Vermeld de productcategorieën (niet de artikelen) overal op uw site

3. Acties

Maak het klanten gemakkelijk om acties te ondernemen zonder hun huidige pagina's te verlaten:

• Toevoegen aan winkelwagentje. Plaats een knop voor een specifiek item waar je maar wilt. Vergeet niet de juiste code voor het product toe te voegen, zoals
• Product zoeken. Voeg een live zoekfunctie met live filterfaciliteiten toe waar je maar wilt op je site, of het nu pagina's of berichten zijn met de shortcode.

Problemen oplossen

On occasion, you'll find that you've pasted WooCommerce shortcodes correctly into the text editor, but it doesn't look right on the front-end. When this happens, head to the HTML text editor and make sure you didn't accidentally embed with <pre> tags.

Conclusie

Bij Bright Vessel zijn we al bijna 20 jaar gespecialiseerd in het ontwerpen van WordPress, met de nadruk op WooCommerce. Wij zijn de beste optie als het gaat om het maken van een geweldige e-commerce oplossing voor jouw merk. Neem contact met ons op om te bespreken hoe we je kunnen helpen bij het maken van de perfecte WooCommerce winkel op maat van de specifieke behoeften van jouw bedrijf.