So passen Sie WooCommerce-bezogene Produkte an

Das Anpassen Ihrer Website für bessere Konversionsraten ist entscheidend für den Erfolg Ihres Online-Shops, und das Hinzufügen von Upsells und Cross-Sells zu Ihren Produkten kann Ihnen dabei helfen, dies zu erreichen. In diesem Leitfaden zeigen wir Ihnen, wie Sie WooCommerce-bezogene Produkte anpassen können.

Bevor wir uns die verschiedenen Optionen dafür ansehen, lassen Sie uns besser verstehen, warum Sie in Betracht ziehen sollten, Ihre verwandten Produkte hinzuzufügen und zu bearbeiten .

Warum verwandte Produkte in WooCommerce anpassen?

Das Hinzufügen und Anpassen des Bereichs WooCommerce-bezogene Produkte kann eine großartige Möglichkeit sein, Ihre Konversionsraten zu steigern und Ihren Umsatz zu steigern. Sie können Kunden andere Artikel zeigen, an denen sie interessiert sein könnten, und Ihre Chancen erhöhen, mehr Produkte zu verkaufen.

Abgesehen von der Steigerung des Umsatzes sorgen verwandte Produkte auch dafür, dass sich Ihre Käufer stärker mit Ihren Produkten beschäftigen und ihnen helfen, das zu finden, wonach sie suchen. Dies verbessert ihr Einkaufserlebnis, wodurch sie in Zukunft eher bei Ihnen kaufen werden. Darüber hinaus können Sie durch den intelligenten Einsatz von Cross- Sells und Up-Sells kostengünstige Angebote erstellen, von denen sowohl Ihre Kunden als auch Sie profitieren.

Wenn Sie einen Abschnitt für verwandte Produkte aktiviert haben, empfiehlt WooCommerce standardmäßig Artikel basierend auf ihren Tags und Kategorien. Das bedeutet, dass einem Kunden, der sich ein Produkt ansieht, zufällig andere Artikel mit denselben Taxonomien im Abschnitt "Verwandte Produkte" empfohlen werden.

Um diesen Abschnitt optimal zu nutzen, sollten Sie die WooCommerce-bezogenen Produkte anpassen und ein maßgeschneidertes Erlebnis bieten. In diesem Leitfaden zeigen wir Ihnen verschiedene Möglichkeiten, Ihre verwandten Produkte zu bearbeiten.

So passen Sie die WooCommerce-bezogenen Produkte an

Es gibt verschiedene Möglichkeiten, den Abschnitt für verwandte Produkte zu bearbeiten:

1. Über das WooCommerce-Dashboard
2. Mit Plugins
3. Programmatisch

Schauen wir uns jede Methode genauer an.

1) Fügen Sie verwandte Produkte aus dem WooCommerce-Dashboard hinzu und passen Sie sie an

Mit WooCommerce können Sie den Abschnitt „Verwandte Produkte“ über das Dashboard hinzufügen und anpassen. Sie können auswählen, welche Art von Produkten miteinander verknüpft werden, und verschiedene Optionen für Upsells und Cross-Sells auswählen.

Upsells und Cross-Sells

Standardmäßig werden Produkte mit denselben Tags und Kategorien als verwandte Produkte angezeigt. Sie können dies jedoch ändern und bestimmte Produkte anzeigen, indem Sie die Option „ Verknüpfte Produkte “ verwenden.

Mit dieser Option können Sie WooCommerce-bezogene Produkte für jeden Artikel individuell anpassen. Gehen Sie einfach zu Produkte und drücken Sie Bearbeiten unter dem Produkt, für das Sie die zugehörigen Produkte anpassen möchten.

Scrollen Sie dann nach unten zum Abschnitt Produktdaten und klicken Sie auf die Registerkarte Verknüpfte Produkte . Hier können Sie eingeben, welche Produkte Sie Cross- oder Up-Selling anbieten möchten. Geben Sie einfach den Produktnamen in eines dieser Felder ein und er wird in Ihrem Abschnitt für verwandte Produkte angezeigt. Denken Sie daran, dass Sie jedem dieser Felder mehrere Produkte hinzufügen können.

2) Passen Sie verwandte Produkte mithilfe von Plugins an

