Wie man in WooCommerce vorgestellte Produkte anzeigt (3 einfache Möglichkeiten) 

Suchen Sie nach einer einfachen Möglichkeit, WooCommerce-Produkte auf Ihrer Website anzuzeigen?

Mit der Kategorie "Hervorgehobene Produkte" können Sie Ihre wichtigsten Artikel dort anzeigen, wo sie von den Kunden am ehesten gesehen werden. Auf diese Weise können Sie die wichtigsten Produkte in WooCommerce hervorheben, das Benutzererlebnis verbessern und Ihnen helfen, Verkäufe schneller abzuschließen.

Viele Shopbetreiber fügen auf der WooCommerce-Homepage besondere Produkte hinzu, um die Aufmerksamkeit der Besucher genau dort zu wecken, wo sie landen.

In diesem Artikel zeige ich Ihnen 3 einfache Möglichkeiten, Ihrem WooCommerce-Shop vorgestellte Produkte hinzuzufügen.

Sie können Ihren Kunden zum Beispiel erlauben, die Sichtbarkeit Ihres Produktkatalogs nach "Featured" zu filtern, um Produkte anzuzeigen, die Sie empfehlen. So können Kunden Ihre besten Produkte leichter finden, ohne durch alle Produkte auf Ihrer Website scrollen zu müssen.

Die Darstellung bestimmter Produkte funktioniert auch als eine Art WooCommerce-Produktempfehlung, die Kunden zu Ihren meistverkauften oder saisonalen Artikeln führt.

Hinzufügen von vorgestellten Produkten in WooCommerce

Bevor Sie vorgestellte Produkte auf Ihrer Website anzeigen können, müssen Sie zunächst bestimmte Produkte in den WooCommerce-Einstellungen für die Sichtbarkeit von Produkten markieren und die Option "Vorgestellt" wählen. Sie können dies tun, indem Sie ein bestehendes Produkt bearbeiten oder ein neues Produkt in WooCommerce hinzufügen.

Um die "Featured Product"-Einstellung zu einem bestehenden Produkt hinzuzufügen, gehen Sie in Ihrem WordPress-Verwaltungsbereich zu Produkte " Alle Produkte. Fahren Sie dann mit der Maus über ein Produkt und klicken Sie auf die Option Bearbeiten.

Suchen Sie als Nächstes das Feld "Veröffentlichen" auf der rechten Seite des WordPress-Editors. Klicken Sie dort auf Bearbeiten neben der Überschrift "Katalogsichtbarkeit".

Klicken Sie nun auf das Kontrollkästchen "Dies ist ein vorgestelltes Produkt" und wählen Sie OK. Klicken Sie nun auf Aktualisieren, um Ihre Änderungen zu speichern.

Wiederholen Sie diesen Vorgang für jedes Produkt, das Sie als hervorgehobenes Produkt kennzeichnen möchten. Um den Vorgang zu beschleunigen, können Sie auf die Option "Schnellbearbeitung " klicken und das Kontrollkästchen "Hervorgehobenes Produkt" in diesem Bereich finden.

Alternativ können Sie auch auf das Sternsymbol neben jedem Produkt klicken, um es vorzustellen.

Sie wissen nicht, welche Artikel Sie präsentieren sollen? Beginnen Sie mit Ihren Top-Sellern oder saisonalen Angeboten. Das sind oft die besten Produkte, die Sie in WooCommerce präsentieren können.

Nachdem Sie ausgewählt haben, welche Produkte Sie auf Ihrer WooCommerce-Website anbieten möchten, können Sie diese auf Ihren Produktseiten anzeigen.

Hier erfahren Sie, wie Sie in WooCommerce vorgestellte Produkte mit drei verschiedenen Methoden präsentieren können, darunter meine Lieblingsmethode mit SeedProd.

Wie zeige ich vorgestellte Produkte in WooCommerce?

Es gibt mehrere Möglichkeiten, vorgestellte Produkte auf Ihrer WooCommerce-Website anzuzeigen. Zuerst zeigen wir Ihnen eine super einfache Methode, mit der Sie Ihren Produkt-Feed ohne Code an den Stil und das Branding Ihrer Website anpassen können.

