Hinweis: Der folgende Artikel hilft Ihnen weiter: Wichtige WooCommerce-Shortcodes zum Anpassen Ihres Online-Shops auf WordPress
Wenn Sie das volle Potenzial Ihres WooCommerce-Shops ausschöpfen möchten, ist es wichtig, eine genaue Vorstellung von WooCommerce-Shortcodes zu haben.
Shortcodes sind winzige Codeteile, die bestimmte Aktionen auf Ihrer Website ausführen.
WooCommerce-Shortcodes sind kleine Codeausschnitte, die Sie in Ihre Woocommerce-Seiten und -Vorlagen einfügen können, um bestimmte Werte aus der Datenbank anzuzeigen. Es gibt Hunderte von Anwendungsfällen, in denen Shortcodes verwendet werden. Es handelt sich um WordPress-weite Funktionen und das gleiche Format.
„[shortcode]”
Viele Nutzer gehen davon aus, dass es sich um ein technisches Konzept handelt und nur von erfahrenen WordPress-Entwicklern genutzt werden kann. Oder manchmal verwenden sie Shortcodes, ohne es zu merken. Heute werden wir die notwendigen Shortcodes auflisten, die Sie benötigen, um Ihren WooCommerce-Multivendor-Marktplatz anzupassen. Und zeigen Ihnen, wie Sie diese Shortcodes effizient nutzen.
Lass uns beginnen mit-
Arten von WooCommerce-Shortcodes für Ihren Online-Shop
Bevor Sie in die Liste der WooCommerce-Shortcodes eintauchen, müssen Sie die Arten von Shortcodes kennen, die WooCommerce bereitstellt. WooCommerce hat 5 Arten von Shortcodes:
- Shortcode für die Seite „Mein Konto“.
- Shortcode für die Warenkorbseite
- Shortcode für die Checkout-Seite
- Shortcode für die Auftragsverfolgung
- Shortcode für Produkte.
Wir gehen sie einzeln durch und helfen Ihnen zu verstehen, wo, wann und wie diese Shortcodes funktionieren:
1. WooCommerce-Shortcode für die Seite „Mein Konto“.
“[woocommerce_my_account]”
Dieser Shortcode fügt die Kontoseite für jeden Benutzer hinzu. Benutzer können ihre Informationen, die Bestellliste und Bestellungen aus anderen Shops in der Vorschau anzeigen.
2. Shortcode für die WooCommerce-Warenkorbseite
“[woocommerce_cart]”
Mit diesem WooCommerce-Shortcode oben wird die Warenkorbfunktion zur WooCommerce-Seite hinzugefügt. Dadurch werden alle Produkte angezeigt, die die Benutzer in ihren Warenkorb gelegt haben.
3. Shortcode für die WooCommerce-Checkout-Seite
“[woocommerce_checkout]”
Dies ist der kritischste Aspekt eines jeden Unternehmens. Denn ohne die Checkout-Seite können Kunden ihren Kaufvorgang nicht abschließen. So sieht das Frontend nach Verwendung des WooCommerce-Checkout-Shortcodes aus.
4. Shortcode für die WooCommerce-Auftragsverfolgungsseite
“[woocommerce_order_tracking]”
Dieser Shortcode hilft beim Erstellen einer Bestellverfolgungsseite für die Kunden. So können sie den aktuellen Status ihrer Bestellungen einsehen.
5. WooCommerce-Produkt-Shortcode
“[products]”
Dies ist einer der am häufigsten verwendeten Shortcodes für den WooCommerce-Shop. Es zeigt alle Produkte an. Sie finden verschiedene Parameter zur Steuerung und Darstellung Ihrer Produkte auf Ihrer E-Commerce-Website. Um einen Parameter hinzuzufügen, schreiben Sie einfach seinen Namen, gefolgt vom Gleichheitszeichen und dem gewünschten Wert in Anführungszeichen.
Liste der wichtigsten WooCommerce-Shortcodes für Ihren Online-Shop
Wir haben eine Liste von Parametern erstellt, die Sie mit dem Shortcode des Produkts verwenden können. Hier ist die Liste:
Produkteigenschaften
Mit diesen Shortcodes können Sie Produkte basierend auf ihren Attributen anzeigen. Dabei handelt es sich um Elemente, die von mehreren Produkten gemeinsam genutzt werden. Zum Beispiel, Größe oder Farbe.
Attribut
Dadurch werden Produkte mit einem bestimmten Attribut angezeigt.
Bedingungen
Dies muss mit verwendet werden AttributS. Es werden Produkte mit bestimmten Begriffen angezeigt, die mit dem Attribut verknüpft sind. Das Attribut kann beispielsweise das sein Größe und die Bedingungen sind klein, mittel, oder groß.
Begriffsoperator
Damit können Sie einfache Berechnungen durchführen, um zu bestimmen, welche Begriffe einbezogen werden. Ebenso müssen sie mit verwendet werden Attribute Und Bedingungen.
- UND: Produkte mit allen aufgeführten Attributen anzeigen
- IN: Die ausgewählten Begriffe anzeigen. Dies ist die Standardeinstellung.
- NICHT IN: Zeigt Elemente an, die sind nicht in den ausgewählten Begriffen (d. h. alle anderen als die von Ihnen ausgewählten)
Beispiel:
[products columns=”3″ attribute=”season” terms=”warm” terms_operator=”NOT IN”]
Tag-Operator
Das Gleiche wie der Begriff Operator oben, mit Ausnahme der Tags.
- UND: Zeigen Sie Produkte mit allen aufgeführten Tags an
- IN: Zeigt Elemente mit den ausgewählten Tags an. Dies ist die Standardeinstellung
- NICHT IN: Elemente anzeigen, die sind nicht in den ausgewählten Tags (d. h. allen anderen als den von Ihnen ausgewählten)
Sichtweite
Dadurch werden Produkte abhängig von ihrer Sichtbarkeit auf Ihrer Website angezeigt.
- Sichtbar: Zeigt Produkte an, die in Suchanfragen und auf Ihrer Website sichtbar sind. Dies ist standardmäßig eingestellt
- Katalog: Zeigt Produkte an, die im Shop sichtbar sind, aber nicht in den Suchergebnissen
- Suchen: Zeigt Produkte an, die in den Suchergebnissen, aber nicht im Shop sichtbar sind
- Versteckt: Hiermit werden Produkte angezeigt, die sowohl in den Suchergebnissen als auch im Shop ausgeblendet sind, aber nur über eine direkte URL zugänglich sind
- Hervorgehoben: Zeigt Produkte an, die als „Featured“ markiert sind
Beispiel:
[products limit=”4″ columns=”2″ visibility=”featured” ]
cat_operator
Katze steht für Kategorie. Dadurch können Sie einfache Berechnungen durchführen, um zu bestimmen, welche Produkte enthalten sein werden.
- UND: Zeigt Produkte in allen Kategorien an
- IN: Zeigt Produkte in der/den ausgewählten Kategorie(n) an
- NICHT IN: Zeigt Produkte an, die vorhanden sind nicht in der ausgewählten Kategorie
Beispiel:
[products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”AND”]
Produktkategorien
Unter der Kategorieoption finden Sie zwei Shortcodes:
“[products _categories]”
Dadurch werden alle Kategorien auf einer einzigen Seite angezeigt. Dieser Shortcode ist hilfreich, um mehr als eine Kategorie hinzuzufügen.
“[products _category]”
Dieser Shortcode zeigt eine bestimmte Kategorie an. Sie müssen einen Parameter hinzufügen, um die Produkte dieser bestimmten Kategorie anzuzeigen.
Der Shortcode „product_category“ verfügt über einige Parameter zum Anzeigen einer oder mehrerer Kategorien. Wir haben sie für Sie aufgelistet.
Product_Category-Parameter
Schaltfläche „In den Warenkorb“ für ein bestimmtes Produkt
“[add_to_cart]”
Mit diesem Shortcode können Sie ganz einfach eine Schaltfläche „In den Warenkorb“ für ein bestimmtes Produkt erstellen. Als Parameter wird die Produkt-ID verwendet.
Beispiel:
[add_to_cart id=”34” style=”border: 1px solid #111111;” show_price=”TRUE” quantity=”1” class=”example-cart-button”]
URL zum Warenkorb hinzufügen
“[add_to_cart_url]”
Dieser Shortcode zeigt die tatsächliche URL eines bestimmten Produkts an. Es gibt nur zwei Parameter. ID und SKU.
Beispiel:
[add_to_cart_url id=”99″]
WooCommerce-Nachrichten auf Nicht-WooCommerce-Seiten
“[shop_messages]”
Mit diesem Shortcode können Sie auf jeder Seite Benachrichtigungen wie „Dieses Produkt wurde Ihrem Warenkorb hinzugefügt“ anzeigen.
Einige weitere nützliche WooCommerce-Shortcodes für Ihren Online-Shop
Hier sind einige WooCommerce-Shortcodes, die Ihnen bei der Anpassung Ihres E-Commerce-Shops helfen können.
- [woocommerce_product_search] – zeigt eine Live-Übertragung an Produktsuchfeld das Ergebnisse anzeigt, während der Kunde tippt.
- [woocommerce_product_filter] – zeigt ein Live Produktsuchfilter.
- [woocommerce_product_filter_attribute] – zeigt eine Live-Übertragung an Produktattributfilter.
- [woocommerce_product_filter_category] – zeigt ein Live Produktkategoriefilter.
- [woocommerce_product_filter_price] – zeigt eine Live-Übertragung an Produktpreisfilter.
- [woocommerce_product_filter_tag] – zeigt ein Live Produkt-Tag-Filter.
- [woocommerce_product_filter_rating] – zeigt ein Live an Produktbewertungsfilter.
- [woocommerce_product_filter_sale] – zeigt einen Live-Filter für Produkte im Angebot.
- [woocommerce_product_filter_stock] – Zeigt einen Live-Filter für an Verfügbare Produkte.
- [woocommerce_product_filter_reset] – zeigt eine Schaltfläche an Löschen Sie alle Live-Filter.
Dies sind die verfügbaren Shortcodes, mit denen Sie Ihren WooCommerce-Shop neu gestalten können. Sehen wir uns nun an, wie Sie Shortcodes in Ihre WordPress-E-Commerce-Site einfügen können.
So fügen Sie WooCommerce-Shortcodes hinzu (+Anwendungsfälle)
Jetzt kennen Sie die verschiedenen Arten von WooCommerce-Shortcodes. Wir zeigen Ihnen, wie Sie diese Shortcodes verwenden. Sie können diese Shortcodes auf Seiten, Beiträgen oder Widgets verwenden.
Verwendung des Gutenberg-Blockeditors
Der neue Gutenberg-Editor hat das Hinzufügen eines Shortcodes vereinfacht. Alles, was Sie tun müssen, ist auf das Pluszeichen zu klicken und den Shortcode-Blocktyp auszuwählen. Dann fügen Sie dort einfach den Shortcode ein.
Verwenden des klassischen Editors
Wenn Sie jedoch immer noch den klassischen Editor verwenden, müssen Sie sich nicht die Mühe machen, einen Block zu verwenden. Kopieren Sie einfach den Shortcode und fügen Sie ihn in den Editor ein, und Ihre Arbeit ist erledigt.
Verwendung von Widgets
Wenn Sie als Nächstes Shortcodes im Widget-Bereich verwenden möchten, fügen Sie einfach ein Text-Widget mit dem Shortcode hinzu.
Laden Sie die Seite neu, um den neu gestalteten Inhalt in der Seitenleiste anzuzeigen.
Jetzt zeigen wir Ihnen einige Anwendungsfälle, damit Sie eine Vorstellung davon bekommen, wie diese Shortcodes Ihnen bei der Neugestaltung Ihres E-Commerce-Shops helfen können.
Szenario 1: Ich möchte meine 4 meistverkauften Produkte in einer Reihe anzeigen
[products limit=”4″ columns=”1″ best_selling=”true” ]
Dieser Shortcode zeigt Ihre 4 (der Grenzparameter) meistverkauften Produkte in einer Zeile an. Sie können das Attribut „Spalten“ auf 2 ändern, wenn Sie Ihre Produkte in 2 Zeilen anzeigen möchten.
Szenario 2: Ich möchte Produkte anzeigen, die als Hoodies und T-Shirts kategorisiert sind, aber ich möchte sie in zwei Zeilen anzeigen
[products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”AND”]
Es werden die Produkte angezeigt, die in der Kategorie „Hoodies und T-Shirts“ enthalten sind. Wenn Sie jedoch Produkte anzeigen möchten, die nicht in diesen Kategorien enthalten sind. Alles, was ich ändern muss, ist cat_operator auf NOT IN.
Szenario 3: Ich möchte meine vorgestellten Produkte anzeigen, zwei pro Zeile, mit maximal vier Artikeln
[products limit=”4″ columns=”2″ visibility=”featured” ]
Dieser Shortcode besagt, dass bis zu vier Produkte in zwei Spalten geladen werden und dass sie vorgestellt werden müssen. Es verwendet die Sortierung nach Titel (A bis Z).
Bonus: Liste aller Dokan-Shortcodes zum Anpassen Ihres Multivendor-Marktplatzes, unterstützt von WooCommerce
Wenn Sie Ihren WooCommerce-Shop jedoch in einen Multivendor-Marktplatz verwandeln möchten, ist Dokan die beste Wahl. Es verfügt nicht nur über die besten Funktionen, die Ihnen bei der Erstellung des perfekten Multi-Vendor-Marktplatzes helfen, sondern auch über alle notwendigen und einzigartigen Module, die die Verwaltung eines Marktplatzes reibungslos gestalten.
Kein Wunder, dass über 60.000 Marktplätze weltweit auf Dokan vertrauen.
Dokan bietet einige Shortcodes, die Ihnen dabei helfen, Ihren Marktplatz ganz einfach neu zu gestalten und zu steuern. Nachfolgend haben wir eine Liste der verfügbaren Shortcodes für Sie zusammengestellt:
Dokan-Shortcodes
| Name | Shortcode | Beschreibung |
| Armaturenbrett | [dokan-dashboard] | Zeigen Sie das Lieferanten-Dashboard und alle Elemente für den Lieferanten an |
| Meistverkaufte Produkte | [dokan-best-selling-product no_of_product=”5″ seller_id=””] | Zeigen Sie die 5 meistverkauften Produkte der Anbieter an |
| Am besten bewertete Produkte | [dokan-top-rated-product] | Listet alle am besten bewerteten Produkte auf |
| Benutzerdefiniertes Migrationsformular [Pro version only] | [dokan-customer-migration] | Erstellt ein Lieferantenregistrierungsformular |
| Geostandort-Filterformular | [dokan-geolocation-filter-form] | Bietet Ihnen eine einfache Navigation zum Auffinden von Produkten durch Filtern von Produkten |
| Store-Liste | [dokan-stores] | Listet alle auf der Website verfügbaren Geschäfte auf einer einzigen Seite auf |
| Store-Kategorie | [dokan-stores category=”clothing”] | Sie können die Geschäfte ganz einfach nach Geschäftskategorie auflisten |
| Shop-Reihenfolge | [dokan-stores order=”ASC”] | Ordnen Sie Ihre Befehle in aufsteigender oder absteigender Formation neu an |
| Shop-Orderby klug | [dokan-stores orderby=”registered”] | Kategorisieren Sie die Bestellung anhand des Registrierungsdatums des Lieferanten |
| Store_id weise | [dokan-stores store_id=”1, 2, 3″] | Listen Sie die Geschäfte nach ihrer Geschäfts-ID auf |
| Ausgewählte Stores | [dokan-stores featured=”yes”] | Um den vorgestellten Anbieter anzuzeigen |
| Shop mit Produkten anzeigen | [dokan-stores with_products_only=’yes’] | Dieser Shortcode zeigt die Geschäfte an, die Produkte haben |
| Meine Bestellungen | [dokan-my-orders] | Listet alle Bestellungen für den Kunden auf |
Beispiel:
[dokan-stores category=”clothes” order=”ASC” orderby=”registered” store_id=”1, 2, 3″ featured=”yes” with_products_only=”yes”]
Hier werden nur die Bekleidungsgeschäfte angezeigt, die registriert sind und die IDs 1, 2,3 in aufsteigender Reihenfolge haben. Außerdem werden diese Geschäfte vorgestellt und Produkte im Angebot haben.
Ihre Store-Seite sieht folgendermaßen aus:
Mit Dokan können Sie mit anderen Shortcodes experimentieren und Ihren Multivendor-Marktplatz ganz einfach neu gestalten.
Sehen Sie sich hier alle Dokan-Shortcodes an.
Häufig gestellte Fragen zu WooCommerce-Shortcodes
So bearbeiten Sie WooCommerce-Shortcodes
Sie müssen mit den Parametern experimentieren, die für die Shortcodes verfügbar sind, um die Shortcodes zu bearbeiten oder zu aktualisieren.
Gestalten Sie Ihren E-Commerce-Shop mit WooCommerce-Shortcodes neu!
Wie Sie sehen, ist die Liste der WooCommerce-Shortcodes sehr umfangreich. Sie müssen klug und entschlossen sein, um diese Shortcodes zu Ihrem Vorteil zu nutzen.
Auf den ersten Blick mögen diese Shortcodes technisch und komplex erscheinen. Wenn Sie jedoch unserem Leitfaden aufmerksam folgen, garantieren wir Ihnen, dass Sie ein Experte in der Verwendung dieser WooCommerce-Shortcodes werden können.
Und wenn Sie Zweifel haben oder Schwierigkeiten bei der Verwendung eines dieser Shortcodes haben, teilen Sie uns dies bitte mit.
