Woocommerce Shortcodes – WooCommerce heeft diverse shortcodes die je op de pagina’s van je webshop kunt gebruiken om bijvoorbeeld een bepaald product, alle aanbiedingen, alle bestsellers of een specifieke categorie te tonen. Shortcodes zijn enorm handig, je verbetert er je pagina’s mee en je kunt er tevens mooie landingspagina’s mee aanmaken. Omdat ik altijd vergeet hoe de shortcode er precies uitziet, heb ik een aantal veelgebruikte shortcodes op een rijtje gezet.

WooCommerce Shortcodes

Let op: wanneer je één van de bovenstaande codes in je webshop op een pagina plaatst moet je hier altijd nog [ ] tekens bij plaatsen. Je begint dus met [ dan de shortcode en deze sluit je ook af met ].

Nieuw toegevoegde producten: onderstaande code toont 15 producten in 3 kolommen. De getallen kun je naar eigen wens aanpassen.
recent_products per_page="15" columns="3"

Featured products of uitgelichte producten: ook bij deze code geldt dat genoemde waarden aangepast kunnen worden.
featured_products per_page="12" columns="4"

1 of meerdere producten, gekozen op id:
product id="15"

products ids="1, 2, 3, 4, 5"

De prijs en toevoegen aan winkelwagen van 1 product:
add_to_cart id="99"

1 of meerdere categorieën:
product_category category="categorienaam-als-in-slug"

product_categories number="12" parent="0" ids="1, 2, 3, 4, 5"

Nog meer shortcodes (ook deze codes moeten worden voorzien van [ en ] bij gebruik in je WooCommerce webshop):

  • woocommerce_cart – laat de winkelwagen zien
  • woocommerce_checkout – laat de checkout pagina zien
  • woocommerce_order_tracking – laat een order tracking pagina zien
  • woocommerce_my_account – laat de accountpagina van een gebruiker zien
  • woocommerce_edit_account – Wijzig accountinformatie
  • woocommerce_change_password – Laat het wachtwoord van een gebruiker wijzigen
  • woocommerce_view_order – Laat een gebruiker zien welke bestellingen er zijn geplaatst
  • woocommerce_logout – pagina om uit te loggen
  • woocommerce_pay – Afrekenpagina
  • woocommerce_thankyou – Bedankt-pagina dat bestelling is ontvangen
  • woocommerce_lost_password – Pagina om het wachtwoord op te vragen
  • woocommerce_edit_address – shows the user account edit address page

Bekijk alle WooCommerce shortcodes

WooCommerce plug-ins voor shortcodes

Vind jij het net als ik lastig om al die shortcodes te onthouden of moet je ze telkens weer opzoeken? Dan heb ik goed nieuws, want er zijn plug-ins die het werken met WooCommerce een stuk makkelijker maken.

  • WooCommerce Shortcodes: gratis plug-in van WooThemes die een knop toevoegt aan de TinyMCE editor waarmee je direct shortcodes kunt invoeren.
  • Woocommerce shortcodes for Visual Composer: Visual Composer is zelf al een superfijne editor en met deze plug-in (te koop op ThemeForest) voeg je direct de WooCommerce codes toe aan Visual Composer
  • Woocommerce ShortCodes Products By Categories: deze plug-in breidt de shortcodes voor bestsellers, nieuwe producten etc uit, zodat je deze ook per categorie kunt tonen. Hiermee kun je dus alleen de nieuwe producten uit categorie A laten zien of de bestsellers uit categorie B.

Het gebruik van shortcodes vind ik een groot voordeel van WooCommerce. Het biedt mooie mogelijkheden om je eigen webshop helemaal naar je eigen smaak in te richten en ook is het heel fijn om landingpagina’s op maat te maken. Kortom, ik raad shortcodes altijd aan en hoop dat ik je met bovenstaande informatie hiermee een stukje op weg heb geholpen.

 

Geef een reactie