So passen Sie WooCommerce-Produktseiten an (ohne Code)

Ihre WooCommerce-Produktseiten leisten Schwerstarbeit, wenn es darum geht, Besucher in Kunden zu verwandeln.

Wenn Sie jedoch das Standardlayout verwenden, sehen Ihre Seiten möglicherweise identisch mit Tausenden anderer Shops aus, was es Ihren Produkten erschwert, hervorzustechen.

Die gute Nachricht? Sie müssen keinen Entwickler einstellen oder programmieren lernen, um Produktseiten zu erstellen, die Ihre Marke wirklich repräsentieren.

Nach dem Testen verschiedener Page Builder in unserer Demo-Umgebung haben wir festgestellt, dass SeedProd dies über seinen visuellen Editor problemlos erledigt.

In diesem Leitfaden führen wir Sie durch die Erstellung benutzerdefinierter WooCommerce-Produktseiten, die professionell aussehen und besser konvertieren, ohne eine einzige Codezeile anfassen zu müssen.

Was macht eine großartige WooCommerce-Produktseite aus? 🤔

Eine gut gestaltete Produktseite folgt Schlüsselprinzipien, die Besucher zum Kauf führen. Schauen wir uns an, was wirklich wichtig ist, wenn Sie Ihre Seiten in WooCommerce anpassen.

Erstens sind klare Produktbilder Ihr Fundament. Kunden können Ihre Produkte nicht anfassen oder fühlen, daher müssen hochwertige Bilder die Hauptarbeit leisten. Mehrere Winkel und Vergrößerungszoomfunktionen sind unerlässlich.

Ihre Produktbeschreibung sollte Fragen beantworten, bevor sie aufkommen. Konzentrieren Sie sich zuerst auf Vorteile, dann auf Funktionen, und schreiben Sie immer in der Sprache, die Ihre Kunden verstehen.

Die strategische Platzierung wichtiger Elemente ist wichtiger, als Sie denken. Ihr „In den Warenkorb“-Button, der Preis und die Versandinformationen sollten ohne Scrollen sofort sichtbar sein.

Social Proof ist Ihr stiller Verkäufer. Kundenrezensionen, Bewertungen und Testimonials schaffen Vertrauen und ermutigen zögerliche Käufer zum Handeln.

Am wichtigsten ist, dass jedes Element die Besucher zu Ihrem Hauptziel führen sollte: dem Kauf. Das bedeutet, Ablenkungen zu entfernen und einen klaren Weg zur Kasse zu schaffen. Sie möchten vielleicht sogar häufig zusammen gekaufte Produkte vorschlagen, um mehr Käufe zu fördern.

Hier ist ein großartiges Beispiel von Nutribullet, einem WooCommerce-gestützten Online-Shop. Diese Marke verfügt über eine Produktbildergalerie, die zeigt, wie der Artikel in realen Szenarien verwendet werden kann, und alle wichtigen Produktinformationen sind oben auf der Seite zugänglich.

Lassen Sie uns nun sehen, wie Sie Ihre WooCommerce-Produktseiten ohne Code anpassen können. Sie können diese Schnelllinks verwenden, um durch diese Anleitung zu navigieren:

• Schritt 1: Installieren und aktivieren Sie das SeedProd-Plugin
• Schritt 2: Wählen Sie ein WooCommerce-Vorlagen-Kit aus
• Schritt 3: Passen Sie die WooCommerce-Produktseitenvorlage an
• Schritt 4: Optimieren Sie Ihre WooCommerce-Produktseite
• Schritt 5: Veröffentlichen Sie Ihre benutzerdefinierte WooCommerce-Produktseite
• Bonus: Expertentipps zur Steigerung der WooCommerce-Verkäufe
• Video-Tutorial
• Häufig gestellte Fragen

Schritt 1: Installieren und aktivieren Sie das SeedProd-Plugin

Während WordPress mehrere Möglichkeiten bietet, WooCommerce-Produktseiten zu bearbeiten, haben wir SeedProd als die effektivste Lösung für Shop-Betreiber gefunden. Hier ist der Grund.

Im Gegensatz zum integrierten WordPress-Website-Editor gibt Ihnen dieses WooCommerce-Plugin die vollständige Kontrolle über das Design Ihrer Produktseite. Sie erhalten erweiterte E-Commerce-spezifische Funktionen, die der Standardeditor einfach nicht bietet.