Während der Prozess der Einrichtung verwandter Produkte mit den WooCommerce-Optionen für kleine Geschäfte gut funktioniert, ist es für größere Geschäfte nicht ideal. Wenn Sie viele Produkte verkaufen, kann die Verwaltung vieler Tags und Kategorien und das individuelle Hinzufügen verwandter Produkte für jeden Artikel zeitaufwändig und ineffektiv sein. Aus diesem Grund empfehlen wir dringend, stattdessen ein Plugin zu verwenden.

Mit einem speziellen Tool können Sie ganz einfach Ihren Abschnitt für verwandte Produkte einrichten. Darüber hinaus können Sie verwandte Elemente zu verschiedenen Teilen Ihrer Website hinzufügen und Shortcodes verwenden, um den Vorgang zu vereinfachen.

Schauen wir uns einige der beliebtesten Plugins an, mit denen Sie verwandte Produkte in WooCommerce hinzufügen und anpassen können.

1) Verwandte Produkte für WooCommerce von WebToffee

Related Products by WebToffee ist das perfekte Plugin, um WooCommerce-bezogene Produkte einfach anzupassen. Sie können nicht nur den Standardbereich für verwandte Produkte deaktivieren, sondern auch definieren, welche Produkte stattdessen empfohlen werden sollen. Darüber hinaus können Sie mithilfe bestimmter Tags und Kategorien auswählen, welche Produkte Sie als verwandte Produkte anzeigen möchten.

Sie können auch einzelne Produkte zu Ihrem Abschnitt für ähnliche Produkte hinzufügen oder sie sogar ausschließen. Außerdem können Sie ganze Tags und Kategorien ausschließen. Alles in allem bietet Related Products by WebToffee jedem WooCommerce-Benutzer eine einfache Möglichkeit, den Abschnitt mit verwandten Produkten schnell und ohne Schwierigkeiten zu konfigurieren.

Hauptmerkmale

• Bietet die Option, die standardmäßigen WooCommerce-bezogenen Produkte zu deaktivieren
• Beinhaltet die Option, bestimmte Produkte individuell zu verwandten Produkten hinzuzufügen, nicht vorrätige Produkte zu entfernen und verwandte Produkte nach Tags/Kategorien anzuzeigen
• Spezieller Schieberegler für verwandte Produkte und die Option, Taxonomien aus dem Abschnitt für verwandte Produkte auszuschließen

2) Verwandte Produkte für WooCommerce

Mit Verwandte Produkte für WooCommerce können Sie jedem Teil Ihrer Website ein benutzerdefiniertes Widget für verwandte Produkte hinzufügen. Verwenden Sie einen dedizierten Shortcode, mit dem Sie verwandte Produkte basierend auf der aktuellen Ansicht oder bestimmten Produkten einschließen können. Auf diese Weise können Sie bestimmte Produkte in verschiedenen Bereichen Ihres Geschäfts bewerben, um Ihren Umsatz zu steigern.

Darüber hinaus können Sie anpassen, welche Produkte in den Widgets des Plugins empfohlen werden. Stellen Sie alles von der Anzahl verwandter Produkte bis zu den anzuzeigenden Artikeln mit einem flexiblen Schieberegler ein. Sie können auch ein Tag oder eine Kategorie festlegen, die unter dem Shortcode der zugehörigen Produkte angezeigt werden.

Hauptmerkmale

• Dedizierter Shortcode zum Hinzufügen von benutzerdefinierten verwandten Produkten zu Seiten/Posts/Widget-Bereichen
• Option zum Anzeigen verwandter Produkte mit einem Flex-Slider
• Passen Sie verschiedene Optionen an, z. B. die Anzahl der angezeigten Produkte, die Übersetzung verwandter Produkttexte und mehr

3) WPB Related Products Slider für WooCommerce

WPB Related Products Slider ist ein dediziertes Plugin, das entwickelt wurde, um Ihren Abschnitt für verwandte Produkte in attraktive Produkt-Slider zu verwandeln. Verwenden Sie einen optimierten Produkt-Slider, der Ihnen hilft, den Verkauf verwandter Produkte auf jedem Gerät zu steigern, egal ob es sich um Smartphones, Tablets oder Desktops handelt. Wählen Sie zwischen zwei verschiedenen einzigartigen Themen und passen Sie das flache Design des Plugins so an, wie Sie möchten.

