{"id":1151,"date":"2019-09-19T00:13:59","date_gmt":"2019-09-18T22:13:59","guid":{"rendered":"https:\/\/quantenfrosch.at\/blog\/?p=1151"},"modified":"2021-10-19T02:14:12","modified_gmt":"2021-10-19T00:14:12","slug":"shortcodes-fuer-woocommerce","status":"publish","type":"post","link":"https:\/\/quantenfrosch.at\/blog\/shortcodes-fuer-woocommerce\/","title":{"rendered":"Shortcodes f\u00fcr Woocommerce"},"content":{"rendered":"<p>Was versteht man unter Shortcodes? Mitunter kann es vorkommen, dass man sich als Betreiber eines Online-Shops zus\u00e4tzliche Funktionalit\u00e4ten w\u00fcnscht, um den Kunden auf seiner Customer-journey noch besser betreuen zu k\u00f6nnen. Denn ein vorkonfigurierter, <a href=\"https:\/\/quantenfrosch.at\/leistungen\/woocommerce-online-shop\/\">modular erweiterbarer WooCommerce Online-Shop<\/a> bietet oft nicht allzu viel Raum f\u00fcr benutzerdefinierte Anpassungen. Sogenannte <strong>Shortcodes<\/strong> sind in diesem Fall die perfekte L\u00f6sung. Sie bieten versierten Benutzern die M\u00f6glichkeit, ihren Shop individuell zu gestalten, sowie durch das Hinterlegen standardisierter Abfragen Lagerbewirtschaftung und Umsatzcontrolling des Shops zu erleichtern. So k\u00f6nnen etwa spezielle Inhalte hinzugef\u00fcgt, Dateien eingebettet, individuelle Auswertungen erstellt oder komplexe Objekte mit einer einzigen Codezeile generiert werden.<\/p>\n<h2>Welche Shortcodes sind im WooCommerce Shopsystem enthalten?<\/h2>\n<p>Man unterscheidet grunds\u00e4tzlich zwischen Seiten-Shortcodes und Produkt-Shortcodes:<\/p>\n<h3>Seiten-Shortcodes<\/h3>\n<ul>\n<li>Woocommerce Cart: ruft die Warenkorbseite auf<\/li>\n<li>Woocommerce Checkout: zeigt den Kassenbereich an<\/li>\n<li>Woocommerce &#8222;my account&#8220;: ruft die Benutzerkontoseite auf<\/li>\n<li>Woocommerce Order tracking: ruft die Auftragsverfolgung (Tracking) auf<\/li>\n<\/ul>\n<p>In den meisten F\u00e4llen werden diese Shortcodes \u00fcber den integrierten Onboarding-Wizzard automatisch zu den Seiten hinzugef\u00fcgt und m\u00fcssen nicht manuell implementiert werden. Zu beachten ist ferner, dass f\u00fcr jede Seite beliebig viele Shortcodes, durch Kommata getrennt, miteinander kombiniert werden k\u00f6nnen, was die Erstellung vergleichsweise komplexer Abfragen erm\u00f6glicht.<\/p>\n<p><strong>Cart (Warenkorb)<\/strong><br \/>\nDer auf der Warenkorbseite eingef\u00fcgte Shortcode zeigt den Inhalt des Warenkorbes, die Benutzeroberfl\u00e4che f\u00fcr die Einl\u00f6sung von Gutscheincodes sowie andere definierte Bereiche des Warenkorbs an.<br \/>\nArgumente: keine vorhanden<br \/>\nFormat: <code>[woocommerce_cart]<\/code><\/p>\n<p><strong>Checkout<\/strong><br \/>\nAuf der Checkout-Seite wird ein spezieller Checkout-Code implementiert, um den gesamten Prozess des Auscheckens (Kunde geht zur Kasse und bezahlt) anzuzeigen.<br \/>\nArgumente: keine vorhanden<br \/>\nFormat: <code>[woocommerce_checkout]<\/code><\/p>\n<p><strong>My Account<\/strong><br \/>\nDieser Shortcode ruft die Startseite &#8222;mein Konto&#8220; auf, auf der alle Bestellungen gelistet und \u00fcber das Dashboard laufend aktualisiert werden k\u00f6nnen. Die Anzahl anzuzeigender Bestellungen kann limitiert werden ( Default: -1, um alle Bestellungen anzuzeigen.)<br \/>\nFormat: <code>[woocommerce_my_account]<\/code><\/p>\n<p><strong>Order tracking<\/strong><br \/>\nDer Kunde kann den aktuellen Status seiner Bestellung anzeigen, indem er seine Bestelldetails eingibt.<br \/>\nArgumente: keine vorhanden<br \/>\nFormat: <code>[woocommerce_order_tracking]<\/code><\/p>\n<h3>Produkt-Shortcodes<\/h3>\n<p>Der Produkt-Shortcode ist einer der langlebigsten Shortcode-Typen, welcher aktuell verschiedene andere fr\u00fcher verwendete Zeichenkombinationen ersetzt. Mit dem Shortcode <code>[products]<\/code> k\u00f6nnen Artikel nach Post-ID, SKU (Stock Keeping Unit &#8211; dt. etwa Artikelpositionsnummer), Kategorien und Attributen angezeigt werden, wobei die Codes sowohl eine Paginierung und Zufallssortierung, als auch die Implementierung von Produkt-Tags unterst\u00fctzen. Derartige Produkt-Shortcodes treten an die Stelle von Codes wie <code>[sale_products]<\/code> oder <code>[best_selling_products]<\/code>, die in Versionen \u00e4lter als 3.2 noch ben\u00f6tigt werden.<\/p>\n<h4>Produktattribute<\/h4>\n<p>Die folgenden Attribute k\u00f6nnen in Verbindung mit dem Shortcode <code>[products]<\/code> verwendet werden. Sie wurden zur besseren Strukturierung in Abschnitte f\u00fcr Prim\u00e4rfunktionen unterteilt.<\/p>\n<h5>1. Produktattribute vom Typ &#8222;Display&#8220;<\/h5>\n<p><strong>Limit<\/strong><br \/>\nDas Attribut liefert die Anzahl der anzuzeigenden Artikel. Standard: -1 (alle anzeigen).<\/p>\n<p><strong>Spalten<\/strong><br \/>\nDas Attribut liefert die Anzahl auszugebender Spalten. Standardwert ist 4.<\/p>\n<p><strong>Paginate<\/strong><br \/>\nDieser Ausdruck aktiviert die Paginierung. Der Defaultwert ist &#8222;false&#8220; (nicht paginieren), um zu paginieren, ist der Wert auf &#8222;true&#8220; zu setzen.<\/p>\n<p><strong>Orderby<\/strong><br \/>\nDer Operand sortiert die angezeigten Artikel nach Attributen. M\u00f6gliche Optionen: &#8222;Datum&#8220; (Einstelldatum des Produkts), &#8222;ID&#8220; (die Produkt-ID), &#8222;Menu_order&#8220; (Men\u00fcreihenfolge aufsteigend), &#8222;Random&#8220; (ordnet Produkte nach dem Zufallsprinzip), &#8222;Rating&#8220; (liefert den Durchschnitt aller Produktbewertungen), &#8222;Title&#8220; (Produkttitel), &#8222;SKU&#8220; (liefert eine durch Kommata getrennte Liste der Produkt-Units), &#8222;Category&#8220; (generiert ein Listing der Kategorie-Slugs) u.a.<\/p>\n<h5>2. Produktattribute vom Typ &#8222;Content&#8220;<\/h5>\n<p><strong>Attribute<\/strong><br \/>\nDer Ausdruck ruft Produkte mit dem Attribut &#8222;slug&#8220; auf.<\/p>\n<p><strong>Terms<\/strong><br \/>\nListet s\u00e4mtliche Begriffe und Ausdr\u00fccke auf, die mit &#8222;Attribute&#8220; zu verwenden sind.<\/p>\n<p><strong>Terms_operator<\/strong><br \/>\nDieser Operator vergleicht Attributsbgegriffe. M\u00f6gliche Optionen: &#8222;und&#8220; (zeigt Produkte samt selektierten Attributen an), &#8222;In&#8220; (Defaultwert, zeigt Produkte an, die das definierte Attribut enthalten), &#8222;not in&#8220; (zeigt jene Produkte an, die keine ausgew\u00e4hlten Attribute enthalten.)<\/p>\n<p><strong>Cat_operator<\/strong><br \/>\nDieser Operator dient zum Vergleich von Kategoriebegriffen. M\u00f6gliche Optionen: &#8222;in&#8220; (Standardwert, liefert Produkte der ausgew\u00e4hlten Kategorie), &#8222;und&#8220; (zeigt Produkte an, die zu allen ausgew\u00e4hlten Kategorien geh\u00f6ren), &#8222;not in&#8220; (zeigt Produkte an, die nicht in den ausgew\u00e4hlten Kategorien enthalten sind)<\/p>\n<p><strong>Sichtbarkeit (Visibility)<\/strong><br \/>\nDas Attribut zeigt Produkte basierend auf der durch Filterung der Daten ausgew\u00e4hlten Sichtbarkeit an. M\u00f6gliche Optionen: &#8222;sichtbar&#8220; (gelistete Produkte werden im Shop und in den Suchergebnissen angezeigt), &#8222;Katalog&#8220; (nur im Shop, nicht aber in den Suchergebnissen sichtbare Produkte werden angezeigt), &#8222;Suche&#8220; (liefert Produkte, die nur in den Suchergebnissen, nicht aber im Shop vorhanden sind), &#8222;hidden&#8220; (zeigt Artikel an, die sowohl f\u00fcr den Shop als auch f\u00fcr die Suche ausgeblendet sind und nur \u00fcber deren URL adressierbar sind), &#8222;empfohlen&#8220; (liefert Produkte, die als &#8222;empfohlene Produkte&#8220;, engl. &#8222;featured products&#8220;, gekennzeichnet sind.)<\/p>\n<p><strong>IDs<\/strong><br \/>\nZeigt s\u00e4mtliche Artikel basierend auf einer Liste von Post-IDs an.<\/p>\n<p><strong>SKUS (Stock keeping Units &#8211; detaillierte Artikelnummern)<\/strong><br \/>\nZeigt einzelne Artikel aus einer Liste von Artikelpositionen an.<\/p>\n<h5>3. Spezielle Produktattribute<\/h5>\n<p>Dieser Attributtyp ist nicht mit den oben aufgef\u00fchrten Inhaltsattributen kompatibel. Es sollten daher lediglich folgende speziellen Attribute Verwendung finden:<\/p>\n<p><strong>Best_selling<\/strong><br \/>\nLiefert die meistverkauften Produkte einer Periode. Standardwert: true.<\/p>\n<p><strong>On-Sale<\/strong><br \/>\nZeigt verkaufsbereite Artikel an. Der Ausgangswert muss auf &#8222;true&#8220; gesetzt sein.<\/p>\n<h4>Livesuche und Filterfunktionen bei Product-Shortcodes<\/h4>\n<p>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:<br \/>\n<code>[woocommerce_product_filter]<\/code> &#8211; zeigt einen Live-Filter zur Produktsuche an<br \/>\n<code>[woocommerce_product_filter_attribute]<\/code> &#8211; zeigt einen aktiven Produktattribut-Filter an<br \/>\n<code>[woocommerce_product_filter_category]<\/code> &#8211; gibt einen Live-Produktkategoriefilter aus<br \/>\n<code>[woocommerce_product_filter_price]<\/code> &#8211; zeigt einen einen Live-Produktpreisfilter an<\/p>\n<h2>Ein paar Beispiele f\u00fcr den Einsatz von Shortcodes<\/h2>\n<p>In den folgenden Szenen werden aktuelle Praxisbeispiele aus der Mode- &amp; Bekleidungsbranche verwendet.<\/p>\n<p><strong>Auswahl 1 &#8211; Beliebte Verkaufsartikel<\/strong><br \/>\nIch m\u00f6chte mir die vier popul\u00e4rsten Verkaufsprodukte in vier Spalten anzeigen lassen.<br \/>\nFormat: <code>[products limit = \"4\" columns = \"4\" orderby = \"popularit\u00e4t\" on_sale=\"true\"]<\/code><\/p>\n<p><strong>Auswahl 2 &#8211; Empfohlene Produkte<\/strong><br \/>\nEs sollen vier empfohlene (featured) Produkte, zwei pro Reihe, angezeigt werden<br \/>\nFormat: <code>[Produktlimit = \"4\" Spalten = \"2\" Sichtbarkeit = \"empfohlen\"]<\/code><\/p>\n<p><strong>Auswahl 3 &#8211; Spezifische Kategorien<\/strong><br \/>\nDer Nutzer m\u00f6chte nur Hoodies (Kapuzenpullover) und Shirts in zwei Viererreihen anzeigen lassen, keine Accessoires.<br \/>\nFormat: <code>[products limit = \"8\" columns = \"4\" category = \"hoodies, tshirts\" cat_operator=\"AND\"]<\/code><\/p>\n<p><strong>Auswahl 4 &#8211; Kategorien der obersten Ebene<\/strong><br \/>\nEs sollen nur Kategorien der Top Ebene, ohne dazugeh\u00f6rige Unterkategorien angezeigt werden.<br \/>\nFormat: <code>[product_categories number = \"0\" parent = \"0\"]<\/code><\/p>\n<p><strong>Auswahl 5 &#8211; Listing neuester Produkte<\/strong><br \/>\nEs 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 &#8222;order&#8220; und &#8222;orderby&#8220; jeweils zu kombinieren.<br \/>\nFormat: <code>[products limit = \"4\" columns = \"4\" orderby = \"id\" order = \"DESC\" visible = \"visible\"]<\/code><\/p>\n<h3>Anzeigen von Benachrichtigungen auf Fremdseiten<\/h3>\n<p>Mit dem Attribut [shop_messages] k\u00f6nnen Sie WooCommerce Benachrichtigungen (z. B. &#8222;Produkt wurde zum Warenkorb hinzugef\u00fcgt&#8220;) 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\u00e4ten zu erhalten.<\/p>\n<h3>Das Shortcode-Plugin f\u00fcr WooCommerce<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/woo-shortcodes-kit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Das Plugin Woo Shortcodes Kit<\/a> bietet benutzerfreundliche Schaltfl\u00e4chen, mit deren Hilfe weitere Shortcodes erg\u00e4nzt und verwendet werden k\u00f6nnen.<\/p>\n<p><strong><a href=\"https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1164 size-large\" src=\"https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit-1024x1012.jpg\" alt=\"Shortcode Plugin f\u00fcr Woocommerce\" width=\"1024\" height=\"1012\" srcset=\"https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit-1024x1012.jpg 1024w, https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit-300x296.jpg 300w, https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit-768x759.jpg 768w, https:\/\/quantenfrosch.at\/blog\/wp-content\/uploads\/woo-shortcodes-kit.jpg 1232w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/strong><\/p>\n<p>Es stehen unter anderem Shortcodes und Anpassungen f\u00fcr folgende Kategorien zur Verf\u00fcgung:<\/p>\n<ul>\n<li>Shop Nachrichten<\/li>\n<li>Shop Startseite<\/li>\n<li>Shortcodes anpassen<\/li>\n<li>Mein Konto<\/li>\n<li>Zus\u00e4tzliche Shortcodes<\/li>\n<\/ul>\n<h3>Troubleshooting bei Shortcodes<\/h3>\n<p>Sie sind sicher, alle Shortcodes korrekt eingef\u00fcgt zu haben, dennoch werden keine plausiblen Werte ausgegeben? Dann sollten Sie pr\u00fcfen, ob die Shortcodes nicht etwa zwischen <em class=\"dfd-textmodule-featured-decoration\">&#8222;pre&#8220;-Tags<\/em> eingebettet sind. Ist dies der Fall, entfernen Sie die entsprechenden Tags mit Hilfe Ihres Texteditors, worauf die Shortcodes problemlos angezeigt werden sollten.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was versteht man unter Shortcodes? Mitunter kann es vorkommen, dass man sich als Betreiber eines Online-Shops zus\u00e4tzliche Funktionalit\u00e4ten w\u00fcnscht, um den Kunden auf seiner Customer-journey noch besser betreuen zu k\u00f6nnen.<\/p>\n","protected":false},"author":6,"featured_media":1162,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","rank_math_title":"N\u00fctzliche Shortcodes f\u00fcr Ihren WooCommerce Online-Shop","rank_math_description":"Mit Shortcodes f\u00fcr Woocommerce k\u00f6nnen Sie Features sowie Shopfunktionen einbetten und sogar komplexe Objekte mit einer einzigen Codezeile generieren.","rank_math_focus_keyword":"shortcodes"},"categories":[11],"tags":[16],"class_list":["post-1151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","tag-e-commerce"],"_links":{"self":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/1151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/comments?post=1151"}],"version-history":[{"count":1,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/1151\/revisions"}],"predecessor-version":[{"id":1395,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/1151\/revisions\/1395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media\/1162"}],"wp:attachment":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media?parent=1151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/categories?post=1151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/tags?post=1151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}