Viele Drag-and-Drop-Seitenersteller überfordern Benutzer mit komplizierten Funktionen und verwirrenden Benutzeroberflächen. SeedProd verfolgt einen anderen Ansatz. Seine saubere, intuitive Benutzeroberfläche hilft Ihnen, Seiten ohne Lernkurve zu erstellen.

SeedProd zeichnet sich auch durch seine WooCommerce-spezifischen Tools aus. Sie erhalten Zugriff auf über 300 vordefinierte Vorlagen und spezielle E-Commerce-Blöcke, die sofort einsatzbereit sind.

Der Drag-and-Drop-Builder ermöglicht es Ihnen, jedes Element Ihres Shops anzupassen, ohne benutzerdefinierten Code zu erstellen. Egal, ob Sie Anfänger oder Profi sind, Sie können professionell aussehende WooCommerce-Seiten in Minuten statt Stunden erstellen.

SeedProd ist perfekt, wenn Sie gerade erst mit Ihrem Online-Shop beginnen oder bereit sind, Themes für bessere Ergebnisse zu wechseln. Obwohl es Ihr aktuelles Theme ersetzt, ist die Umstellung lohnenswert, wenn Sie die vollständige Kontrolle über das Design Ihres Shops wünschen.

Wir werden die kostenpflichtige Version von SeedProd für dieses Tutorial verwenden. Trotzdem können Sie unseren exklusiven SeedProd-Gutscheincode verwenden, um noch mehr bei Ihrem Kauf zu sparen. Darüber hinaus sind die wichtigsten Funktionen, die zur Anpassung von Produktseiten erforderlich sind, nur in der Premium-Version verfügbar.

Für einen detaillierten Einblick in alle Funktionen und Beispiele aus der Praxis lesen Sie unsere umfassende SeedProd-Bewertung.

Das erste, was Sie tun müssen, ist das SeedProd-Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu SeedProd » Einstellungen und geben Sie Ihren Lizenzschlüssel ein.

Diese Informationen finden Sie in Ihrem Konto auf der SeedProd-Website. Nach Eingabe des Lizenzschlüssels klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Schritt 2: Wählen Sie ein WooCommerce-Template-Kit

Wenn das erledigt ist, ist es an der Zeit, das WooCommerce-Template-Kit auszuwählen, das Sie für Ihren Online-Shop verwenden werden. Gehen Sie einfach zu SeedProd » Theme Builder und klicken Sie dann auf die Schaltfläche „Theme Template Kits“.

Da wir ein benutzerdefiniertes WooCommerce-Theme erstellen, klicken Sie auf die Registerkarte „WooCommerce“, um alle verschiedenen E-Commerce-Kits anzuzeigen.

Um ein Design in der Vorschau anzuzeigen, bewegen Sie einfach die Maus darüber und klicken Sie dann auf die Lupe.

Dies öffnet das Vorlagenkit in einem neuen Tab.

Dies ist eine Live-Vorschau, sodass Sie andere Designs im Kit sehen können, indem Sie auf die Links, Navigationsmenüs, Schaltflächen und andere interaktive Inhalte klicken.

Da Sie eine benutzerdefinierte WooCommerce-Produktseite erstellen, sollten Sie sich unbedingt das Layout der Produktseite ansehen. Prüfen Sie, ob es eine gute Grundlage sein kann, die Sie später anpassen können.

Wenn Sie ein Vorlagen-Kit gefunden haben, das Sie verwenden möchten, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchen, wenn es erscheint. In diesem Leitfaden verwenden wir das WooCommerce Starter Theme, aber Sie können jede beliebige Vorlage verwenden.

SeedProd importiert das gesamte Kit in Ihre WordPress-Website, sodass Sie das Kit verwenden können, um ein benutzerdefiniertes Produktarchiv, eine Shop-Seite, einen Blog-Index und mehr zu erstellen.

Um all diese Vorlagen anzuzeigen, gehen Sie zu SeedProd » Theme Builder.

Schritt 3: WooCommerce-Produktseiten-Vorlage anpassen

Nach der Installation Ihrer Vorlage sind Sie bereit für die Anpassung der WooCommerce-Produktseite.

Um zu beginnen, fahren Sie mit der Maus über die vordefinierte Produktseiten-Vorlage und klicken Sie dann auf den Link 'Design bearbeiten', wenn er erscheint.