Der Slider ist optimiert und sein dynamisches Design macht ihn beim Verkauf verwandter Produkte effektiv. Ihre Kunden können die Produkte auch direkt über den Schieberegler anzeigen und in den Warenkorb legen. Darüber hinaus bietet die Pro-Version des Plugins mehr Optionen wie die Auswahl produktspezifischer verwandter Produkte, mehr Styling-Optionen, relative Produktreihenfolge und vieles mehr.

Hauptmerkmale

• Einfach zu bedienen und einzurichten
• Dynamischer, flach gestalteter Slider für verwandte Produkte
• Slider für Flat-Design-Produkte mit 2 einzigartigen Themen zur Auswahl, die Sie anpassen können

Obwohl alle diese Plugins sehr gut funktionieren, zeigen wir Ihnen im folgenden Abschnitt, wie Sie die verwandten Produkte mit WebToffees verwandten Produkten für WooCommerce anpassen können.

Verwandte Produkte für WooCommerce installieren und einrichten

Beginnen wir mit der Installation des Plugins auf Ihrer Website. Gehen Sie in Ihrem Dashboard zu Plugins > Neu hinzufügen und verwenden Sie die Suchleiste oben rechts, um nach Related Products for WooCommerce by WebToffee zu suchen. Klicken Sie auf der Registerkarte des Plugins auf Installieren und aktivieren Sie es dann.

Öffnen Sie als Nächstes die Benutzeroberfläche des Plugins, indem Sie zu WooCommerce > Verwandte Produkte gehen.

Von hier aus können Sie den Bereich WooCommerce-Standardprodukte deaktivieren und stattdessen die eigenen verwandten Produkte des Plugins anpassen.

Sie können auch zusätzliche Optionen wie das Ausblenden von nicht vorrätigen Produkten im Abschnitt „Verwandte Produkte“ sowie den Schieberegler „Verwandte Produkte“ aktivieren.

Fahren Sie fort und fügen Sie eine benutzerdefinierte Überschrift für Ihre verwandten Produkte im Feld „ Überschrift “ hinzu und legen Sie dann das Feld „ Verwandt nach “ so fest, dass Ihre Produkte entweder mit Tags oder Kategorien angezeigt werden.

Mit der Option Sortieren nach können Sie auch auswählen, wie Ihre zugehörigen Felder geordnet/sortiert werden. In ähnlicher Weise können Sie mit der Anzahl der anzuzeigenden Produkte auswählen, wie viele Artikel Kunden im Abschnitt "Verwandte Produkte" angezeigt werden sollen.

Wenn Sie fertig sind, klicken Sie auf Änderungen speichern und jetzt sollten Ihre WooCommerce-bezogenen Produkte angepasst und einsatzbereit sein.

Fügen Sie benutzerdefinierte verwandte Produkte hinzu

Sie können Ihren verwandten Produkten auch individuelle Artikel hinzufügen. Öffnen Sie im Abschnitt Produkte eines Ihrer Produkte und öffnen Sie die Registerkarte Verknüpfte Produkte unter Produktdaten.

Das Plugin fügt zusätzliche Optionen hinzu, z. B. das Hinzufügen von Produkten basierend auf Kategorien und Tags und sogar das Ausschließen bestimmter Kategorien. Verwenden Sie diese Optionen, um Ihren Abschnitt für verwandte Produkte anzupassen und Ihre Upsells und Cross-Sells zu optimieren.

Hinzufügen von WooCommerce-bezogenen Produkten mithilfe von Shortcodes

Darüber hinaus bietet Ihnen das Plugin einen benutzerdefinierten Shortcode , den Sie Ihren Posts/Seiten hinzufügen können, um Ihre benutzerdefinierten Produkte anzuzeigen.

Um diesen Shortcode zu verwenden, öffnen Sie eine Ihrer Seiten/Beiträge und fügen Sie Ihrem Editor mit der Option „Shortcode hinzufügen“ einen Shortcode-Block hinzu.

Fügen Sie dann diesen Shortcode zum Block hinzu:

 [wt-related-products product_]

Stellen Sie sicher, dass Sie das XX im Shortcode durch die Produkt-ID ersetzen, die Sie für die verwandten Produkte verwenden werden. Sie finden die Produkt-ID unter der Produktliste.

Wenn Ihre Produkt-ID beispielsweise 147 lautet, lautet Ihr Shortcode:

 [ wt-related-products product_ ]

