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

WooCommerce-Shortcodes sind eine der vielseitigsten Funktionen der Plattform. Sie ermöglichen es uns, ein dynamischeres Erlebnis für Endbenutzer zu schaffen. Sie helfen Ihnen, Shortcodes zu Ihrem Shop hinzuzufügen, um Ihren Besuchern ein möglichst nahtloses Erlebnis zu bieten. Und das ist immer das Endziel: Ihren Besuchern die Arbeit zu erleichtern.

Eine Sorge aller Website-Betreiber ist, dass ihr Angebot vom Layout her altbacken wirkt. Bei einem Online-Shop ist das noch besorgniserregender, da es direkt zu Umsatzeinbußen führen kann. Neben einem tollen Design ist das Hinzufügen von Shortcuts eine weitere Möglichkeit, die Gestaltung eines WooCommerce-Shops aufzupeppen.

Was sind WooCommerce-Shortcodes?

Es handelt sich um kleine Code-Schnipsel, die Sie an beliebiger Stelle auf einer Seite platzieren können und die optisch ansprechende Verknüpfungen bieten. Sie können Ihren Benutzern den Zugriff auf Folgendes erleichtern:

• Handlungsaufforderungen
• Seiten innerhalb des Shops (wie der Warenkorb oder Ihr Bereich zur Auftragsverfolgung)
• Spezifische Produkte, die Sie vermarkten möchten

Hinzufügen von WooCommerce-Shortcodes

Auch wenn der Begriff technisch klingt, ist das Beste an WooCommerce-Shortcodes, dass sie mühelos hinzugefügt werden können. Sie müssen nicht einmal programmieren können. Dank Gutenberg besteht der Vorgang lediglich darin, den Shortcode in einen Shortcode-Block oder Page Builder einzufügen (also zu kopieren und einzufügen).

Sie können verschiedene Shortcodes auf einer einzigen Seite einfügen und mehrere nebeneinander platzieren.

Die wichtigsten Plugins

Während WooCommerce mit einem eigenen Set geliefert wird, gibt es einige Plugins, mit denen Sie auf noch mehr Shortcodes zugreifen können. Gehen Sie zum Admin-Dashboard von WooCommerce und Sie finden Plugin > Neu hinzufügen auf der rechten Seite. Sie können die unten aufgeführten Plugins direkt dort hinzufügen.

• WooCommerce-Schnellansicht Pro. Installieren Sie diese Funktion auf Ihrer WordPress-Site, und Sie erhalten automatisch neue Schnellansichtsschaltflächen in Ihrem Frontend-Layout. Diese ermöglichen Besuchern den Zugriff auf Details wie Attribute und Varianten sowie das Hinzufügen von Produkten zum Warenkorb, ohne die aktuelle Seite verlassen zu müssen.
• WooCommerce-Produkttabelle Mit diesem Plugin können Sie den Shortcode [product_table] verwenden, der Ihnen hilft, Layouts neben dem Standardraster von WooCommerce zu verwenden. Es ist eine gute Wahl, wenn Sie mehr Produkte pro Seite anzeigen möchten.
• WooCommerce-Shortcodes von WooThemes Nach der Installation und Aktivierung fügt dieses Plugin Ihrem Texteditor eine TinyMCE-Dropdown-Schaltfläche hinzu, die einfachen Zugriff auf alle integrierten Shortcodes bietet. Das spart viel Zeit, da Sie Shortcodes nicht bei jeder Verwendung kopieren und einfügen müssen.

Nachfolgend finden Sie einige der nützlichsten Shortcodes, unterteilt in drei Hauptkategorien: Seiten, Produktanzeige und Aktionen.

1. Shortcodes zu Seiten

Machen Sie es Ihren Kunden einfacher, indem Sie ihnen Zugriff auf wichtige Seiten gewähren, ohne dass sie die Seite verlassen müssen, auf der sie gerade navigieren.

• Mein Konto . Fügen Sie „Mein WooCommerce-Konto“ über den Shortcode an beliebiger Stelle auf der Site hinzu.
• Warenkorb . Zeigen Sie mit dem Shortcode den personalisierten Einkaufswagen Ihres Kunden auf WordPress-Seiten, in Posts, Widgets und Seitenleisten an.
• Kasse . Fügen Sie die Checkout-Seite mithilfe des Shortcodes an einer beliebigen Stelle ein (z. B. unter einer Produkttabelle).
• Auftragsverfolgung Die Funktion zur Auftragsverfolgung ist nicht in WooCommerce enthalten, Sie können sie jedoch 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 Listen Sie die Produktkategorien (nicht die Artikel) an beliebiger Stelle auf Ihrer Site auf.

3. Aktionen

Machen Sie es Ihren Kunden leicht, Aktionen durchzuführen, ohne ihre aktuellen Seiten zu verlassen:

• In den Warenkorb legen . Fügen Sie an beliebiger Stelle eine Schaltfläche für einen bestimmten Artikel ein. Denken Sie daran, den korrekten Code für das Produkt hinzuzufügen, z. B.
• Produktsuche . Fügen Sie an beliebiger Stelle auf Ihrer Site eine Live-Suche mit Live-Filterfunktionen hinzu, sei es auf Seiten oder in Beiträgen mit dem Shortcode.

Fehlerbehebung

Gelegentlich kann es vorkommen, dass Sie WooCommerce-Shortcodes korrekt in den Texteditor eingefügt haben, diese aber im Frontend nicht korrekt angezeigt werden. Gehen Sie in diesem Fall zum HTML-Texteditor und stellen Sie sicher, dass Sie nicht versehentlich <pre>-Tags eingebettet haben.

Abschließend

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