Dies öffnet die Vorlage im Drag-and-Drop-Editor von SeedProd, mit einer Vorschau Ihrer WooCommerce-Vorlage rechts und einigen Blockeinstellungen links.

SeedProd zeigt ein Beispiel dafür, wie die Produktseite aussehen wird, indem es Inhalte von einem Ihrer WooCommerce-Produkte verwendet.

Alle WooCommerce-Vorlagen werden mit integrierten Blöcken geliefert, die eine Kernkomponente aller SeedProd-Designs darstellen.

Um einen Block anzupassen, klicken Sie einfach darauf, um ihn in der Seitenvorschau auszuwählen, und nehmen Sie dann Änderungen im linken Menü vor.

Zum Beispiel enthält die Vorlage einen integrierten Block für hervorgehobene Produkte, den Sie auf verschiedene Arten anpassen können.

Zu Beginn möchten Sie vielleicht die Größe und Ausrichtung des Blocks mit den Einstellungen im linken Menü ändern.

Weitere Einstellungen finden Sie im Tab „Erweitert“. Hier können Sie das Bild wirklich hervorheben, indem Sie einen Rahmen oder Schatten hinzufügen, eine CSS-Animation hinzufügen und mehr.

Während Sie Änderungen vornehmen, wird die Live-Vorschau automatisch aktualisiert, sodass Sie verschiedene Einstellungen ausprobieren können, um zu sehen, was in Ihrem Online-Shop am besten aussieht.

Die WooCommerce-Vorlage hat auch einen Call-to-Action-Button zum Warenkorb hinzufügen. Dies ermöglicht es Käufern, Ihre Produkte zu kaufen, daher möchten Sie, dass der Button hervorsticht.

Zuerst können Sie „In den Warenkorb legen“ durch Ihre eigenen benutzerdefinierten Meldungen ersetzen, wie z. B. Jetzt kaufen oder Holen Sie sich noch heute. Um diese Änderung vorzunehmen, wählen Sie einfach die Schaltfläche „In den Warenkorb legen“ aus und geben Sie dann den neuen Text in das Feld „Schaltflächentext“ ein.

Sie können auch eine Icon-Schriftart zum Button hinzufügen, um Besuchern auf einen Blick zu helfen zu verstehen, was dieser Button tut.

SeedProd verfügt über eine integrierte Bibliothek mit mehr als 1400 Font Awesome-Icons, die Sie auf Ihren Produktseiten verwenden können. Klicken Sie im linken Menü, um den Abschnitt „Icons“ zu erweitern.

Sie können nun wählen, ob das Symbol vor oder nach dem Schaltflächentext angezeigt werden soll.

Treffen Sie einfach Ihre Entscheidung und klicken Sie dann auf die Schaltfläche „Symbol auswählen“.

Sie sehen nun alle verschiedenen Font Awesome-Icons, die Sie verwenden können. Wenn Sie ein Icon finden, das Ihnen gefällt, klicken Sie darauf.

Wenn Sie mit der Nachricht des Buttons zufrieden sind, können Sie sein Aussehen ändern, indem Sie auf die Registerkarte „Vorlagen“ klicken. Hier finden Sie verschiedene Button-Vorlagen, die Sie verwenden können.

Um eines dieser Designs zu verwenden, klicken Sie einfach auf das gewünschte.

Nach der Auswahl einer Vorlage können Sie das Aussehen des Buttons durch Klicken auf die Registerkarte „Erweitert“ feinabstimmen. Hier können Sie den Abstand zwischen dem Button und dem Mengenfeld ändern, den Radius des Rahmens erhöhen, um abgerundete Ecken zu erstellen, und mehr.

Eine weitere Option ist, das Dropdown-Menü „Button-Stil“ zu öffnen und einen neuen Stil aus der Liste auszuwählen.

Die meisten Einstellungen sind selbsterklärend, daher lohnt es sich, sie durchzugehen, um zu sehen, welche verschiedenen Arten von Effekten Sie erstellen können.

Ein weiterer wichtiger Abschnitt ist der Block „Produktdaten-Tabs“. Dieser zeigt den Käufern detaillierte Informationen an, wie z. B. Produkt-Tags, Attribute und Kategorien.

In diesem Sinne lohnt es sich, auf den Block zu klicken und dann zu sehen, welche Änderungen Sie im linken Menü vornehmen können. Sie können beispielsweise die Hintergrundfarbe, die Textfarbe ändern, den Abstand vergrößern und vieles mehr.

