Was versteht man unter Shortcodes? Mitunter kann es vorkommen, dass man sich als Betreiber eines Online-Shops zusätzliche Funktionalitäten wünscht, um den Kunden auf seiner Customer-journey noch besser betreuen zu können. Denn ein vorkonfigurierter, modular erweiterbarer WooCommerce Online-Shop bietet oft nicht allzu viel Raum für benutzerdefinierte Anpassungen. Sogenannte Shortcodes sind in diesem Fall die perfekte Lösung. Sie bieten versierten Benutzern die Möglichkeit, ihren Shop individuell zu gestalten, sowie durch das Hinterlegen standardisierter Abfragen Lagerbewirtschaftung und Umsatzcontrolling des Shops zu erleichtern. So können etwa spezielle Inhalte hinzugefügt, Dateien eingebettet, individuelle Auswertungen erstellt oder komplexe Objekte mit einer einzigen Codezeile generiert werden.
Welche Shortcodes sind im WooCommerce Shopsystem enthalten?
Man unterscheidet grundsätzlich zwischen Seiten-Shortcodes und Produkt-Shortcodes:
Seiten-Shortcodes
- Woocommerce Cart: ruft die Warenkorbseite auf
- Woocommerce Checkout: zeigt den Kassenbereich an
- Woocommerce „my account“: ruft die Benutzerkontoseite auf
- Woocommerce Order tracking: ruft die Auftragsverfolgung (Tracking) auf
In den meisten Fällen werden diese Shortcodes über den integrierten Onboarding-Wizzard automatisch zu den Seiten hinzugefügt und müssen nicht manuell implementiert werden. Zu beachten ist ferner, dass für jede Seite beliebig viele Shortcodes, durch Kommata getrennt, miteinander kombiniert werden können, was die Erstellung vergleichsweise komplexer Abfragen ermöglicht.
Cart (Warenkorb)
Der auf der Warenkorbseite eingefügte Shortcode zeigt den Inhalt des Warenkorbes, die Benutzeroberfläche für die Einlösung von Gutscheincodes sowie andere definierte Bereiche des Warenkorbs an.
Argumente: keine vorhanden
Format: [woocommerce_cart]
Checkout
Auf der Checkout-Seite wird ein spezieller Checkout-Code implementiert, um den gesamten Prozess des Auscheckens (Kunde geht zur Kasse und bezahlt) anzuzeigen.
Argumente: keine vorhanden
Format: [woocommerce_checkout]
My Account
Dieser Shortcode ruft die Startseite „mein Konto“ auf, auf der alle Bestellungen gelistet und über das Dashboard laufend aktualisiert werden können. Die Anzahl anzuzeigender Bestellungen kann limitiert werden ( Default: -1, um alle Bestellungen anzuzeigen.)
Format: [woocommerce_my_account]
Order tracking
Der Kunde kann den aktuellen Status seiner Bestellung anzeigen, indem er seine Bestelldetails eingibt.
Argumente: keine vorhanden
Format: [woocommerce_order_tracking]
Produkt-Shortcodes
Der Produkt-Shortcode ist einer der langlebigsten Shortcode-Typen, welcher aktuell verschiedene andere früher verwendete Zeichenkombinationen ersetzt. Mit dem Shortcode [products] können Artikel nach Post-ID, SKU (Stock Keeping Unit – dt. etwa Artikelpositionsnummer), Kategorien und Attributen angezeigt werden, wobei die Codes sowohl eine Paginierung und Zufallssortierung, als auch die Implementierung von Produkt-Tags unterstützen. Derartige Produkt-Shortcodes treten an die Stelle von Codes wie [sale_products] oder [best_selling_products], die in Versionen älter als 3.2 noch benötigt werden.
Produktattribute
Die folgenden Attribute können in Verbindung mit dem Shortcode [products] verwendet werden. Sie wurden zur besseren Strukturierung in Abschnitte für Primärfunktionen unterteilt.
1. Produktattribute vom Typ „Display“
Limit
Das Attribut liefert die Anzahl der anzuzeigenden Artikel. Standard: -1 (alle anzeigen).
Spalten
Das Attribut liefert die Anzahl auszugebender Spalten. Standardwert ist 4.
Paginate
Dieser Ausdruck aktiviert die Paginierung. Der Defaultwert ist „false“ (nicht paginieren), um zu paginieren, ist der Wert auf „true“ zu setzen.
Orderby
Der Operand sortiert die angezeigten Artikel nach Attributen. Mögliche Optionen: „Datum“ (Einstelldatum des Produkts), „ID“ (die Produkt-ID), „Menu_order“ (Menüreihenfolge aufsteigend), „Random“ (ordnet Produkte nach dem Zufallsprinzip), „Rating“ (liefert den Durchschnitt aller Produktbewertungen), „Title“ (Produkttitel), „SKU“ (liefert eine durch Kommata getrennte Liste der Produkt-Units), „Category“ (generiert ein Listing der Kategorie-Slugs) u.a.
2. Produktattribute vom Typ „Content“
Attribute
Der Ausdruck ruft Produkte mit dem Attribut „slug“ auf.
Terms
Listet sämtliche Begriffe und Ausdrücke auf, die mit „Attribute“ zu verwenden sind.
Terms_operator
Dieser Operator vergleicht Attributsbgegriffe. Mögliche Optionen: „und“ (zeigt Produkte samt selektierten Attributen an), „In“ (Defaultwert, zeigt Produkte an, die das definierte Attribut enthalten), „not in“ (zeigt jene Produkte an, die keine ausgewählten Attribute enthalten.)
Cat_operator
Dieser Operator dient zum Vergleich von Kategoriebegriffen. Mögliche Optionen: „in“ (Standardwert, liefert Produkte der ausgewählten Kategorie), „und“ (zeigt Produkte an, die zu allen ausgewählten Kategorien gehören), „not in“ (zeigt Produkte an, die nicht in den ausgewählten Kategorien enthalten sind)
Sichtbarkeit (Visibility)
Das Attribut zeigt Produkte basierend auf der durch Filterung der Daten ausgewählten Sichtbarkeit an. Mögliche Optionen: „sichtbar“ (gelistete Produkte werden im Shop und in den Suchergebnissen angezeigt), „Katalog“ (nur im Shop, nicht aber in den Suchergebnissen sichtbare Produkte werden angezeigt), „Suche“ (liefert Produkte, die nur in den Suchergebnissen, nicht aber im Shop vorhanden sind), „hidden“ (zeigt Artikel an, die sowohl für den Shop als auch für die Suche ausgeblendet sind und nur über deren URL adressierbar sind), „empfohlen“ (liefert Produkte, die als „empfohlene Produkte“, engl. „featured products“, gekennzeichnet sind.)
IDs
Zeigt sämtliche Artikel basierend auf einer Liste von Post-IDs an.
SKUS (Stock keeping Units – detaillierte Artikelnummern)
Zeigt einzelne Artikel aus einer Liste von Artikelpositionen an.
3. Spezielle Produktattribute
Dieser Attributtyp ist nicht mit den oben aufgeführten Inhaltsattributen kompatibel. Es sollten daher lediglich folgende speziellen Attribute Verwendung finden:
Best_selling
Liefert die meistverkauften Produkte einer Periode. Standardwert: true.
On-Sale
Zeigt verkaufsbereite Artikel an. Der Ausgangswert muss auf „true“ gesetzt sein.
Livesuche und Filterfunktionen bei Product-Shortcodes
Im Rahmen der Verwendung von Product-Shortcodes kann eine Livesuche sowie Live-Filterfunktionen sowohl in Shop-Seiten und Posts, als auch im Checkout-Bereich implementiert werden. Des Weiteren kann die Filtersuche mit Hilfe nachstehender Shortcodes individuell angepasst werden:
[woocommerce_product_filter] – zeigt einen Live-Filter zur Produktsuche an
[woocommerce_product_filter_attribute] – zeigt einen aktiven Produktattribut-Filter an
[woocommerce_product_filter_category] – gibt einen Live-Produktkategoriefilter aus
[woocommerce_product_filter_price] – zeigt einen einen Live-Produktpreisfilter an
Ein paar Beispiele für den Einsatz von Shortcodes
In den folgenden Szenen werden aktuelle Praxisbeispiele aus der Mode- & Bekleidungsbranche verwendet.
Auswahl 1 – Beliebte Verkaufsartikel
Ich möchte mir die vier populärsten Verkaufsprodukte in vier Spalten anzeigen lassen.
Format: [products limit = "4" columns = "4" orderby = "popularität" on_sale="true"]
Auswahl 2 – Empfohlene Produkte
Es sollen vier empfohlene (featured) Produkte, zwei pro Reihe, angezeigt werden
Format: [Produktlimit = "4" Spalten = "2" Sichtbarkeit = "empfohlen"]
Auswahl 3 – Spezifische Kategorien
Der Nutzer möchte nur Hoodies (Kapuzenpullover) und Shirts in zwei Viererreihen anzeigen lassen, keine Accessoires.
Format: [products limit = "8" columns = "4" category = "hoodies, tshirts" cat_operator="AND"]
Auswahl 4 – Kategorien der obersten Ebene
Es sollen nur Kategorien der Top Ebene, ohne dazugehörige Unterkategorien angezeigt werden.
Format: [product_categories number = "0" parent = "0"]
Auswahl 5 – Listing neuester Produkte
Es sollen die jeweils aktuellsten Produkte des Sortiments gelistet werden und zwar jeweils vier Produkte in einer Reihe. Zu diesem Zweck ist die Post-ID mit den Befehlen „order“ und „orderby“ jeweils zu kombinieren.
Format: [products limit = "4" columns = "4" orderby = "id" order = "DESC" visible = "visible"]
Anzeigen von Benachrichtigungen auf Fremdseiten
Mit dem Attribut [shop_messages] können Sie WooCommerce Benachrichtigungen (z. B. „Produkt wurde zum Warenkorb hinzugefügt“) auch auf Non-Woo-Commerce Seiten anzeigen lassen. So sind auch Kunden, die Shortcodes von Drittanbietern verwenden, in der Lage, von Ihnen als Shop-Betreiber hilfreiches Feedback zu ihren Aktivitäten zu erhalten.
Das Shortcode-Plugin für WooCommerce
Das Plugin Woo Shortcodes Kit bietet benutzerfreundliche Schaltflächen, mit deren Hilfe weitere Shortcodes ergänzt und verwendet werden können.
Es stehen unter anderem Shortcodes und Anpassungen für folgende Kategorien zur Verfügung:
- Shop Nachrichten
- Shop Startseite
- Shortcodes anpassen
- Mein Konto
- Zusätzliche Shortcodes
Troubleshooting bei Shortcodes
Sie sind sicher, alle Shortcodes korrekt eingefügt zu haben, dennoch werden keine plausiblen Werte ausgegeben? Dann sollten Sie prüfen, ob die Shortcodes nicht etwa zwischen „pre“-Tags eingebettet sind. Ist dies der Fall, entfernen Sie die entsprechenden Tags mit Hilfe Ihres Texteditors, worauf die Shortcodes problemlos angezeigt werden sollten.
