Der Moment, in dem Sie ein neues Produkt veröffentlichen, ist ein großartiges Gefühl. Sie haben etwas Neues für Ihr Publikum vorbereitet, und Sie sind bereit, es zu teilen.
Der nächste Schritt ist, dafür zu sorgen, dass es gesehen wird. Ein neues Produkt, das auf Seite zehn Ihres Shops versteckt ist, hilft niemandem.
Ein eigener Bereich für Neuheiten hilft Stammkunden dabei, die neuen Artikel zu entdecken, ohne sich durch den gesamten Rest wühlen zu müssen. Ich habe festgestellt, dass die integrierten WooCommerce-Tools fast alles abdecken, was man braucht, und für eine individuell gestaltete Seite macht SeedProd die Umsetzung ganz einfach.
Ich zeige dir gleich zwei Möglichkeiten, wie du neue Produkte in WooCommerce anzeigen kannst. Wähle diejenige aus, die am besten zu deinem Shop passt.
Kurzfassung: So zeigen Sie neue Produkte in WooCommerce an
Es gibt zwei Möglichkeiten, neue Produkte in Ihrem WooCommerce-Shop anzuzeigen: von einer vollständig individuell gestalteten Seite bis hin zu einem integrierten Block.
- Erstellen Sie eine Seite für neue Produkte mit SeedProd – Erstellen Sie mit dem visuellen Editor von SeedProd eine individuelle Seite für Neuheiten mit Ihrem Branding, Filtern und Handlungsaufforderungen.
- Verwenden Sie den WooCommerce-Produktkollektionsblock oder den Shortcode – Fügen Sie ohne zusätzliche Plugins eine Übersicht mit aktuellen Produkten in jede bestehende Seite, jeden Beitrag oder jeden Widget-Bereich ein.
2 Möglichkeiten, neue Produkte in WooCommerce anzuzeigen
Hier sind drei Methoden, beginnend mit der flexibelsten und endend mit der schnellsten.
Zunächst erfahren Sie, wie Sie mit SeedProd – einem Drag-and-Drop-Website-Baukasten für WordPress, der von über einer Million Websites genutzt wird – eine eigene Seite für neue Produkte erstellen. Anschließend lernen Sie, wie Sie den in WooCommerce integrierten Block „Produktkollektion“ und Shortcodes nutzen können, um an beliebiger Stelle in Ihrem Shop einen Bereich für Neuheiten einzufügen.
Lasst uns eintauchen!
Methode 1: Verwenden Sie SeedProd zum Erstellen einer neuen Produktseite in WooCommerce
Bei der ersten Methode wird SeedProd verwendet, um eine eigene Seite für neue Produkte in Ihrem WooCommerce-Shop zu erstellen.
Mit SeedProd können Sie eine eigene WooCommerce-Seite für Neuheiten erstellen, Landingpages mit hoher Konversionsrate für einzelne Produkte gestalten und sogar eine WooCommerce-„Coming Soon“-Seite einrichten, bevor ein Produkt auf den Markt kommt. Es enthält mehrere WooCommerce-Blöcke, mit denen Sie Produkte einbinden und deren Darstellung anpassen können.
Mit SeedProd kannst du auch einen kompletten WooCommerce-Shop ohne Programmierkenntnisse erstellen.
1. Installieren Sie das SeedProd Plugin
Der erste Schritt besteht darin, das SeedProd-Plugin zu installieren.
Hilfe dazu finden Sie in dieser Schritt-für-Schritt-Anleitung für die Installation eines Plugins in WordPress.
Hinweis: Es gibt zwar eine kostenlose Version von SeedProd, für die erweiterten WooCommerce-Funktionen benötigen Sie jedoch den Elite-Tarif.
Nachdem Sie das Plugin aktiviert haben, gehen Sie zu „SeedProd » Einstellungen“ und geben Sie Ihren Lizenzschlüssel ein. Diesen finden Sie in Ihrem Kontobereich auf der SeedProd-Website.
2. Wählen Sie eine Vorlage für Ihre neue Produktseite
Gehen Sie zu SeedProd » Vorlagen. Wählen Sie aus Hunderten von vorgefertigten Landingpage-Vorlagen als Ausgangspunkt aus und filtern Sie dann nach Kategorie, um eine Vorlage zu finden, die zu Ihrem Shop passt.
Wenn Sie die gewünschte Vorlage gefunden haben, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Häkchen-Symbol. Für diese Anleitung verwende ich die Vorlage „eCommerce Thank You Page “.
Geben Sie Ihrer Seite einen Namen und klicken Sie auf „Speichern und mit der Bearbeitung der Seite beginnen“.
3. Ziehen Sie den Block Aktuelle Produkte hinein
Ihre Vorlage wird im visuellen Editor von SeedProd geöffnet. Auf der linken Seite sehen Sie Blöcke und Abschnitte, die Sie auf Ihre Seite ziehen können, und auf der rechten Seite eine Live-Vorschau.
Scrolle im linken Bereich zum Abschnitt „WooCommerce “. Suche den Block „Aktuelle Produkte “ und ziehe ihn auf deine Seite.
Klicken Sie auf den Block, um dessen Einstellungen zu öffnen. Im Einstellungsfenster haben Sie folgende Möglichkeiten:
- Wählen Sie die Anzahl der Produktspalten
- Produkt-Paginierung aktivieren
- Anzahl der Artikel für die Lagerverwaltung anzeigen
- Ein Filter-Dropdown-Menü hinzufügen
- Begrenzen Sie die Anzahl der angezeigten Produkte
Sie können den Abfragetyp auch von „Neueste Produkte“ auf „Empfohlene Produkte“, „Sonderangebote“, „Bestseller“, „Am besten bewertete Produkte“ oder eine benutzerdefinierte Abfrage umstellen.
Auf der Registerkarte „Erweitert“ haben Sie noch mehr Einstellungsmöglichkeiten, darunter die Typografie der Produktbeschreibung, die Schriftart für den Preis, die Farbe des Sonderangebots-Banners, die Schaltflächenstile und die Abstände.
Wenn Sie alle Produkte hinzugefügt haben, klicken Sie auf „Speichern“.
4. Anpassen von Design und Layout der Seite
Nachdem Sie Produkte hinzugefügt haben, passen Sie die Seite an Ihre Marke an. Entfernen Sie zunächst die Demo-Inhalte: Bewegen Sie den Mauszeiger über einen beliebigen Block und klicken Sie auf das Papierkorb-Symbol, um ihn zu löschen.
Klicken Sie auf eine Überschrift oder einen Textblock, um diesen direkt zu bearbeiten. Sie können jedem Abschnitt auch ein Hintergrundbild hinzufügen, indem Sie auf den Abschnitt klicken, einen Hintergrundstil auswählen und ein Foto aus Ihrer Medienbibliothek oder der kostenlosen Bilddatenbank auswählen.
Wenn du mit dem Entwurf zufrieden bist, klicke auf „Speichern“.
5. Vorschau und Veröffentlichung Ihrer neuen Produktseite
Überprüfen Sie vor der Veröffentlichung die Darstellung auf Mobilgeräten. Klicken Sie auf das Mobil-Symbol in der unteren Navigationsleiste und passen Sie Ihr Layout an kleinere Bildschirme an, indem Sie beispielsweise die Anzahl der Produktspalten reduzieren oder die Schaltflächen tippfreundlicher gestalten.
Wenn Ihre Seite auf Mobilgeräten gut aussieht, klicken Sie auf den Dropdown-Pfeil neben der Schaltfläche „Speichern“ und dann auf „Veröffentlichen“.
Ihre Seite „Neuheiten“ ist jetzt online. Von hier aus können Sie sie zu Ihrem WordPress-Navigationsmenü hinzufügen, damit Besucher Ihre neuesten Produkte ganz einfach durchstöbern können.
Mit SeedProd kannst du deine Seite weiter anpassen, um die Konversionsrate zu steigern. Dazu gehören das Hinzufügen kurzer Produktbeschreibungen, die Anzeige variabler Produkte, das Ändern der Farbe deiner CTA-Schaltfläche, die Einblendung des Warenkorbs und das Hinzufügen animierter Überschriften.
Methode 2: Neue Produkte in WooCommerce ohne ein Plugin anzeigen
Wenn Sie neue Produkte auf Ihren bestehenden WooCommerce-Seiten oder in Ihren WordPress-Beiträgen anzeigen möchten, benötigen Sie kein separates Plugin. WooCommerce enthält einen „Produktkollektion“-Block sowie integrierte Shortcodes, mit denen Sie an beliebiger Stelle in Ihrem Online-Shop einen Bereich für Neuheiten einfügen können.
Verwenden Sie den Produktkollektionsblock in Gutenberg
Neuere Versionen von WooCommerce (ab Version 8.0) verwenden den Block „Produktkollektion “. WooCommerce hat diesen eingeführt, um die älteren, veralteten Blöcke – darunter „Neueste Produkte“ – durch eine flexiblere Option zu ersetzen. Wenn Sie eine ältere Version verwenden, suchen Sie stattdessen nach „Neueste Produkte“.
Um sie hinzuzufügen, bearbeiten Sie einen beliebigen Beitrag oder eine Seite in Ihrem Shop und klicken Sie auf das Pluszeichen. Suchen Sie nach „Produktkollektion“ und klicken Sie darauf, um sie hinzuzufügen.
Klicken Sie innerhalb des Blocks auf „Sammlung auswählen“ und wählen Sie die Option „Neuheiten“ aus.
In den Blockoptionen auf der rechten Seite können Sie festlegen, wie viele Produkte pro Seite angezeigt werden sollen, die Anzahl der Spalten einstellen, Produkte nach Sonderangeboten, Lagerbestand und weiteren Kriterien filtern und vieles mehr.
Wenn du mit dem Ergebnis zufrieden bist, klicke auf „Aktualisieren “ oder „Veröffentlichen“.
Neue Produkte mit einem WooCommerce Shortcode hinzufügen
Wenn Sie den klassischen WordPress-Editor verwenden, nutzen Sie den [recent_products] Shortcode. Fügen Sie ihn in eine beliebige Seite, einen Beitrag oder ein Widget ein, um eine Übersicht der zuletzt veröffentlichten Produkte anzuzeigen.
Sie können die Anzahl der Produkte und Spalten über Parameter steuern: [recent_products limit="4" columns="4"].
Aktualisieren oder veröffentlichen Sie die Seite, und Ihre Besucher sehen dort Ihre neuesten Produkte hervorgehoben.
Neue Produkte in der Seitenleiste mit einem Shortcode anzeigen
Mit demselben Shortcode kannst du neue Produkte in deiner WordPress-Seitenleiste anzeigen.
Gehe zu Erscheinungsbild " Widgets, fügen Sie einen neuen Absatzblock ein, fügen Sie den [recent_products] Shortcode und klicken Sie auf Speichern Sie.
Wenn Sie eine Vorschau Ihres Shops aufrufen, werden Ihre neuen Produkte auf jeder Seite in der Seitenleiste angezeigt.
Häufig gestellte Fragen
Wie kann ich in WooCommerce nur neue Produkte anzeigen?
Für eine eigene Seite mit Neuheiten verwenden Sie den Block „Aktuelle Produkte“ von SeedProd. Für einen Bereich auf einer bestehenden Seite verwenden Sie den Block „Produktkollektion“ (WooCommerce 8+) oder den [recent_products] Shortcode. Mit beiden Methoden kannst du genau steuern, wo neue Produkte angezeigt werden, ohne das Layout deines Hauptshops zu verändern.
Was ist der Shortcode für neue Produkte in WooCommerce?
Der WooCommerce-Shortcode zum Anzeigen neuer Produkte lautet [recent_products]. Hinzufügen limit="4" um festzulegen, wie viele Produkte angezeigt werden, und columns="2" um das Rasterlayout festzulegen. Du kannst auch orderby="date" um die Sortierung nach Datum deutlich zu machen.
Kann ich in WooCommerce eine Seite mit "Neuankömmlingen" hinzufügen?
Ja. Mit SeedProd kannst du mithilfe des Blocks „Aktuelle Produkte“ eine vollständig individuell gestaltete Seite „Neuheiten“ erstellen und diese dann zu deinem Navigationsmenü hinzufügen. Das ist eine gute Möglichkeit, die Sichtbarkeit deiner neuesten Artikel zu erhöhen, ohne deine Hauptseite zu überladen.
Wie kann ich neue WooCommerce-Produkte in meiner Seitenleiste anzeigen?
Füge den [recent_products] Shortcode in ein Seitenleisten-Widget zu integrieren. Gehe zu Erscheinungsbild " Widgets, fügen Sie einen Absatzblock hinzu und fügen Sie den Shortcode ein. Ihre neuesten Produkte werden in der Seitenleiste Ihres Shops angezeigt.
Wie lange bleiben Produkte in WooCommerce "neu"?
WooCommerce verfügt über keinen integrierten Timer für „Neu“-Kennzeichnungen. Der [recent_products] Der Shortcode und der Produktkollektionsblock zeigen Produkte nach Veröffentlichungsdatum sortiert an, sodass ältere Produkte natürlich nach unten rutschen, wenn Sie neue hinzufügen. Wenn Sie festlegen möchten, welche Produkte als „neu“ angezeigt werden, passen Sie die limit Parameter oder eine Produktkategorie speziell für Neuheiten verwenden.
Welche Methode sollten Sie verwenden?
Wenn Sie die volle Kontrolle über Design und Layout haben möchten, ist SeedProd die beste Wahl. Sie können eine vollständig individuelle WooCommerce-Seite für neue Produkte erstellen, Conversion-Elemente wie CTAs und Produktfilter hinzufügen und alles optisch gestalten, ohne den Code anzufassen.
Wenn Sie einen kurzen Abschnitt in einer bestehenden Seite oder Seitenleiste benötigen, bietet sich der Block „Produktkollektion“ an oder [recent_products] Shortcodes funktionieren einwandfrei, ohne dass zusätzliche Plugins erforderlich sind.
Möchten Sie Ihren WooCommerce-Shop weiter verbessern? Dann sehen Sie sich als Nächstes diese Tutorials an:
- Wie Sie Ihre WooCommerce-Website sichern
- Ausblenden von nicht vorrätigen Produkten in WooCommerce
- Anpassen der Registerkarte "Zusätzliche Informationen" in WooCommerce
- Wie WooCommerce View Cart nicht funktioniert zu beheben
- So ändern Sie den Titel der Shop-Seite in WooCommerce
- Verbessern Sie Ihre Produktbildgalerie in WooCommerce
- Hinzufügen von Sternebewertungen zu WooCommerce-Produkten
- Wie man verwandte Produkte in WooCommerce kontrolliert
Wenn Ihnen dieser Artikel gefallen hat, folgen Sie uns bitte auf YouTube, Twitter und Facebook, um weitere hilfreiche Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
