Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Anzeige verwandter Produkte in WooCommerce - Schritt für Schritt

Anzeige verwandter Produkte in WooCommerce - Schritt für Schritt 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: reviewer avatar Turner John
reviewer avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie verwandte Produkte in Ihrem WooCommerce-Shop anzeigen? Bei verwandten Produkten in WooCommerce handelt es sich um subtile Produktempfehlungen, die Kunden dazu ermutigen, mehr von Ihren Produkten oder Dienstleistungen zu kaufen. Dies kann Ihnen helfen, andere Waren zu verkaufen und den Umsatz zu steigern, ohne zu "aufdringlich" zu wirken.

In diesem Artikel zeigen wir Ihnen, wie Sie verwandte Produkte in WooCommerce anzeigen können, um den Umsatz Ihres Online-Shops zu steigern.

Warum WooCommerce Verwandte Produkte anzeigen?

Die Anzeige verwandter Produkte in WooCommerce erleichtert das Cross-Selling oder Upselling anderer Produkte in Ihrem eCommerce-Shop, um die Konversionsraten zu erhöhen.

Bei einem Upselling überzeugen Sie die Nutzer, eine teurere Version eines Produkts zu kaufen, das sie ursprünglich wollten. Von einem Cross-Sell spricht man hingegen, wenn man Kunden davon überzeugt, Produkte zu kaufen, die mit dem Produkt, das sie gekauft haben, verwandt sind und es ergänzen.

Die Anzeige verwandter Produkte während der Kaufabwicklung, auf einzelnen Produktseiten oder Widgets auf Ihrer WordPress-Website bietet eine einfache Möglichkeit für Up-Selling und Cross-Selling von Produkten. Außerdem ist diese Strategie oft weniger störend als aufdringliche Werbung und regelmäßige Newsletter.

Viele Kunden finden sogar die Rubriken für verwandte Produkte hilfreich. So können sie auf einfache Weise Produkte entdecken, von denen sie noch nie gehört haben, oder Waren, die sie brauchen, von denen sie aber nicht wussten, dass Sie sie anbieten.

Das Hinzufügen dieser Artikel in den Einkaufswagen erspart den Kunden Zeit und Mühe, später zurückzukehren.

Sehen wir uns also an, wie man verwandte Produkte in WooCommerce anzeigt.

Wenn Sie Ihr WooCommerce-Theme nicht ändern oder ein Plugin für verwandte Produkte zu Ihrer Website hinzufügen möchten, können Ladenbesitzer verwandte Produkte mit den Standardeinstellungen von WooCommerce anzeigen.

Diese Methode bietet zwar nicht viele Anpassungsmöglichkeiten, aber eine einfache Möglichkeit für Upselling und Cross-Selling, um den durchschnittlichen Bestellwert der Verkäufe im Geschäft zu erhöhen.

Schritt 1. Verknüpfte Produkte in WooCommerce hinzufügen

Gehen Sie zunächst in Ihrer WordPress-Verwaltung auf Produkte " Alle Produkte und bearbeiten Sie ein beliebiges WooCommerce-Produkt. Scrollen Sie in den Produktoptionen nach unten zum Abschnitt "Produktdaten" und suchen Sie die Registerkarte " Verknüpfte Produkte ".

Einstellungen für verknüpfte Produkte in WooCommerce

Der Abschnitt Verknüpfte Produkte hat 2 verschiedene Optionen: Upsells und Cross-Sells. 

Denken Sie daran: Upsells sind Artikel, die dem ursprünglichen Produkt ähnlich sind, aber einen höheren Preis haben. Cross-Sells sind ähnliche Produkte, die der Kunde zusätzlich zum Hauptprodukt kaufen möchte.

Geben Sie die Produktnamen in das Feld ein, das Sie verwenden möchten, und klicken Sie auf die richtigen Einträge, wenn sie erscheinen.

WooCommerce-bezogene Produkte hinzufügen

After adding cross-sells or upsells to your WooCommerce products, scroll up the page and click the Preview Changes button.

Sie sehen die verwandten Produkte unter Ihrer aktuellen Produktbeschreibung.

Vorschau von WooCommerce-verwandten Produkten

Sehen wir uns nun an, wie man mit SeedProd benutzerdefinierte verwandte Produktempfehlungen anzeigen kann.

SeedProd WordPress Website-Baukasten

SeedProd ist der beste Drag-and-Drop Website- und Page-Builder für WordPress. Damit können Sie jeden Teil Ihrer WordPress-Website visuell und ohne Code erstellen und anpassen.

Sie können SeedProd auch verwenden, um Ihren WooCommerce-Shop anzupassen. Mit vollständigen WooCommerce-Websitevorlagen und leistungsstarken WordPress-Blöcken können Sie Ihren Online-Shop an Ihre spezifischen Designanforderungen anpassen, ohne einen Entwickler zu beauftragen.

