So passen Sie WooCommerce-Produktseiten an (ohne Code)

Ihre WooCommerce-Produktseiten leisten die meiste Arbeit, um Besucher zu Kunden zu machen.

Wenn Sie jedoch das Standardlayout verwenden, sehen diese Seiten oft genauso aus wie Tausende anderer Shops, was es für einzelne Produkte schwieriger macht, hervorzustechen.

Die gute Nachricht ist, dass Sie keinen Entwickler einstellen oder programmieren lernen müssen, um Produktseiten zu erstellen, die Ihre Marke widerspiegeln und Besucher zum Kauf führen.

Nach dem Testen mehrerer Page Builder haben wir festgestellt, dass SeedProd diesen Prozess mit seinem visuellen Drag-and-Drop-Editor vereinfacht.

In diesem Leitfaden führen wir Sie durch die Erstellung benutzerdefinierter WooCommerce-Produktseiten, die professionell aussehen und besser konvertieren, ohne eine einzige Zeile Code anzufassen.

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

Eine großartige WooCommerce-Produktseite verwandelt Gelegenheitskäufer in Käufer. Obwohl jeder Shop anders ist, teilen hochkonvertierende Seiten normalerweise diese fünf Schlüsselelemente:

• Hochwertige Produktbilder: Da Kunden das Produkt nicht anfassen können, sind klare Bilder unerlässlich, um Vertrauen aufzubauen und Qualität zu vermitteln.
• Überzeugende Produktbeschreibungen: Verwenden Sie überzeugende Texte, die Vorteile und nicht nur Funktionen hervorheben, damit die Benutzer verstehen, warum sie Ihr Produkt benötigen.
• Klare Handlungsaufforderung (CTA): Ihr „In den Warenkorb“-Button sollte das auffälligste Element auf der Seite sein, damit die Benutzer genau wissen, was sie als Nächstes tun sollen.
• Sozialer Beweis: Die Anzeige von Bewertungen, Sternebewertungen und Testimonials hilft, Besuchern zu versichern, dass Ihr Produkt zuverlässig ist.
• Upsells und Cross-Sells: Das Vorschlagen verwandter oder höherwertiger Produkte hält die Benutzer beim Stöbern und kann Ihren durchschnittlichen Bestellwert erhöhen.

Hier ist ein großartiges Beispiel von Nutribullet, das diese Designprinzipien in Aktion zeigt.

Nun sehen wir uns an, 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

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 für Ihren Online-Shop auszuwählen. 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 den Tab „WooCommerce“, um alle 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 Links klicken, Menüs navigieren, Schaltflächen verwenden und mit anderen interaktiven Inhalten interagieren.

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 Vorlagenkit finden, das Sie verwenden möchten, fahren Sie mit der Maus darüber und klicken Sie dann auf das Häkchen, wenn es erscheint. In dieser Anleitung 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 können Sie die WooCommerce-Produktseite anpassen.

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, einer Kernkomponente aller SeedProd-Designs.

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 Weise anpassen können.

Zunächst möchten Sie vielleicht die Größe und Ausrichtung des Blocks im linken Menü anpassen.

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.

Zunächst können Sie „In den Warenkorb“ durch Ihre eigene benutzerdefinierte Nachricht ersetzen, z. B. „Jetzt kaufen“ oder „Holen Sie es sich noch heute“.

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 enthält eine integrierte Bibliothek mit mehr als 1.400 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 einen Standardblock zu entfernen, bewegen Sie einfach die Maus darüber.

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 hinzufü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.

Wenn 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 wird mit einem fertigen Block für verwandte Produkte geliefert.

Um diesen Block jedoch optimal nutzen zu können, müssen Sie verknüpfte Produkte einrichten. Dies können Sie tun, indem Sie zum Abschnitt „Produktdaten“ gehen und auf die Registerkarte „Verknüpfte Produkte“ klicken, 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 mit dem Feld „Sortieren nach“ ändern, wie diese angeordnet sind. Sie könnten zum Beispiel die am besten bewerteten Produkte zuerst anzeigen, da Kunden diese 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 limitierte Auflagen oder regelmäßig kleine Lagerbestände verkaufen, möchten Sie vielleicht die Anzahl der verbleibenden Produkte anzeigen. Dies kann Käufer davon überzeugen, jetzt zu kaufen, anstatt zu warten und zu riskieren, dass das Produkt ausverkauft ist.

Um diese Informationen anzuzeigen, ziehen Sie den Block „Produktbestand“ in Ihr Design. Beachten Sie, dass dieser Block nur Daten anzeigt, wenn Sie „Lagerverwaltung“ in den Inventareinstellungen des Produkts aktiviert haben.

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. Zum Beispiel könnten Sie dasselbe Produkt aus verschiedenen Blickwinkeln zeigen. Einige Shops verwenden sogar interaktive 360-Grad-Bilder, 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, bewegen Sie einfach den Mauszeiger über den Block „Featured Product“ und klicken Sie dann auf das Papierkorbsymbol, 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 sich gerade im Angebot befinden. 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 präsentieren möchten, fügen Sie den Block „Best Selling Products“ zu Ihrem Design hinzu.

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

Wenn Sie Produkte mit der höchsten Sternebewertung anzeigen möchten, ziehen Sie den Block „Top Rated Products“ auf die Seite.

Schließlich gibt es einen Block „Sale Products“, der alle Artikel anzeigt, die sich gerade im Angebot befinden.

Unabhängig davon, 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 den Schalter „SeedProd Theme aktivieren“ umlegen, 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 zu WooCommerce-Produktseiten

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, 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.