WordPress WooCommerce Shortcodes: Alles, was Sie wissen müssen & Nützliche Liste

Die WooCommerce-Shortcodes sind eine der vielseitigsten Funktionen der Plattform. Sie ermöglichen es uns, ein dynamischeres Erlebnis für die Endbenutzer zu schaffen. Sie können Ihnen dabei helfen, Ihrem Shop Verknüpfungen hinzuzufügen, damit Ihre Besucher eine möglichst nahtlose Erfahrung machen können. Und das ist immer das Ziel: Es Ihren Besuchern so einfach wie möglich zu machen.

Eine Befürchtung, die alle Website-Besitzer haben, ist, dass ihr Angebot aus Sicht des Layouts veraltet aussieht. Wenn Sie einen Online-Shop betreiben, ist das sogar noch besorgniserregender, da es direkt zu schlechteren Verkäufen führen kann. Neben einem guten Design ist das Hinzufügen von Shortcuts eine weitere Möglichkeit, einen WooCommerce-Shop aufzupeppen.

Was sind WooCommerce Shortcodes?

Das sind kleine Codeschnipsel, die Sie an beliebiger Stelle auf einer Seite platzieren können und die optisch verlockende Abkürzungen bieten. Sie können Ihren Nutzern helfen, leichteren Zugang zu erhalten:

• Aufforderungen zum Handeln
• Seiten innerhalb des Shops (z. B. der Einkaufswagen oder der Abschnitt zur Auftragsverfolgung)
• Spezifische Produkte, die Sie vermarkten möchten

Hinzufügen von WooCommerce Shortcodes

Der Begriff klingt zwar technisch, aber das Beste an den WooCommerce-Shortcodes ist, dass sie mühelos hinzugefügt werden können. Sie müssen nicht einmal wissen, wie man programmiert. Dank Gutenberg müssen Sie den Shortcode lediglich in einen "Shortcode"-Block oder in den Page Builder einfügen (d. h. kopieren und einfügen).

Sie können verschiedene Shortcodes in eine einzige Seite einfügen und mehrere nebeneinander haben.

Die wichtigsten Plugins

WooCommerce verfügt zwar über ein eigenes Set, aber es gibt ein paar Plugins, mit denen Sie auf noch mehr Shortcodes zugreifen können. Gehen Sie zum Admin-Dashboard von WooCommerce, und Sie finden Plugin > Add New auf der rechten Seite. Dort können Sie die unten aufgeführten Plugins hinzufügen.

• WooCommerce Schnellansicht Pro. Installieren Sie dieses Tool auf Ihrer WordPress-Website, und Sie erhalten automatisch neue Schnellansichtsschaltflächen in Ihrem Front-End-Layout. Damit können Besucher auf Details wie Attribute und Varianten zugreifen und Produkte in den Warenkorb legen, ohne die aktuelle Seite zu verlassen.
• WooCommerce Produkt-Tabelle. Mit diesem Plugin können Sie den Shortcode [product_table] verwenden, mit dem Sie andere Layouts als das Standardraster von WooCommerce verwenden können. Es ist eine gute Wahl, wenn Sie mehr Produkte pro Seite anzeigen möchten.
• WooThemes' WooCommerce Shortcodes. Nachdem Sie es installiert und aktiviert haben, fügt dieses Plugin Ihrem Texteditor eine TinyMCE-Dropdown-Schaltfläche mit einfachem Zugriff auf alle integrierten Shortcodes hinzu. Das ist eine große Zeitersparnis, da Sie die Shortcodes nicht jedes Mal kopieren und einfügen müssen, wenn Sie sie verwenden.

Im Folgenden finden Sie einige der nützlichsten Shortcodes, die in drei Hauptkategorien unterteilt sind: Seiten, Produktanzeige und Aktionen.

1. Shortcodes für Seiten

Erleichtern Sie Ihren Kunden den Zugang zu wichtigen Seiten, ohne dass sie die Seite, auf der sie sich gerade befinden, verlassen müssen.

• Mein Konto. Fügen Sie das WooCommerce My Account an einer beliebigen Stelle der Website über den Shortcode hinzu.
• Warenkorb. Zeigen Sie den personalisierten Warenkorb Ihrer Kunden auf WordPress-Seiten, Beiträgen, Widgets und Sidebars mit dem Shortcode an.
• Zur Kasse gehen. Fügen Sie die Kassenseite an einer beliebigen Stelle ein (z. B. unter einer Produkttabelle) und verwenden Sie den Shortcode.
• Auftragsverfolgung. Die Funktion zur Auftragsverfolgung ist nicht im Lieferumfang von WooCommerce enthalten, aber Sie können sie selbst hinzufügen, indem Sie eine neue Seite erstellen und die Verknüpfung im Texteditor hinzufügen. Sie können sie auch an jeder anderen Stelle hinzufügen.

Hier sind die Beispiel-Shortcodes:

2. Produktanzeige

Präsentieren Sie Produkte nach verschiedenen Kriterien mit den folgenden WooCommerce-Shortcodes:

Kategorien. Führen Sie die Produktkategorien (nicht die Artikel) irgendwo auf Ihrer Website auf

3. Aktionen

Machen Sie es den Kunden leicht, Aktionen durchzuführen, ohne die aktuelle Seite zu verlassen:

• In den Warenkorb legen. Fügen Sie an beliebiger Stelle eine Schaltfläche für einen bestimmten Artikel ein. Vergessen Sie nicht, den richtigen Code für das Produkt hinzuzufügen, z. B.
• Produkt-Suche. Fügen Sie eine Live-Suche mit Live-Filtermöglichkeiten hinzu, wo immer Sie wollen, sei es auf Seiten oder in Beiträgen mit dem Shortcode.

Fehlersuche

On occasion, you'll find that you've pasted WooCommerce shortcodes correctly into the text editor, but it doesn't look right on the front-end. When this happens, head to the HTML text editor and make sure you didn't accidentally embed with <pre> tags.

Fazit

Bei Bright Vessel haben wir uns seit fast 20 Jahren auf WordPress-Design mit Schwerpunkt auf WooCommerce spezialisiert. Wir sind die beste Wahl, wenn es um die Erstellung einer großartigen E-Commerce-Lösung für Ihre Marke geht. Kontaktieren Sie uns, um zu besprechen, wie wir Ihnen helfen können, den perfekten WooCommerce-Shop zu erstellen, der auf die spezifischen Bedürfnisse Ihres Unternehmens zugeschnitten ist.