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 een dynamischere ervaring voor eindgebruikers te creëren. Ze kunnen je helpen snelkoppelingen aan je winkel toe te voegen, zodat je bezoekers een zo soepel mogelijke ervaring hebben. En dat is altijd het einddoel: het je bezoekers zo gemakkelijk mogelijk maken.

Een angst die alle website-eigenaren hebben, is dat hun aanbod er qua lay-out saai uitziet. Als je een webshop runt, is dat nog zorgwekkender, omdat het direct kan leiden tot slechtere verkopen. Naast een goed ontwerp is het toevoegen van snelkoppelingen echter ook een manier om de boel in 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 uw bestelling)
• Specifieke producten die u op de markt wilt brengen

WooCommerce-shortcodes toevoegen

Hoewel de term technisch klinkt, is het beste van WooCommerce shortcodes dat ze moeiteloos toe te voegen zijn. Je hoeft niet eens te kunnen programmeren. Dankzij Gutenberg is het proces slechts het invoegen (oftewel kopiëren en plakken) van de shortcode in een "Shortcode"-blok of paginabuilder.

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

De essentiële plug-ins

Hoewel WooCommerce een eigen set heeft, zijn er een paar plugins die je toegang geven tot nog meer shortcodes. Ga naar het beheerdersdashboard van WooCommerce en je vindt Plugin > Nieuw toevoegen aan de rechterkant. Je kunt de onderstaande plugins daar direct toevoegen.

• WooCommerce Snel overzicht Pro. Installeer dit op je WordPress-site en je krijgt automatisch nieuwe snelweergaveknoppen in je front-end. Hiermee kunnen bezoekers details zoals kenmerken en variaties bekijken en producten aan hun winkelwagen toevoegen zonder hun huidige pagina te verlaten.
• WooCommerce Producttabel Met deze plugin kun je de shortcode [product_table] gebruiken, waarmee je lay-outs kunt gebruiken naast het standaardraster van WooCommerce. Dit is een uitstekende keuze als je meer producten per pagina wilt weergeven.
• WooCommerce-shortcodes van WooThemes Nadat je de plugin hebt geïnstalleerd en geactiveerd, voegt deze een TinyMCE-dropdownknop toe aan je teksteditor met eenvoudige toegang tot alle ingebouwde shortcodes. Dit bespaart je enorm veel tijd, omdat je de shortcodes niet elke keer hoeft te kopiëren en plakken.

Hieronder vindt u enkele van de handigste shortcodes, verdeeld in drie hoofdcategorieën: pagina's, productweergave en acties.

1. Shortcodes naar pagina's

Maak het uw klanten gemakkelijker door ze toegang te geven tot belangrijke pagina's zonder dat ze de pagina hoeven te verlaten waarop ze op dat moment zijn.

• Mijn account Voeg WooCommerce Mijn Account overal op de site toe via de shortcode.
• Winkelwagen Toon het gepersonaliseerde winkelwagentje van uw klant op WordPress-pagina's, berichten, widgets en zijbalken met de shortcode.
• Uitchecken Plaats de betaalpagina waar u maar wilt (bijvoorbeeld onder een producttabel) met behulp van de shortcode.
• Bestelling volgen De ordertrackingfunctie is niet standaard in WooCommerce, maar je kunt deze zelf toevoegen door een nieuwe pagina aan te maken en de snelkoppeling in de teksteditor te plaatsen. Je kunt de snelkoppeling ook op een andere plek toevoegen.

Hier zijn de voorbeeld-shortcodes:

2. Productweergave

Toon producten op basis van verschillende criteria met de volgende WooCommerce-shortcodes:

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

3. Acties

Maak het voor klanten eenvoudig om acties uit te voeren zonder dat ze hun huidige pagina hoeven te verlaten:

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

Probleemoplossing

Soms merk je dat je WooCommerce-shortcodes correct in de teksteditor hebt geplakt, maar dat het er in de front-end niet goed uitziet. Ga in dat geval naar de HTML-teksteditor en controleer of je niet per ongeluk <pre>-tags hebt ingevoegd.

Tot slot

Bij Bright Vessel zijn we gespecialiseerd in WordPress-ontwerp, met een focus op WooCommerce al bijna 20 jaar. Wij zijn de beste keuze als het gaat om het creëren van een geweldige e-commerceoplossing voor uw merk. Neem contact met ons op om te bespreken hoe wij u kunnen helpen bij het maken van de perfecte WooCommerce-winkel, afgestemd op de specifieke behoeften van uw bedrijf.