Speichern Sie dann Ihren Beitrag und sehen Sie sich eine Vorschau an, um zu überprüfen, ob er richtig funktioniert.

3) Passen Sie verwandte Produkte programmgesteuert an

Wenn Sie lieber kein Plugin verwenden möchten und über Programmierkenntnisse verfügen, können Sie die zugehörigen Produkte mit ein wenig Code anpassen. Es ist erwähnenswert, dass dies eine fortgeschrittenere Methode ist, daher würden wir empfehlen, eine der anderen Methoden zu verwenden, wenn Sie ein Anfänger sind und sich nicht wohl fühlen, WordPress-Dateien zu bearbeiten.

Bevor Sie beginnen, stellen Sie sicher, dass Sie ein untergeordnetes Thema erstellen und eine vollständige Sicherung Ihrer Website erstellen, um sicherzustellen, dass Sie Ihre Website wiederherstellen können, falls während des Vorgangs etwas schief geht.

Sobald Sie dies getan haben, öffnen Sie Ihre Designdateien, indem Sie zu Aussehen > Design-Editor gehen. Klicken Sie dann rechts in der Seitenleiste der Dateien auf functions.php .

Hier können Sie diesem Editor benutzerdefinierte Code-Snippets hinzufügen, um Ihre WooCommerce-bezogenen Produkte anzupassen. Für den Abschnitt „Verwandte Produkte“ verwenden Sie den Hook „ woocommerce_output_related_products_args“ . Dieser Hook enthält 3 Parameter, die Sie verwenden können: $related_posts , $product_id und $args .

Wenn Sie mit Hooks nicht vertraut sind und mehr über deren Verwendung erfahren möchten, werfen Sie einen Blick auf unseren Leitfaden zu WooCommerce-Hooks.

Mit dem Hook „ woocommerce_output_related_products_args“ können Sie verschiedene Funktionen erstellen, die Sie verwenden können. Sie können beispielsweise diesen Code verwenden, der die Anzahl verwandter Produkte auf 4 pro Seite beschränkt, die in 2 Spalten angeordnet sind.

 /**
* Ändern Sie die Anzahl verwandter Produkte
*/
Funktion woo_related_products_limit() {
globales $Produkt;

$args['posts_per_page'] = 6;
gib $args zurück;
}
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args', 20 );
Funktion jk_related_products_args( $args ) {
$args['posts_per_page'] = 4; // 4 verwandte Produkte
$args['Spalten'] = 2; // in 2 Spalten angeordnet
gib $args zurück;
}

Fügen Sie dieses Skript in Ihren Designdatei-Editor ein und klicken Sie dann auf Aktualisieren .

Darüber hinaus können Sie dieses andere Skript verwenden, um nur verwandte Produkte von einer bestimmten Produkt-ID anzuzeigen :

 add_filter('woocommerce_related_products', 'add_related_products');
Funktion add_related_products($related_product_ids)
{
// WC-Quellcode speichert IDs als String in diesem Array, also habe ich das auch gemacht
$related_product_ids[] = 'xx';
$related_product_ids zurückgeben;
}

Denken Sie daran, das „ XX “ durch Ihre jeweilige Produkt-ID zu ersetzen.

Tipps zur Steigerung der Conversion mit Ihren WooCommerce Related Products

Sobald Sie Ihren Abschnitt für verwandte Produkte vollständig eingerichtet haben, können Sie ihn voll ausnutzen, um Ihre Konversionsraten zu maximieren. Mit einem guten Abschnitt für verwandte Produkte können Sie nicht nur die Produktempfehlungen anpassen, sondern auch den Inhalt darum herum strukturieren, um noch bessere Ergebnisse zu erzielen.

Sie können beispielsweise:

• Erstellen Sie Abschnitte und Schieberegler für verwandte Produkte, um gezielt für Ihre Bestseller zu werben. Fügen Sie vorgestellte Produkte oder Artikel hinzu, die Ihre Kunden kaufen sollen
• Erstellen Sie Posts und Seiten, um Ihre vorgestellten Produkte zu vermarkten: Fügen Sie ihnen Ihre verwandten Produkte hinzu, um mehr Leads zu generieren
• Das Hinzufügen von Produktpaketen oder Artikeln, die normalerweise zusammen gekauft werden, zu Ihren verwandten Produkten für bestimmte Artikel kann ebenfalls eine großartige Möglichkeit sein, Ihren Umsatz zu steigern
• Erwägen Sie, reduzierte Produkte für Ihre Upsells hinzuzufügen. Bei Up-Sells werden Ihre verwandten Produkte in Ihrem Warenkorb angezeigt und Sie können ihn so anpassen, dass stattdessen reduzierte Produkte angezeigt werden. Dies bietet mehr Anreiz, mehr Artikel für Ihre Kunden zu kaufen. Weitere Informationen zum Anpassen Ihres Checkouts finden Sie in dieser Anleitung