Um Standardblöcke zu entfernen, bewegen Sie einfach die Maus über den entsprechenden Block.

Klicken Sie dann auf das Papierkorb-Symbol, wenn es erscheint.

Sie können Blöcke auch mit der Drag-and-Drop-Funktion im Editor auf der Seite verschieben.

Schritt 4: Optimieren Sie Ihre WooCommerce-Produktseite

Die integrierten Blöcke der Vorlage sind ein guter Anfang, aber um sicherzustellen, dass Sie die besten Ergebnisse aus Ihren Produktseiten erzielen, müssen Sie diese optimieren.

SeedProd bietet viele WooCommerce-Blöcke, die Sie verwenden können, um einen hochkonvertierenden Online-Marktplatz oder Shop zu erstellen. Um Ihnen zu helfen, finden Sie hier einige Dinge, die Sie möglicherweise mit Ihrer WooCommerce-Produktseite tun möchten.

Verwenden Sie SeedProd AI, um Produktbeschreibungen zu schreiben

Eine gute Produktbeschreibung kann den Unterschied zwischen einem WooCommerce-Verkauf und einer verpassten Gelegenheit ausmachen. Das Schreiben einzigartiger, ansprechender Beschreibungen für zahlreiche Produkte kann jedoch zeitaufwendig sein.

Hier können KI-Tools wie der KI-Content-Generator von SeedProd unglaublich hilfreich sein. Sie bieten einen Ausgangspunkt, den Sie dann verfeinern können, um ihn perfekt an Ihre Markenstimme und Produktspezifikationen anzupassen.

Um SeedProd AI zu verwenden, klicken Sie auf den Block 'Kurzbeschreibung' irgendwo auf Ihrer Produktseitenvorlage. Klicken Sie dann im linken Seitenleistenbereich auf 'Mit KI bearbeiten'.

Geben Sie nun einfach eine Eingabeaufforderung ein, um der KI mitzuteilen, was sie generieren soll.

Sie können spezifische Details zu Ihrem Produkt einfügen (z. B. woraus es besteht), damit der Inhalt genau beschreibt, wie der Artikel ist. Klicken Sie dann auf die Schaltfläche „Text generieren“.

Sobald Sie fertig sind, sehen Sie den vollständig generierten Inhalt. Hier können Sie ihn so belassen, wie er ist, die Sprache vereinfachen oder den Text einfacher oder länger machen.

Sie können auch den Textton ändern und den Text sogar in mehrere Sprachen übersetzen, wenn Sie einen mehrsprachigen Online-Shop betreiben.

Sobald Sie mit dem Aussehen des Textes zufrieden sind, klicken Sie einfach auf „Einfügen“.

Weitere Informationen zur Verwendung des KI-Tools finden Sie in unserem Leitfaden zur Nutzung von KI zur Steigerung Ihres Marketings.

Verwandte WooCommerce-Produkte anzeigen

Sie können möglicherweise mehr Verkäufe erzielen und den durchschnittlichen Bestellwert erhöhen, indem Sie verwandte Artikel auf Ihren Produktseiten anzeigen. Dies können Produkte sein, die Käufer häufig zusammen kaufen, oder Artikel, die sich gegenseitig ergänzen.

Wenn ein Kunde beispielsweise einen Laptop kauft, ist er möglicherweise auch an einer Laptoptasche interessiert.

SeedProd verfügt über einen fertigen Block für verwandte Produkte. Um diesen Block jedoch optimal nutzen zu können, müssen Sie verknüpfte Produkte im WooCommerce-Plugin einrichten, wie im folgenden Bild zu sehen ist.

Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden zur Anzeige von Produktempfehlungen in WordPress.

Wenn Sie damit fertig sind, suchen Sie einfach den Block "Verwandte Produkte" im SeedProd-Editor und ziehen Sie ihn auf Ihr Layout.

Standardmäßig zeigt der Block ein verwandtes Produkt in einer einzelnen Spalte an.

Sie können mehr Produkte anzeigen, indem Sie neue Zahlen in die Felder „Spalten“ und „Beiträge pro Seite“ eingeben oder auf die Pfeiltasten klicken.