Die zweite und dritte Methode bieten weniger Anpassungsmöglichkeiten, ermöglichen es Ihnen aber, vorgestellte Produkte mit den in WooCommerce integrierten Widgets und Shortcodes anzuzeigen.

Methode 1: Anzeige von WooCommerce-Produktvorschlägen mit SeedProd

Die erste Methode wird SeedProd verwenden, um mehrere vorgestellte Produkte pro Seite in WooCommerce anzuzeigen.

SeedProd ist einer der besten WordPress-Website-Builder mit über 1 Million Nutzern. Mit dem leistungsstarken Drag-and-Drop-Builder können Sie jede Art von Website erstellen, ganz ohne Programmierkenntnisse.

Sie können ein benutzerdefiniertes WordPress-Theme mit dem einfachen WordPress-Theme-Builder erstellen, einen kompletten Online-Shop mit der WooCommerce-Integration aufbauen und den leistungsstarken Page-Builder verwenden, um hochkonvertierende Landing Pages zu erstellen.

SeedProd bietet außerdem verschiedene Blöcke und Abschnitte, mit denen Sie jeden Teil Ihrer Website individuell gestalten können.

So können Besitzer von WooCommerce-Websites beispielsweise WooCommerce-Vorlagen-Tags verwenden, um dynamische Produktdaten überall anzuzeigen. Und mit den flexiblen Produktrastern können Sie schöne Produktlayouts erstellen, um Kunden zu begeistern und zu konvertieren.

In diesem Sinne erfahren Sie hier, wie Sie WooCommerce-Produkte mit der Featured-Einstellung mit SeedProd anzeigen können.

Schritt 1. Installieren und Aktivieren von SeedProd

Der erste Schritt ist die Installation von SeedProd auf Ihrer WooCommerce-Website.

Hinweis: Sie benötigen den SeedProd Elite-Plan, um auf die WooCommerce-Funktionen von SeedProd zuzugreifen.

Sie können diese Anleitung zur Installation eines WordPress-Plugins befolgen, wenn Sie Hilfe benötigen.

Nachdem Sie die SeedProd Plugin .zip Datei installiert haben, gehen Sie zu SeedProd " Einstellungen und geben Sie Ihren SeedProd Lizenzschlüssel ein.

Sie finden den Lizenzschlüssel auf der SeedProd-Website im Bereich "Downloads" Ihres Kontos.

Nachdem Sie Ihren Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche Schlüssel überprüfen, um Ihre Kontoinformationen zu speichern.

Schritt 2. Erstellen Sie ein WooCommerce-Theme

Der nächste Schritt besteht darin, eine WooCommerce-Produktseite zu erstellen. Es gibt 2 Möglichkeiten, wie Sie dies mit SeedProd tun können:

Vorgefertigtes WooCommerce-Theme

Sie können ein komplettes WooCommerce-Theme erstellen, indem Sie eine vorgefertigte WooCommerce-Theme-Vorlage importieren. Die Themenvorlage erstellt automatisch alle Seiten, die Sie für Ihren WooCommerce-Shop benötigen.

Einzelne Themenbereiche

Alternativ können Sie die verschiedenen Teile Ihres WooCommerce-Shops mit der Schaltfläche Themenvorlagen individuell gestalten.

In diesem Leitfaden verwenden wir die Methode der vorgefertigten Designs, weil sie alles automatisch für Sie erledigt.

Um ein neues WooCommerce-Theme zu erstellen, gehen Sie zu SeedProd " Theme Builder und klicken Sie auf die Schaltfläche Themes.

Wenn Sie auf diese Schaltfläche klicken, wird die WordPress- und WooCommerce-Themenbibliothek von SeedProd geöffnet. Jedes Theme ist zu 100 % mobilfähig, und Sie können das Design und Layout mit dem SeedProd Page Builder bearbeiten.

Fahren Sie mit der Maus über ein beliebiges Design und klicken Sie auf das Häkchensymbol, um es in den Theme Builder zu importieren. Wir verwenden für diese Anleitung das "WooCommerce Starter Theme".

Nachdem Sie Ihr Thema importiert haben, sehen Sie alle verschiedenen Vorlagen, aus denen das Design Ihrer Website besteht. Sie können auch jede Vorlage einzeln anpassen, um sie mit dem Seitenersteller von SeedProd auf die Bedürfnisse Ihrer Website zuzuschneiden.

