WooCommerce Shortcodes

WooCommerce Shortcodes

0212 / 250 852 50 Kostenfreies Beratungsgespräch

Shortcodes sind ein extrem nützliches Instrument für jede WordPress-Website: Sie möchten ein Kontaktformular einbinden? Dann müssen Sie sich nicht mit HTML- / PHP-Code rumschlagen, sondern können an der Stelle, an der das Formular erscheinen soll, einen simplen „Shortcode“ platzieren. Ein Shortcode ist ein in eckigen Klammern verwendeter Platzhalter, den WordPress für Sie automatisch durch den dafür angedachten Inhalt austauscht.

Einfach gesagt: Anstatt ein Kontaktformular entwicklen zu müssen, platzieren Sie an der Stelle, wo das Formular erscheinen soll einen Shortcode wie z.B. [formular] und WordPress tauscht diesen Shortcode automatisch durch das gewünschte interaktive Element. In diesem Beitrag behandeln wir die WooCommerce Shortcodes.

Shortcodes für WooCommerce

Neben den WordPress Shortcodes gibt es auch spezielle WooCommerce Shortcodes, mit denen sich viele Darstellungen und Funktionen steuern lassen. Die WooCommerce Shortcodes lassen sich in drei Kategorien unterteilen:

  • Shortcodes für Seiten
  • Shortcodes für Produkte
  • Shortcodes für Produktkategorien

Shortcodes für Seiten

Es gibt einige Shortcodes ohne die WooCommerce nicht richtig funktionieren kann, dazu gehören die folgenden:

[woocommerce_cart] – Zeigt die Warenkorb-Seite
[woocommerce_checkout] – Zeigt die Bestellprozess-Seite
[woocommerce_my_account] – Zeigt die "Mein Konto"-Seite
[woocommerce_order_tracking] – Zeigt ein Bestellstatus-Formular

Bei der Einrichtung der WooCommerce-Erweiterung werden diese Shortcodes üblicherweise automatisch in dafür vorgesehene Seiten platziert.

Warenkorb – [woocommerce_cart]

WooCommerce erstellt eine „Warenkorb“-Seite und hinterlegt dort im Texteditor den Shortcode für [woocommerce_cart], wodurch automatisch der richtige Inhalt (Inhalt Ihres Warenkorbs, eine Funktion zur Gutscheincode-Eingabe, etc.) für diese Seite dargestellt wird.

Bestellprozess – [woocommerce_checkout]

WooCommerce erstellt eine „Checkout“-Seite und hinterlegt dort im Texteditor den Shortcode [woocommerce_checkout]. Auf dieser Seite wird durch den Shortcode dann der Bestellprozess angezeigt, also die Eingabe der Bestelldetails, Auswahl der Zahlungsmethode, etc.

Mein Konto – [woocommerce_my_account]

WooCommerce erstellt eine „Mein Konto“-Seite und hinterlegt dort im Texteditor den Shortcode [woocommerce_my_account]. Auf dieser Seite wird durch den Shortcode dann für angemeldete Benutzer eine Konto-Übersicht angezeigt mit den letzten Bestellungen, Downloads sowie Kontaktdetails. Wenn ein nicht angemeldeter User auf diese Seite kommt, zeigt der WooCommerce Shortcode nur einen Kunden-Login an.

Bestellstatus abfragen – [woocommerce_order_tracking]

Diese Seite wird nicht automatisch erstellt und es ist oft vielen Shop-Betreibern nicht bekannt, dass es diese Funktion gibt: Wenn Sie den Shortcode [woocommerce_order_tracking] auf einer Seite einbauen, dann sehen Seitenbesucher dort ein Formular, wo Sie ihren aktuellen Bestellstatus abfragen können. Der Kunde kann dies mit seiner Bestellnummer durchführen. So können Sie Rückfragen wie „Wurde mein Produkt bereits versendet?“ vermeiden und Zeit sparen.

Shortcodes für Produkte

Wenn Sie in Ihrem neuen Blogbeitrag auf einige Ihrer WooCommerce-Produkte verweisen möchten, dann können Sie mehr tun, als nur darauf zu verlinken: Mit den Products Shortcodes können Sie direkt eine kleine Vorschau des Produktes anzeigen und erhalten von WooCommerce diverse Einstellungsmöglichkeiten!

Der [products] Shortcode ist extrem vielseitig und kann durch enorm viele Zusatzparameter ausgestattet werden, die dazu führen, dass genau die Produkte in der Form dargestellt werden, die man haben möchte.

Hier ein Beispiel für den WooCommerce [products] Shortcode:

 [products limit="4" columns="4" orderby="popularity" class="meineklasse" ]

WooCommerce Produkte Shortcode

Wenn wir den Shortcode wie abgebildet durch die Zusatzparameter einstellen, dann können wir genau steuern, dass 4 Produkte in 4 Spalten angezeigt werden sollen, sortiert nach der Beliebtheit der Produkte und ausgestattet mit der CSS-Klasse „meineklasse“, falls man per CSS Anpassungen für diesen Produktbereich vornehmen möchte. Wie man sieht: Enormes Anpassungsvermögen!

Der [products] Shortcode erlaubt die Darstellung von Produkten gefiltert nach der Produkt-ID, der Seriennummer, Produktkkategorien, Produtkattributen (z.B. Höhe) und unterstützt die Darstellung einer Pagination, Zufallssortierung und Produkt-Schlagwörtern.

Verfügbare Zusatzparamenter / Attribute für den Shortcode

Die folgenden Zusatzparameter können im Zusammenhang mit dem [products] Shortcode benutzt werden:

  • limit – Die Anzahl der WooCommerce Produkte, die dargestellt werden sollen.
  • columns – Die Anzahl der Spalten in denen die Produkte dargestellt werden sollen. Die Standard-Einstellung ist 4.
  • paginate – Aktiviert die Pagination, wenn auf true gesetzt. Muss im Zusammenhang mit „limit“ verwendet werden.
  • orderby – Sortiert die Produkte nach der ausgewählten Anordnung. Zur Verfügung stehen: date, id, menu-order, popularity, rand, rating, title.
  • skus – Komma-getrennte Liste an Seriennummern.
  • category – Komma-getrennte Liste an Kategorien (slugs)
  • tag – Komma-getrennte Liste an Produkt-Schlagwörtern
  • order – Regelt die Sortierung der Produkte in Hinsicht darauf, ob die Sortierung aufsteigendend (ASC) oder absteigend (DESC) sein soll.
  • class – Fügt eine CSS-Klasse hinzu, die die Produktsektion umfasst.
  • on_sale – Zeigt nur Produkte an, die aktuell einen Sonderpreis / Rabattpreis besitzen.
  • best_sellling – Zeigt nur die Produkte an, die sich am besten verkaufen.
  • top_rated – Zeigt nur die Produkte an, die am besten bewertet wurden.

Weitere Details zu den endlosen Tiefen von WooCommerce Shortcodes finden sich in der WooCommerce Dokumentation. Wenn Sie Hilfe bei der Nutzung der Shortcodes benötigen oder die Umsetzungen durch unsere erfahrende WooCommerce Agentur umsetzen lassen möchten, stehen wir Ihnen gerne zur Seite! Rufen Sie uns einfach an oder nutzen Sie unsere Formular für ein Beratungsgespräch!





Schließen