Wenn Sie mehrere Produkte anzeigen, können Sie die Anordnung dieser Artikel mit dem Feld „Sortieren nach“ ändern. Sie könnten beispielsweise die Produkte mit den höchsten Bewertungen zuerst anzeigen, da Kunden diese Artikel am meisten zu genießen scheinen.

Sie können auch das Dropdown-Menü 'Reihenfolge' öffnen und auswählen, ob die verwandten Elemente in aufsteigender (ASC) oder absteigender (DESC) Reihenfolge angezeigt werden sollen.

Eine Sternebewertung hinzufügen

Die Anzeige einer Sternebewertung für jedes Produkt kann Käufern versichern, dass Ihre Artikel von guter Qualität sind. Daher möchten Sie vielleicht den Block für Sternebewertungen in Ihr Design ziehen.

Für die besten Ergebnisse empfehlen wir, die Sternebewertung oben auf dem Bildschirm anzuzeigen, wo Kunden sie leicht erkennen können. Dies kann Käufern helfen, Kaufentscheidungen schneller zu treffen, da sie sofort sehen können, ob andere Käufer ein Produkt empfehlen.

Nutzen Sie FOMO, indem Sie den Produktbestand anzeigen

FOMO, oder „Angst, etwas zu verpassen“, ermutigt Käufer, sofort zu handeln.

Wenn Sie Artikel in limitierter Auflage verkaufen oder regelmäßig nur eine geringe Menge auf Lager haben, möchten Sie vielleicht die verbleibende Anzahl der Produkte anzeigen. Dies kann Käufer davon überzeugen, sofort zu kaufen, anstatt zu warten und zu riskieren, dass das Produkt ausverkauft ist.

Um diese Informationen anzuzeigen, ziehen Sie den Produktbestand-Block auf Ihr Design.

Standardmäßig zeigt der Block die Anzahl der verbleibenden Artikel gefolgt von „auf Lager“ an. Möglicherweise möchten Sie Ihre eigene Nachricht zu diesem Standardtext hinzufügen.

Um dies zu tun, geben Sie einfach in den kleinen Texteditor im linken Menü ein. Wenn Sie Text hinzufügen, achten Sie darauf, das Tag '[sp_product_stock]' nicht zu bearbeiten, da SeedProd damit die Gesamtzahl der verbleibenden Artikel anzeigen kann.

Ersetzen Sie das Vorschaubild durch ein Produkt

Ein Beitragsbild eines Produkts ermöglicht es Käufern zu sehen, was sie in einem Online-Shop kaufen.

Manchmal möchten Sie jedoch möglicherweise ein einzelnes Beitragsbild durch eine Produktgalerie ersetzen. Sie könnten zum Beispiel dasselbe Produkt aus verschiedenen Blickwinkeln zeigen. Einige Shops verwenden sogar interaktive 360-Grad-Bilder hinzu, damit Käufer ein Produkt detaillierter erkunden können.

Wenn Sie Ihrer WooCommerce-Produkte eine Galerie hinzugefügt haben, ist es sinnvoll, den Standard-Produkt-Hervorgehobenes-Bild-Block durch einen Galerie-Block zu ersetzen.

Um dies zu tun, fahren Sie einfach mit der Maus über den Block „Featured Product“ und klicken Sie dann auf das Mülleimersymbol, wenn es erscheint.

Sie finden dann den Block Produktgalerie-Bild im linken Menü und ziehen ihn auf Ihr Seitenlayout.

Wir empfehlen, diesen Block eher am Anfang der Seite hinzuzufügen, damit Besucher sofort sehen können, was sie kaufen.

Käufer können in das Bild zoomen, indem sie ihre Maus über die Produktgalerie bewegen.

Standardmäßig wird das Zoom-Symbol in der oberen rechten Ecke des aktuellen hervorgehobenen Bildes angezeigt, aber Sie können dies mit den Schiebereglern 'Position oben' und 'Position rechts' ändern.

Sie können auch das Lupensymbol mit dem Schieberegler „Schriftgröße“ größer oder kleiner machen oder seine Symbolfarbe und Hintergrundfarbe ändern.

Es ist auch möglich, Rahmen um die verschiedenen Bilder mit den Einstellungen für den Rahmen von Bildern und Miniaturansichten hinzuzufügen.

Sorgen Sie für Aufsehen in den sozialen Medien mit Sharing-Buttons