Wir zeigen Ihnen, wie Sie das tun können, indem Sie die Shop-Seite anpassen.

Schritt 3. Hinzufügen des WooCommerce Featured Product Grid

Für diesen Schritt bearbeiten wir die Vorlage für die Shop-Seite und verwenden den Produktrasterblock von SeedProd, um eine Reihe von Produkten mit der Einstellung "Featured" anzuzeigen.

Suchen Sie die Seitenvorlage "Shop" im Dashboard des Themenerstellers und klicken Sie auf Design bearbeiten, um den Drag-and-Drop-Seitenersteller zu öffnen.

Der Page Builder von SeedProd ist super einfach zu bedienen. Es gibt Blöcke und Abschnitte auf der linken Seite und eine Live-Vorschau auf der rechten Seite. 

Sie können das vorhandene Design bearbeiten, indem Sie auf ein beliebiges Element klicken und die Einstellungen ändern. Wenn Sie z. B. auf ein Produkt klicken, wird das Einstellungsfenster für das Produktraster angezeigt, in dem Sie Folgendes tun können:

• Ändern Sie die Spaltennummer
• Anzeige von Produkten nach Typ und Anzeige von WooCommerce-Produkten nach Kategorie für gezieltere Produktlayouts
• Paginierung anzeigen
• Ändern Sie die Produktreihenfolge

Auf der Registerkarte Erweitert können Sie die Schriftarten, Schriftgrößen, Farben, Abstände und vieles mehr anpassen.

Das Hinzufügen von Inhalten zu Ihrer Seite ist ebenso einfach. Ziehen Sie einfach einen Block aus dem linken Fenster und legen Sie ihn in der Vorschau ab.

Genau das werden wir tun, um Ihrer Shop-Seite vorgestellte Produkte hinzuzufügen.

Scrollen Sie zunächst nach unten zum WooCommerce-Blocks-Panel in der linken Seitenleiste. Suchen Sie dann den Block "Featured Products" und ziehen Sie ihn auf Ihre Seite.

Klicken Sie darauf, um die Blockeinstellungen zu öffnen. Wie Sie sehen können, filtert der Block Ihre WooCommerce-Produkte automatisch nach dem "Featured product"-Status.

Jetzt müssen Sie nur noch das Produktraster an Ihre Bedürfnisse anpassen.

Vielleicht möchten Sie zum Beispiel, dass die vorgestellten Produkte stärker hervorstechen. In diesem Fall können Sie die Farbe des Abzeichens und den Bildrahmen ändern und sogar eine zusätzliche Überschrift hinzufügen, um den Nutzern das Auffinden der Produkte zu erleichtern.

Wenn Sie mit dem Aussehen Ihrer Seite zufrieden sind, klicken Sie auf die grüne Schaltfläche Speichern. Nun können Sie den Rest des Designs Ihres neuen WooCommerce-Themas auf die gleiche Weise anpassen, einschließlich Ihrer:

• Produktarchiv
• Produkt Seite
• Kopfzeile & Fußzeile
• Blog Seite
• Seitenleiste
• Homepage

Schritt 4. Veröffentlichen Sie Ihr WooCommerce-Theme

Nachdem Sie Ihrer Website vorgestellte Produkte hinzugefügt und Ihr Thema angepasst haben, können Sie es auf Ihrer Website live schalten.

Gehen Sie dazu zu SeedProd " Theme Builder und schalten Sie den Schalter Enable SeedProd Theme auf "On".

Das war's!

Sie können jetzt eine Vorschau Ihres WooCommerce-Themas anzeigen und Ihr individuelles Layout der vorgestellten Produkte sehen.

Methode 2: Verwenden Sie das WooCommerce Featured Products Widget

Eine weitere Möglichkeit, vorgestellte Produkte in Ihrem Online-Shop anzuzeigen, ist die Verwendung des in WooCommerce integrierten Widgets für vorgestellte Produkte. Damit können Sie vorgestellte Produkte zu Seiten, Beiträgen und in der Seitenleiste Ihrer Website hinzufügen.

Diese Methode bietet nicht so viele Anpassungsmöglichkeiten wie die vorherige Methode. Aber wenn Sie eine einfache Möglichkeit brauchen, Ihre wichtigsten Waren zu zeigen, ist das eine gute Lösung.