Sie können zum Beispiel benutzerdefinierte Produktkategorieseiten erstellen, Beschreibungen von Produktmerkmalen konfigurieren und sogar ein Warenkorbmenü zur Navigation Ihres Shops hinzufügen.

Mit dieser Methode wird Ihr aktuelles WooCommerce-Theme durch ein benutzerdefiniertes Design ersetzt. 

Sie benötigen keinen Code, keine Shortcodes, keine Child-Themes, keine Add-ons und keine empfohlenen Produkt-Plugins. Sie müssen nicht einmal Ihre functions.php-Datei bearbeiten. Stattdessen können Sie alles visuell und ohne viel Aufwand anpassen.

 Folgen Sie also den nachstehenden Schritten, um mit dem Theme Builder von SeedProd ganz einfach neue empfohlene Produkte zu WooCommerce hinzuzufügen.

Schritt 1. Installieren und Aktivieren von SeedProd

Um mit dieser Methode zu beginnen, müssen Sie die Elite-Version von SeedProd erwerben.

Es kommt mit voller WooCommerce-Unterstützung und allen Blöcken und Abschnitten, die Sie benötigen, um Produkte in Ihrem Shop anzupassen, Cross-Selling und Upselling zu betreiben.

Nachdem Sie Ihren Plan ausgewählt und Ihr Konto erstellt haben, gehen Sie auf die Registerkarte Downloads Ihres SeedProd-Kontos und laden Sie das Plugin herunter.

Finden Sie Ihren SeedProd-Lizenzschlüssel

Kopieren Sie dabei Ihren Produktlizenzschlüssel, da Sie diesen in Kürze benötigen werden.

Gehen Sie nun zu Ihrer WordPress-Website und laden Sie die SeedProd .zip-Datei in Ihren Shop hoch. Wenn Sie dabei Hilfe benötigen, können Sie diese Anweisungen zur Installation und Aktivierung eines WordPress-Plugins befolgen.

Sobald das Plugin aktiv ist, navigieren Sie zu SeedProd " Einstellungen und fügen Sie den Lizenzschlüssel, den Sie soeben kopiert haben, in das entsprechende Feld ein.

Ihren Lizenzschlüssel eingeben

Klicken Sie auf die Schaltfläche " Schlüssel überprüfen ", und schon können Sie mit der Anpassung Ihrer WooCommerce-Website beginnen.

Schritt 2. Wählen Sie ein WooCommerce-Vorlagenkit

Gehen Sie als Nächstes in Ihrem WordPress-Dashboard zu SeedProd " Theme Builder . Hier können Sie jeden Teil Ihres WooCommerce-Themas anpassen, aber zuerst müssen Sie eine Vorlage auswählen.

Wählen Sie ein Website-Kit seedprod

Um eine Vorlage auszuwählen, klicken Sie auf die Schaltfläche Themes.

Sie können auch den WooCommerce-Filter auswählen, um nur WooCommerce-Vorlagen-Kits anzuzeigen.

WooCommerce-Vorlagen-Bausätze

Wenn Sie einen Bausatz gefunden haben, der Ihnen gefällt, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Häkchensymbol.

Wählen Sie ein WooCommerce-Vorlagenkit

SeedProd importiert das gesamte Kit in Ihre WordPress-Website, einschließlich Produktseiten, Warenkörbe, Kassen, Produktarchive und Shopseiten. Sie können alle diese Vorlagenteile im Dashboard des Theme Builders sehen.

SeedProd-Themenbereiche

Sie werden auch feststellen, dass SeedProd automatisch Inhaltsseiten wie die Seiten "Über", "Kontakt" und "Service" aus der Demo-Vorlage erstellt. Sie finden diese Seiten im Standard-WordPress-Seiten-Menü, wo Sie darauf klicken können, um sie mit dem Drag-and-Drop-Builder von SeedProd zu bearbeiten. 

Seite mit seedprod bearbeiten

Nachdem Sie Ihre Vorlage installiert haben, können Sie damit beginnen, verwandte Produkte zu Ihrem Shop hinzuzufügen. Lassen Sie uns damit beginnen, verwandte Produkte auf der Warenkorb-Seite anzuzeigen.

Um Ihre Einkaufswagenseite zu bearbeiten, gehen Sie zum Dashboard des Theme Builders, suchen Sie die Vorlage Einkaufswagen, bewegen Sie den Mauszeiger darüber und klicken Sie auf den Link Design bearbeiten.

Design der Warenkorb-Seite bearbeiten

Ihre Warenkorbseite wird nun im visuellen Editor von SeedProd geöffnet.

Wenn sich Ihre Einkaufswagen-Seite öffnet, sehen Sie, dass sie ein zweispaltiges Layout mit WordPress-Blöcken und -Abschnitten auf der linken Seite und einer Live-Vorschau auf der rechten Seite hat.

Anpassen der Warenkorb-Seite mit SeedProd