Wenn ein Käufer Ihr Produkt in den sozialen Medien teilt, kann dies mehr Menschen in Ihren Online-Shop locken. Vor diesem Hintergrund ist es eine gute Idee, Social-Share-Buttons zu Ihren Produktseiten hinzuzufügen.

SeedProd verfügt über einen Social Sharing-Block, der Facebook, Twitter, LinkedIn und Pinterest unterstützt. Ziehen Sie diesen Block einfach per Drag & Drop auf Ihre Seite, und er fügt automatisch die Facebook- und Twitter-Sharing-Schaltflächen hinzu.

Um weitere soziale Netzwerke hinzuzufügen, klicken Sie einfach auf die Schaltfläche „Neuen Share hinzufügen“.

Sie können dann eine Social-Media-Seite aus dem Dropdown-Menü auswählen.

Nachdem Sie alle gewünschten Netzwerke hinzugefügt haben, können Sie die Größe der Freigabeschaltflächen mit dem Dropdown-Menü „Größe“ ändern.

Größere Social-Sharing-Buttons fallen mehr auf, obwohl sie von anderen Inhalten der Seite ablenken können, einschließlich der Handlungsaufforderung zum Hinzufügen zum Warenkorb.

Kundenrezensionen und Geschäftsberichte anzeigen

WooCommerce ermöglicht es Kunden, Ihre einzelnen Produkte zu bewerten, aber Sie möchten vielleicht auch Kundenrezensionen anzeigen. Dies können Zitate aus Ihren besten Bewertungen, Kommentare zu Ihrem exzellenten Kundenservice oder andere Inhalte sein, die Sie hervorheben möchten.

Der Testimonials-Block von SeedProd ermöglicht es Ihnen, rotierende Testimonials zu erstellen, was eine großartige Möglichkeit ist, viele Informationen auf kleinem Raum anzuzeigen.

Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen von rotierenden Testimonials in WordPress.

Kürzlich angesehene Produkte in WooCommerce hervorheben

Ein Abschnitt „kürzlich angesehen“ ermutigt Kunden, Produkte erneut anzusehen, die sie kürzlich gesehen, aber nicht in ihren Warenkorb gelegt haben. Dies hilft Kunden, Produkte zu vergleichen und den für sie richtigen Artikel zu finden.

Es gibt ihnen auch die Möglichkeit, ihre Meinung zu ändern und ein Produkt zu kaufen, das sie kürzlich besucht, aber nicht in ihren Einkaufskorb gelegt haben.

In diesem Sinne möchten Sie möglicherweise den Block „Neueste Produkte“ von SeedProd zu Ihrem Design hinzufügen.

Nach dem Hinzufügen des Blocks können Sie die Anzahl der Spalten über die Einstellungen im linken Menü ändern.

Wenn Sie viele verschiedene Produkte anzeigen möchten, können Sie Paginierung hinzufügen, indem Sie den Schalter „Paginierung“ aktivieren.

Wenn Sie „Paginierung“ aktivieren, erhalten Sie Zugriff auf einige zusätzliche Einstellungen.

Um zu beginnen, können Sie die Gesamtzahl der Ergebnisse am oberen Rand des Blocks "Aktuelle Produkte" anzeigen, indem Sie den Schalter "Anzahl der Elemente anzeigen" aktivieren.

Möglicherweise möchten Sie auch den Schieberegler „Sortieren nach“ aktivieren, da dies den Besuchern ermöglicht, die neuesten Produkte zu durchsuchen.

Wie Sie im folgenden Bild sehen können, wird hier ein Dropdown-Menü für die „Standard-Sortierung“ hinzugefügt.

Zeigen Sie Ihre beliebtesten WooCommerce-Produkte an

Möglicherweise möchten Sie auf Ihren Produktseiten die meistverkauften oder am besten bewerteten Produkte anzeigen. Da diese Artikel bereits gut funktionieren, kann es eine einfache Möglichkeit sein, mehr Verkäufe zu erzielen, indem Sie sie mehr Leuten zeigen.

Eine weitere Option ist die Anzeige von Produkten, die gerade im Angebot sind. Dies kann Käufer motivieren, diese Artikel jetzt zu kaufen, um das beste Angebot zu erhalten.

SeedProd verfügt über einige Blöcke, die diese Produkte automatisch abrufen können. Wenn Sie Ihre meistverkauften Produkte anzeigen möchten, fügen Sie den Block „Bestseller-Produkte“ zu Ihrem Design hinzu.