Um diese Methode zu verwenden, erstellen oder bearbeiten Sie eine Seite und klicken Sie auf das Plus-Symbol (+) im WordPress-Block-Editor, um einen neuen Block hinzuzufügen. Geben Sie dann "WooCommerce" in das Suchfeld ein und klicken Sie auf den Block "Featured Products".

Wählen Sie dort ein Produkt aus, das angezeigt werden soll, und klicken Sie auf " Fertig".

Ihr ausgewähltes Produkt wird nun direkt auf Ihrer Seite eingebettet. In den Blockeinstellungen können Sie Folgendes anpassen:

• Beschreibung
• Preis
• Überlagerung
• Überlagerung Deckkraft

Sie können auch jedes Produkt in einen Spaltenblock ziehen, um das Layout attraktiver zu gestalten.

Klicken Sie auf die Schaltfläche Veröffentlichen oder Aktualisieren, wenn Sie mit dem Aussehen zufrieden sind. Dann können Sie Ihre Produkte auf Ihrer Website in der Vorschau anzeigen.

Sie können das gleiche Widget verwenden, um vorgestellte Produkte in Ihrer WooCommerce-Seitenleiste anzuzeigen. Gehen Sie dazu zu Darstellung " Widgets, klicken Sie auf das Plus-Symbol in einer beliebigen Seitenleiste und fügen Sie das Widget "Featured Products" hinzu.

Vergessen Sie nicht, Ihre Änderungen zu speichern. Danach können Sie jede Seite mit dieser Seitenleiste besuchen, um Ihr Seitenleisten-Widget anzuzeigen.

Methode 3: Verwenden Sie die WooCommerce Featured Product Shortcode

Die letzte Methode, die wir behandeln, ist die Verwendung eines Shortcodes zum Hinzufügen von WooCommerce-Produktvorschlägen zu Ihrem Online-Shop. Sie können diese Methode verwenden, wenn Sie den klassischen WordPress-Editor verwenden oder vorgestellte Produkte in Ihrem WordPress-Theme anzeigen möchten.

Um die Shortcode-Methode zu verwenden, bearbeiten oder erstellen Sie eine neue Seite und fügen Sie dann den folgenden WooCommerce-Shortcode in den Editor ein.

[featured_products]

Wenn Sie eine Vorschau der Seite anzeigen, sehen Sie alle Produkte mit der Einstellung "vorgestellt" in einem Raster auf Ihrer Seite.

Sie können den Shortcode anpassen, um Produkte anders darzustellen, indem Sie weitere Produkte und Spalten hinzufügen. Ihr Shortcode könnte zum Beispiel so aussehen:

[featured_products per_page="2" columns="2"]

Spielen Sie mit dem Shortcode herum, bis Sie ein Layout finden, das zu Ihrem Shop passt. Die Anpassungsmöglichkeiten sind begrenzt, aber es ist ein einfacher Weg, um Ihre vorgestellten Produkte vor Ihren Kunden zu präsentieren.

Häufig gestellte Fragen zu WooCommerce Featured Products

Weitere Möglichkeiten zur Anpassung von WooCommerce

Die Anzeige von vorgestellten Produkten ist nur eine der vielen Möglichkeiten, Ihren Shop zu optimieren. Weitere WooCommerce-Anpassungen finden Sie in den folgenden Anleitungen:

• So passen Sie die Registerkarte "Zusätzliche Informationen" von WooCommerce an
• Wie man den View Cart Button in WooCommerce hinzufügt
• Wie man den Titel der Shop-Seite in WooCommerce ändert
• Wie man eine beeindruckende Produktbildgalerie in WooCommerce erstellt 
• Wie man Stern-Bewertung zu WooCommerce Produkt-Seiten hinzufügen
• Wie man verwandte Produkte in WooCommerce anzeigt
• Anzeige von Produktkategorien und Tags in WooCommerce 
• Wie man Produktbeschreibungen in WooCommerce erhält und anzeigt
• Wie WooCommerce View Cart nicht funktioniert zu beheben
• Wie man nicht vorrätige Produkte in WooCommerce ausblendet

Da haben Sie es!

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu erfahren, wie Sie WooCommerce-Produkte auf Ihrer Website anzeigen können.

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.