Wenn Sie auf eine beliebige Stelle in der Vorschau klicken, können Sie die Einstellungen und Styling-Optionen des jeweiligen Blocks mit wenigen Klicks anpassen. In den Einstellungen des Einkaufswagen-Blocks können Sie zum Beispiel die Typografie, die Schaltflächenstile, die Feldfarben und vieles mehr ändern.

Einstellungen des SeedProd-Wagenblocks

Das Hinzufügen von verwandten Produkten zu Ihrer Warenkorb-Seite ist mit SeedProd super einfach.

Blättern Sie in der linken Seitenleiste zur Überschrift WooCommerce Template Tags und suchen Sie den Block Products Related. Klicken Sie nun auf den Block und ziehen Sie ihn auf Ihre Seitenvorschau.

WooCommerce produktbezogener Block

In den Blockeinstellungen können Sie die Spalten anpassen und die Anzahl der verwandten Produkte ändern. Sie können auch bestimmte Produkte bestellen, indem Sie eine Option aus dem Dropdown-Menü auswählen:

  • Datum
  • Produkt-ID
  • Menü Bestellung
  • Popularität
  • Zufällig
  • Bewertung
  • Titel
Verwandte Produkte Blockeinstellungen

Auf der Registerkarte " Erweiterte Einstellungen" können Sie das Styling Ihres Blocks für verwandte Produkte anpassen. Sie können zum Beispiel die Typografie, Farben, Schaltflächen, Bildschatten und vieles mehr ändern.

Erweiterte Blockeinstellungen für verwandte Produkte

Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke des Bildschirms.

SeedProd Warenkorb-Seite speichern

Schauen wir uns nun an, wie man in WooCommerce mit SeedProd Produkte nach oben verkaufen kann.

Schritt 4. WooCommerce Up-Sells auf Produktseiten anzeigen

Wenn Sie WooCommerce-Produkte up-sellen möchten, können Sie den Upsell-Block von SeedProd verwenden. Aber zuerst müssen Sie die Produkte in Ihren WooCommerce-Produkteinstellungen verknüpfen, indem Sie die Schritte in Methode 1 ausführen.

Der Upsell-Block von SeedProd funktioniert nur auf einzelnen Produktseitenvorlagen. Sie müssen also zum Theme Builder-Dashboard zurückkehren und Ihre Produktseitenvorlage bearbeiten.

Design der Produktseite bearbeiten

Die von uns verwendete Vorlage enthält bereits Produktempfehlungen. Entfernen wir also verwandte Produkte, indem wir auf das Mülleimersymbol klicken.

Block für verwandte Produkte entfernen

Als Nächstes suchen Sie den Upsell-Block im Abschnitt WooCommerce Template Tags und ziehen ihn auf Ihre Seite.

SeedProd Upsells-Block

Sie werden keine Live-Vorschau dieses Blocks sehen, aber Sie können ihn wie den Block für verwandte Produkte anpassen.

Fahren Sie mit der Anpassung Ihrer WooCommerce-Website fort, bis Sie zufrieden sind und sie so aussieht, wie Sie es wünschen. Und vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Änderungen regelmäßig zu speichern.

Schritt 5. Veröffentlichen Sie Ihr WooCommerce-Theme

Wenn Sie bereit sind, Ihre Änderungen auf Ihrer Website zu veröffentlichen, gehen Sie auf die Seite Theme Builder und suchen Sie den Schalter SeedProd-Theme aktivieren. Stellen Sie ihn auf "Ja", und Ihre Änderungen werden veröffentlicht.

seedprod-Thema aktivieren

Jetzt können Sie eine Vorschau Ihrer einzelnen Produktseiten und Einkaufswagenseiten anzeigen, um ähnliche Produktempfehlungen zu sehen.

Hier ist ein Beispiel für die Einkaufswagen-Seite:

WooCommerce verwandte Produkte auf der Einkaufswagenseite

Und hier sind die Upsell-Beispiele auf der Produktseite:

WooCommerce Upsell-Produkte auf der einzelnen Produktseite

Wenn Sie verwandte Produkte ausblenden möchten, entfernen Sie einfach den neuen Abschnitt von Ihrer Seite.

Da haben Sie es!

Häufig gestellte Fragen

Wie kann ich jede Kategorie mit ihren Produkten in WooCommerce anzeigen?

WooCommerce verfügt nicht über eine eingebaute Funktion, um alle Produkte auf der Shop-Seite kategorisiert anzuzeigen. Sie können dafür benutzerdefinierte Codeschnipsel oder Plugins verwenden. Folgen Sie unserer Anleitung zur Anzeige von Produktkategorien in WooCommerce.

Sie wissen jetzt, wie Sie WooCommerce verwenden können, um verwandte Produkte anzuzeigen. Die WooCommerce-Funktionen von SeedProd sind der einfachste Weg, um Ihren Online-Shop anzupassen.

Sind Sie bereit, Ihre Produktverkäufe in die Höhe zu treiben?

Diese anderen WooCommerce-Tutorials und -Tipps könnten Ihnen auch gefallen:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.

Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.