Für weitere Informationen lesen Sie bitte unseren Leitfaden zum Thema Anzeigen beliebter Produkte auf WooCommerce-Produktseiten.

Wenn Sie Produkte anzeigen möchten, die die höchste Sternebewertung haben, können Sie den Block „Top-Bewertete Produkte“ auf die Seite ziehen.

Schließlich gibt es einen Block für „Sale-Produkte“, der alle Artikel anzeigt, die derzeit im Angebot sind.

Egal welchen Block Sie hinzufügen, klicken Sie darauf, um ihn auszuwählen, und werfen Sie dann einen Blick auf die Einstellungen im linken Menü. Alle diese Einstellungen sind unkompliziert, daher lohnt es sich, sie durchzugehen, um zu sehen, welche verschiedenen Effekte Sie erzielen können.

Schritt 5: Veröffentlichen Sie Ihre benutzerdefinierte WooCommerce-Produktseite

Wenn Sie mit dem Aussehen der Produktseite zufrieden sind, ist es an der Zeit, Ihre Änderungen zu speichern. Klicken Sie einfach auf den Dropdown-Pfeil neben „Speichern“ und wählen Sie dann die Option „Veröffentlichen“.

Die benutzerdefinierte Produktseite wird in Ihrem Online-Shop erst angezeigt, wenn Sie das gesamte benutzerdefinierte WooCommerce-Theme aktivieren. Dies gibt Ihnen die Möglichkeit, die anderen Designs in Ihrem Theme-Kit durchzusehen und dann Änderungen mit dem Drag-and-Drop-Builder von SeedProd vorzunehmen.

Zum Beispiel möchten Sie normalerweise die Kopf- und Fußzeilen-Vorlagen bearbeiten, um Ihre eigenen Navigationsmenüs, das benutzerdefinierte Logo Ihres Shops und andere Inhalte anzuzeigen.

Um eine andere Vorlage zu bearbeiten, gehen Sie zu SeedProd » Theme Builder. Fahren Sie dann mit der Maus über die Vorlage, die Sie anpassen möchten.

Sie können dann auf den Link 'Design bearbeiten' klicken, wenn er erscheint.

Ändern Sie nun einfach das Design, indem Sie weitere Blöcke hinzufügen und diese dann mit den Einstellungen im linken Menü anpassen.

Wiederholen Sie diese Schritte einfach, bis Sie mit der Einrichtung aller Vorlagen zufrieden sind.

Wenn Sie bereit sind, das benutzerdefinierte WooCommerce-Theme live zu schalten, gehen Sie zu SeedProd » Theme Builder. Sie können dann auf den Schalter 'SeedProd Theme aktivieren' klicken, sodass 'Ja' angezeigt wird.

Wenn Sie nun Ihren Online-Shop besuchen, sehen Sie die benutzerdefinierte WooCommerce-Produktseite live.

Bonus: Expertentipps zur Steigerung der WooCommerce-Verkäufe

Möchten Sie Ihren WooCommerce-Shop auf die nächste Stufe heben? Hier sind einige von Experten empfohlene Strategien, um Umsatz und Engagement zu steigern:

• Führen Sie ansprechende WooCommerce-Wettbewerbe durch – Steigern Sie die Kundenbindung und das Engagement, indem Sie einen Wettbewerb erstellen. Erfahren Sie, wie Sie effektive Wettbewerbe einrichten und verwalten, die Kunden immer wieder zurückkommen lassen.
• Meistern Sie die Kunst des Upselling – Erhöhen Sie Ihren durchschnittlichen Bestellwert und Ihre Konversionsraten, indem Sie Produkte strategisch weiterverkaufen. Unser Leitfaden zeigt Ihnen, wie Sie Upselling-Techniken in WooCommerce implementieren.
• Coupons planen, um Zeit zu sparen – Automatisieren Sie Ihre Aktionen, indem Sie Coupons in WooCommerce planen. Diese zeiteffiziente Technik stellt sicher, dass Ihre Angebote genau dann live gehen, wenn Sie es möchten.
• Optimieren Sie den Checkout mit Express-Buttons – Reduzieren Sie Warenkorbabbrüche, indem Sie Express-Checkout-Buttons hinzufügen. Wir zeigen Ihnen, wie Sie diese Funktion für ein reibungsloseres Einkaufserlebnis implementieren.
• Unwiderstehliche BOGO-Angebote erstellen – Erfahren Sie, wie Sie Buy-One-Get-One-Free-Angebote in WooCommerce einrichten, um Kunden zu locken und den Umsatz zu steigern.
• Nutzen Sie Live-Verkaufsbenachrichtigungen – Schaffen Sie ein Gefühl der Dringlichkeit und sozialen Bewährtheit mit Live-Verkaufsbenachrichtigungen. Unser Leitfaden führt Sie durch die Einrichtung für Ihren WooCommerce-Shop.
• Abgebrochene Warenkörbe wiederherstellen – Lassen Sie keine potenziellen Verkäufe entgehen. Entdecken Sie effektive Wege, um abgebrochene Warenkörbe wiederherzustellen und in Verkäufe umzuwandeln.
• WooCommerce-Automatisierungen implementieren – Entdecken Sie leistungsstarke WooCommerce-Automatisierungen, die Ihnen helfen können, Ihren Umsatz zu steigern und Ihre Abläufe zu optimieren.