Bonus: So verstecken oder entfernen Sie verwandte Produkte in WooCommerce

Inzwischen sollten Sie wissen, wie Sie verwandte Produkte in WooCommerce hinzufügen und anpassen. Aber was ist, wenn Sie stattdessen nach einer schnellen Möglichkeit suchen, Ihre verwandten Produkte zu verbergen ? Wir geben dir Deckung. Während einige Unternehmen viele Vorteile aus dem Abschnitt " Verwandte Produkte " ziehen können, möchten einige von Ihnen vielleicht keinen in Ihrem Geschäft haben.

Der einfachste Weg, dies zu tun, ist entweder die Verwendung eines speziellen Plugins oder programmgesteuert mit ein wenig Code. In diesem Abschnitt zeigen wir Ihnen, wie Sie die verwandten Produkte programmgesteuert ausblenden, aber wenn Sie weitere Optionen wünschen, sehen Sie sich unsere Anleitung zum Ausblenden/Entfernen verwandter Produkte in WooCommerce an.

Um Ihre verwandten Produkte programmgesteuert auszublenden, empfehlen wir Ihnen, zunächst ein untergeordnetes Thema zu erstellen, falls Sie dies noch nicht getan haben. Dadurch wird sichergestellt, dass Sie nicht mit Ihren Hauptthemendateien herumspielen und die Änderungen jederzeit rückgängig machen können. Darüber hinaus werden alle Ihre Dateiänderungen nicht überschrieben, nachdem Sie Ihr Design aktualisiert haben.

Sobald Sie Ihr Child-Theme aktiviert haben, gehen Sie zu Aussehen > Theme-Editor und wählen Sie functions.php in der rechten Seitenleiste der Theme-Dateien aus. Drücken Sie dann den Editor in der Mitte.

Fügen Sie als Nächstes einfach das folgende Skript zum Editor hinzu und klicken Sie auf Datei aktualisieren.

 remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Noch einmal, wenn Sie Ihre verwandten Produkte nicht programmgesteuert entfernen, sondern lieber ein Plugin oder eine andere Methode verwenden möchten, empfehlen wir Ihnen dringend, unseren Leitfaden zum Ausblenden von WooCommerce-bezogenen Produkten zu lesen.

Fazit

Zusammenfassend lässt sich sagen, dass die Bearbeitung des Abschnitts für verwandte Produkte Ihnen helfen kann, die Erfahrung Ihrer Kunden zu verbessern und Ihren Umsatz zu steigern.

In diesem Leitfaden haben wir Ihnen verschiedene Möglichkeiten gezeigt, die WooCommerce-bezogenen Produkte anzupassen, damit Sie sie optimal nutzen können. Jetzt sollten Sie in der Lage sein:

• Richten Sie verwandte Produkte ein und fügen Sie sie hinzu, um Ihre Käufer mit den standardmäßigen WooCommerce-Optionen zu verkaufen und zu verkaufen
• Fügen Sie mithilfe von Plugins einen einzigartigen Abschnitt für verwandte Produkte hinzu und erstellen Sie ihn
• Fügen Sie verwandte Produkte zu Ihren Beiträgen/Seiten für kreatives Content-Marketing hinzu
• Passen Sie die zugehörigen Produkte mithilfe von Code an

Alle diese Optionen haben Vor- und Nachteile und es gibt keine bessere oder schlechtere Option. Wählen Sie einfach diejenige aus, die Ihren Fähigkeiten und Bedürfnissen am besten entspricht.

Wenn Sie nach weiteren Möglichkeiten suchen, Ihren Online-Shop zu verbessern, können Sie sich schließlich diese Tutorials ansehen:

• So passen Sie die Produktseite in WooCommerce an
• So wiederholen Sie Bestellungen in WooCommerce
• Bearbeiten Sie die WooCommerce Shop-Seite