Video-Tutorial

WPBeginner abonnieren

Häufig gestellte Fragen

Hier sind einige häufig gestellte Fragen unserer Leser zur Anpassung von Produktseiten in WooCommerce:

Kann ich meine Produktseiten mit SeedProd für Conversions optimieren?

Ja, absolut! SeedProd verfügt über integrierte Marketing-Tools, die Ihnen helfen sollen, Besucher in Kunden zu verwandeln.

Mit seinem Drag-and-Drop-Builder können Sie ganz einfach konversionsorientierte Elemente hinzufügen, wie zum Beispiel:

• Countdown-Timer, um Dringlichkeit für Blitzverkäufe oder zeitlich begrenzte Angebote zu schaffen.
• Social Proof durch Testimonial- oder Bewertungsblöcke, um Vertrauen aufzubauen.
• E-Mail-Opt-in-Formulare, um Ihre Abonnentenliste direkt von Produktseiten aus zu erweitern.
• Auffällige Banner oder Call-to-Action-Blöcke, um Rabatte oder Sonderangebote hervorzuheben.

All diese Elemente können so gestaltet werden, dass sie zum Branding Ihres Shops passen, um sicherzustellen, dass Ihre Produktseiten professionell aussehen und gleichzeitig mehr Verkäufe erzielen.

Brechen SeedProd-Anpassungen nach WooCommerce-Updates?

Nein, das werden sie nicht. SeedProd erstellt unabhängige Vorlagen mit eigenen Blöcken, sodass Ihre benutzerdefinierten Produktdesignseiten intakt bleiben – auch wenn WooCommerce oder Ihr Theme aktualisiert werden.

Sie berühren niemals die Kern-WooCommerce-Dateien, was die Änderungen stabil und update-sicher macht.

Dennoch ist es immer eine gute Idee, sowohl SeedProd als auch WooCommerce auf ihren neuesten Versionen zu aktualisieren, um die volle Kompatibilität und den Zugriff auf neue Funktionen zu gewährleisten.

Welche WooCommerce-Elemente kann ich mit SeedProd hinzufügen?

SeedProd bietet Ihnen eine breite Palette von speziellen WooCommerce-Blöcken, um benutzerdefinierte Produktseiten ohne Programmierung zu erstellen. Sie können einfach hinzufügen:

• Produkttitel, Bild und Galerie, um Ihre Artikel zu präsentieren.
• Produktpreis und Warenkorb-Button, um den Kauf zu erleichtern.
• Produktbeschreibung und Kurzbeschreibung für klare Produktdetails.
• Produktbewertungen und -rezensionen, um soziale Beweise hervorzuheben.
• Verwandte Produkte und Upsells, um zusätzliche Käufe zu fördern.

Neben den WooCommerce-Blöcken können Sie Ihre Seiten mit den Marketing-Tools von SeedProd verbessern, um die Konversionsraten zu steigern und Ihre Seite optisch ansprechend zu gestalten.

Wir hoffen, dieser Artikel hat Ihnen geholfen, Ihre Produktseite in WooCommerce ohne Programmierung anzupassen. Möglicherweise möchten Sie auch unseren Leitfaden zum Erstellen eines WooCommerce-Popups zur Steigerung der Verkäufe oder unsere Expertenauswahl der besten WooCommerce-Plugins für Ihren Shop lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.