Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

So passen Sie WooCommerce-Produktseiten an (Methode ohne Code)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie Ihre WooCommerce-Produktseiten anpassen, um mehr Umsatz zu erzielen?

Eine gut gestaltete Produktseite ist entscheidend, um die Aufmerksamkeit potenzieller Kunden zu erregen. Je ansprechender und informativer die Produktseite aussieht, desto leichter fällt es dem Kunden, eine Kaufentscheidung zu treffen.

In diesem Artikel zeigen wir Ihnen, wie Sie die Produktseiten von WooCommerce anpassen können, ohne Code zu schreiben.

How to customize WooCommerce product pages (no code method)

Warum sollten Sie WooCommerce-Produktseiten in WordPress anpassen?

Standardmäßig erstellt WooCommerce während des Einrichtungsassistenten Produktseiten in Ihrem Online-Store. Leider sehen diese nicht besonders gut aus und sind auch nicht für die Konversion optimiert.

The default WooCommerce product page

Durch die Optimierung Ihrer Produktseiten können Sie Käufern bei der Entscheidung helfen, ob das Produkt für sie geeignet ist, und möglicherweise mehr Besucher in Käufer umwandeln. Dies ist eine der einfachsten Möglichkeiten, Ihren Umsatz zu steigern, ohne mehr Besucher in Ihren Shop zu locken.

Sehen wir uns also an, wie Sie Ihre WooCommerce-Produktseiten ohne Code anpassen können. Sie können diese Kurzlinks verwenden, um durch diese Anleitung zu navigieren:

Video-Anleitung

Subscribe to WPBeginner

Wenn Sie eine schriftliche Anleitung bevorzugen, dann lesen Sie einfach weiter.

Schritt 1: Installieren und aktivieren Sie das SeedProd Plugin

Der einfachste Weg, eine benutzerdefinierte WooCommerce-Produktseite zu erstellen, ist die Verwendung von SeedProd.

SeedProd ist der beste Drag-and-Drop-WordPress-Seitenersteller und wird mit über 300 professionell gestalteten Vorlagen geliefert.

Noch besser ist, dass Sie den erweiterten Theme-Builder von SeedProd verwenden können, um ein benutzerdefiniertes WordPress-Theme zu erstellen, ohne eine einzige Zeile Code schreiben zu müssen.

The SeedProd theme builder

Mit diesem Drag-and-Drop-Theme-Builder können Sie jeden Teil Ihres Online-Shops, einschließlich Ihrer Produktseiten, anpassen.

SeedProd verfügt sogar über vorgefertigte WooCommerce-Vorlagen und eCommerce-Blöcke, mit denen Sie schnell einen hochkonvertierenden Online-Shop erstellen können.

Seien Sie sich nur bewusst, dass diese Methode Ihr aktuelles WooCommerce-Theme ersetzen wird.

Als Erstes müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: Obwohl es eine kostenlose Version von SeedProd gibt, werden wir das Premium-Plugin verwenden, da es die WooCommerce-Blöcke und den Theme Builder enthält. Sie müssen ein Pro-Abonnement oder höher kaufen, um den Theme-Builder zu verwenden.

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

Adding the SeedProd license key to your WordPress website

Sie können diese Informationen in Ihrem Konto auf der SeedProd-Website finden. Nachdem Sie den Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Schritt 2: Wählen Sie ein WooCommerce Template Kit

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

Installing a WooCommerce template kit using SeedProd

Da wir ein benutzerdefiniertes WooCommerce-Theme erstellen, klicken Sie auf die Registerkarte „WooCommerce“, um alle verschiedenen eCommerce-Kits zu sehen.

Um ein Muster in der Vorschau zu sehen, fahren Sie einfach mit der Maus darüber und klicken dann auf die Lupe.

Previewing a WooCommerce website kit

Dadurch wird das Vorlagenkit in einer neuen Registerkarte geöffnet.

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

An example of a WooCommerce template, created using SeedProd

Da Sie eine benutzerdefinierte WooCommerce-Produktseite erstellen, sollten Sie sich das Design der Produktseite ansehen. Sehen Sie, ob es eine gute Basis sein kann, die Sie später anpassen können.

Wenn Sie eine Vorlage gefunden haben, die Sie verwenden möchten, fahren Sie mit dem Mauszeiger 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 Vorlage verwenden, die Sie möchten.

SeedProd's WooCommerce starter template

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

Um alle diese Vorlagen zu sehen, gehen Sie zu SeedProd “ Theme Builder.

Creating a custom product page using SeedProd

Schritt 3: Anpassen der WooCommerce-Produktseitenvorlage

Nachdem Sie Ihre Vorlage installiert haben, können Sie mit der Anpassung der Produktseite beginnen.

Bewegen Sie den Mauszeiger über die Vorlage für die Produktseite und klicken Sie auf den Link „Design bearbeiten“, wenn dieser angezeigt wird.

Customizing a product page using SeedProd

Dadurch wird die Vorlage im Drag-and-Drop-Editor von SeedProd geöffnet, mit einer Vorschau Ihrer WooCommerce-Vorlage auf der rechten Seite und einigen Blockeinstellungen auf der linken Seite.

SeedProd zeigt ein Beispiel, wie die Produktseite aussehen wird, indem es den Inhalt eines Ihrer WooCommerce-Produkte verwendet.

The SeedProd drag and drop page builder

Alle WooCommerce-Vorlagen werden mit integrierten Blöcken geliefert, die ein Kernbestandteil aller SeedProd-Designs sind.

Um einen Block anzupassen, wählen Sie ihn einfach durch Anklicken in der Seitenvorschau aus und nehmen dann die gewünschten Änderungen im linken Menü vor.

The SeedProd theme builder

So verfügt die Vorlage beispielsweise über einen integrierten Featured Product-Block, den Sie auf verschiedene Weise anpassen können.

Zu Beginn können Sie die Größe und Ausrichtung des Blocks mit Hilfe der Einstellungen im linken Menü ändern.

The Featured Product Image WooCommerce block

Weitere Einstellungen finden Sie auf der Registerkarte „Erweitert“. Hier können Sie das Bild durch Hinzufügen eines Rahmens oder Schattens, durch Hinzufügen einer CSS-Animation und vieles mehr besonders hervorheben.

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

Customizing WooCommerce blocks using SeedProd

Die WooCommerce-Vorlage verfügt auch über eine Schaltfläche„In den Warenkorb“ als Aufforderung zum Handeln. Damit können Kunden Ihre Produkte kaufen, daher sollten Sie die Schaltfläche besonders hervorheben.

Zunächst können Sie die Schaltfläche „In den Warenkorb“ durch Ihre eigene Nachricht ersetzen, z. B. “ Jetzt kaufen“ oder „Noch heute erhalten“. Um diese Änderung vorzunehmen, wählen Sie einfach die Schaltfläche „In den Warenkorb“ aus und geben dann den neuen Text in das Feld „Text der Schaltfläche“ ein.

An Add To Cart button on an online store

Sie können der Schaltfläche auch eine Icon-Schriftart hinzufügen, damit die Besucher auf einen Blick erkennen, was diese Schaltfläche bewirkt.

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

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

SeedProd's Font Awesome icon library

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

Sie sehen nun alle verschiedenen Font Awesome-Symbole, die Sie verwenden können. Wenn Sie ein Symbol finden, das Ihnen gefällt, klicken Sie es an.

SeedProd's built-in Font Awesome library

Wenn Sie mit der Botschaft der Schaltfläche zufrieden sind, können Sie das Aussehen der Schaltfläche ändern, indem Sie auf die Registerkarte „Vorlagen“ klicken. Hier finden Sie verschiedene Schaltflächenvorlagen, die Sie verwenden können.

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

Adding templates to an Add To Cart button

Nachdem Sie eine Vorlage ausgewählt haben, können Sie das Aussehen der Schaltfläche durch Klicken auf die Registerkarte „Erweitert“ feinabstimmen. Hier können Sie den Abstand zwischen der Schaltfläche und dem Mengenfeld ändern, den Radius der Umrandung erhöhen, um geschwungene Ecken zu erzeugen, und vieles mehr.

Eine andere Möglichkeit ist, das Dropdown-Menü „Schaltflächenstil“ zu öffnen und einen neuen Stil aus der Liste auszuwählen.

Adding a button style to a WooCommerce product page

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

Ein weiterer wichtiger Bereich ist der Block „Produktdaten-Registerkarten“. Hier werden den Käufern detaillierte Informationen angezeigt, z. B. Produkt-Tags, Attribute und Kategorien.

Deshalb lohnt es sich, den Block auszuwählen und dann zu sehen, welche Änderungen Sie im linken Menü vornehmen können. Sie können zum Beispiel die Hintergrundfarbe und die Textfarbe ändern, den Abstand vergrößern und vieles mehr.

Product data tabs on an eCommerce store

Um einen der Standardblöcke zu entfernen, fahren Sie einfach mit der Maus über den entsprechenden Block.

Klicken Sie dann auf das Mülleimer-Symbol, wenn es erscheint.

Deleting blocks in WooCommerce

Sie können Blöcke auch durch Ziehen und Ablegen im Editor auf der Seite verschieben.

Schritt 4: Optimieren Sie Ihre benutzerdefinierte WooCommerce-Produktseite

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

SeedProd verfügt über zahlreiche WooCommerce-Blöcke, mit denen Sie einen hochrentablen Online-Marktplatz oder -Shop erstellen können. Im Folgenden finden Sie einige Blöcke, die Sie Ihrer WooCommerce-Produktseite hinzufügen können.

Verwandte WooCommerce-Produkte anzeigen

Möglicherweise können Sie mehr Verkäufe erzielen und den durchschnittlichen Bestellwert erhöhen, indem Sie auf Ihren Produktseiten verwandte Artikel anzeigen. Dabei kann es sich um Produkte handeln, die Kunden häufig zusammen kaufen, oder um Artikel, die sich gegenseitig ergänzen.

Wenn ein Kunde zum Beispiel einen Laptop kauft, ist er vielleicht auch an einer Laptoptasche interessiert.

SeedProd wird mit einem vorgefertigten Block für verwandte Produkte geliefert. Um diesen Block jedoch optimal nutzen zu können, müssen Sie verknüpfte Produkte im WooCommerce-Plugin einrichten, wie Sie auf dem folgenden Bild sehen können.

Adding linked products in WooCommerce

Eine schrittweise Anleitung zum Hinzufügen von verknüpften Produkten finden Sie in unserer Anleitung zum Upselling von Produkten in WooCommerce.

Suchen Sie dann im SeedProd-Editor den Block „Produkte“, und ziehen Sie ihn auf Ihr Layout.

A products related section on an online store

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

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

Showing related products on a custom WooCommerce page design

Wenn Sie mehrere Produkte anzeigen, können Sie die Anordnung dieser Artikel über das Feld „Sortieren nach“ ändern. Sie könnten zum Beispiel die Produkte mit den höchsten Bewertungen zuerst anzeigen, da diese Produkte den Kunden am besten gefallen.

Sie können auch das Dropdown-Menü „Reihenfolge“ öffnen und wählen, ob die Bezugsobjekte in aufsteigender (ASC) oder absteigender (DESC) Reihenfolge angezeigt werden sollen.

How to change the order of related products on a custom WooCommerce store

Sternbewertung hinzufügen

Die Anzeige einer Sterne-Bewertung für jedes Produkt kann den Käufern die Gewissheit geben, dass Ihre Artikel von guter Qualität sind. Ziehen Sie daher den Block „Sternebewertung“ auf Ihr Design.

Adding star ratings to a custom product page

Die besten Ergebnisse erzielen Sie, wenn Sie die Sterne-Bewertung am oberen Rand des Bildschirms anzeigen, wo sie für die Kunden leicht zu erkennen ist. Dies kann den Kunden helfen, schneller eine Kaufentscheidung zu treffen, da sie sofort sehen können, ob andere Kunden ein Produkt empfehlen.

Nutzen Sie FOMO, indem Sie den Produktbestand zeigen

FOMO, die „Angst, etwas zu verpassen“, ermutigt die Käufer, jetzt zu handeln.

Wenn Sie Artikel in limitierter Auflage verkaufen oder regelmäßig nur einen kleinen Lagerbestand haben, sollten Sie die Anzahl der verbleibenden Produkte anzeigen. Dies kann Kunden überzeugen, jetzt zu kaufen, anstatt zu warten und zu riskieren, dass das Produkt ausverkauft ist.

Um diese Informationen anzuzeigen, ziehen Sie den Block Produktbestand auf Ihren Entwurf.

Showing the product stock on an eCommerce site

Standardmäßig zeigt der Block die Anzahl der verbleibenden Artikel an, gefolgt von „auf Lager“. Sie können diesem Standardtext Ihre eigene Nachricht hinzufügen.

Geben Sie dazu einfach etwas in den kleinen Texteditor im linken Menü ein. Wenn Sie einen Text hinzufügen, achten Sie darauf, dass Sie das Tag „[sp_product_stock]“ nicht bearbeiten, da SeedProd damit die Gesamtzahl der verbleibenden Artikel anzeigt.

Adding your own messaging to an online store

Ersetzen Sie das angezeigte Bild durch ein Produkt

Anhand eines Bildes eines Produkts können die Kunden sehen, was sie in einem Online-Shop kaufen.

Manchmal möchten Sie jedoch ein einzelnes Bild durch eine Produktgallerie ersetzen. So können Sie beispielsweise dasselbe Produkt aus verschiedenen Blickwinkeln zeigen. Einige Shops verwenden sogar interaktive 360-Grad-Bilder, damit die Kunden ein Produkt detaillierter erkunden können.

Wenn Sie Ihren WooCommerce-Produkten eine Galerie hinzugefügt haben, ist es sinnvoll, den Standardblock für das Produktvorstellungsbild durch einen Galerieblock zu ersetzen.

Bewegen Sie dazu einfach den Mauszeiger über den Block mit den vorgestellten Produkten und klicken Sie dann auf das Mülleimer-Symbol, wenn es erscheint.

Replacing the featured product image

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

Wir empfehlen, diesen Block oben auf der Seite einzufügen, damit die Besucher sofort sehen können, was sie kaufen.

A WooCommerce product image gallery

Die Käufer können das Bild vergrößern, indem sie mit der Maus über die Produktgalerie fahren.

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

Customizing the product image 'zoom' icon

Sie können das Lupensymbol auch mit dem Schieberegler „Schriftgröße“ vergrößern oder verkleinern oder seine Symbol- und Hintergrundfarbe ändern.

Es ist auch möglich, mit den Einstellungen „Bildrand“ und „Thumbnails“ Rahmen um die verschiedenen Bilder zu setzen.

Adding borders to product images using SeedProd

Mit Sharing-Buttons einen Buzz auf Social Media erzeugen

Wenn ein Käufer Ihr Produkt in den sozialen Medien teilt, kann dies dazu führen, dass mehr Menschen Ihren Online-Shop besuchen. Aus diesem Grund ist es eine gute Idee, Schaltflächen zum Teilen in sozialen Netzwerken 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 die Facebook- und Twitter-Sharing-Buttons automatisch hinzu.

Adding social sharing icons using SeedProd

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

Sie können dann eine Website für soziale Medien aus dem Dropdown-Menü auswählen.

Adding social sharing icons for Facebook, Twitter, and more

Nachdem Sie alle Netzwerke, die Sie verwenden möchten, hinzugefügt haben, können Sie die Größe der Freigabe-Schaltflächen über die Dropdown-Liste „Größe“ ändern.

Größere Schaltflächen zum Teilen von sozialen Netzwerken fallen mehr auf, auch wenn sie vom übrigen Inhalt der Seite ablenken können, einschließlich der Aufforderung zum Einkaufen.

Changing the size of social networking icons in WordPress

Kundenempfehlungen und Geschäftsberichte anzeigen

In WooCommerce können Kunden Ihre einzelnen Produkte bewerten, aber vielleicht möchten Sie auch Kundenstimmen anzeigen. Dabei kann es sich um Zitate aus Ihren besten Bewertungen, um Kommentare zu Ihrem hervorragenden Kundenservice oder um andere Inhalte handeln, die Sie hervorheben möchten.

Mit dem Testimonials-Block von SeedProd können Sie rotierende Testimonials erstellen, was eine großartige Möglichkeit ist, viele Informationen auf kleinem Raum zu zeigen.

Creating a rotating customer testimonial

Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen von rotierenden Testimonials in WordPress.

Kürzlich angesehene Produkte in WooCommerce hervorheben

Eine Rubrik „Kürzlich angesehen“ ermutigt Kunden, Produkte, die sie kürzlich gesehen, aber nicht in den Warenkorb gelegt haben, erneut aufzurufen. Dies hilft den Kunden, Produkte zu vergleichen und den für sie passenden 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 den Einkaufskorb gelegt haben.

In diesem Sinne können Sie den Block „Neueste Produkte“ von SeedProd zu Ihrem Entwurf hinzufügen.

The SeedProd Recent Products block

Nachdem Sie den Block hinzugefügt haben, 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 eine Paginierung hinzufügen, indem Sie den Schalter „Paginierung“ aktivieren.

Adding pagination to your online store

Wenn Sie „Paginierung“ aktivieren, erhalten Sie Zugang zu einigen zusätzlichen Einstellungen.

Zunächst können Sie die Gesamtzahl der Ergebnisse oben im Block „Neueste Produkte“ anzeigen, indem Sie den Schalter „Anzahl der Artikel anzeigen“ aktivieren.

Showing an items count in a 'recently viewed products' section

Vielleicht möchten Sie auch den Schieberegler „Sortieren nach“ aktivieren, damit die Besucher die letzten Produkte sortieren können.

Wie Sie in der folgenden Abbildung sehen können, wird dadurch ein Dropdown-Menü „Standardsortierung“ in den Bereich eingefügt.

Adding filtering and sorting to an online store

Zeigen Sie Ihre beliebtesten WooCommerce-Produkte

Vielleicht möchten Sie die meistverkauften oder am besten bewerteten Produkte auf Ihren Produktseiten zeigen. Da diese Artikel bereits gut laufen, können Sie sie auf einfache Weise mehr Menschen zeigen, um mehr Verkäufe zu erzielen.

Eine weitere Möglichkeit ist die Anzeige von Produkten, die gerade im Angebot sind. Dies kann die Kunden 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 „Meistverkaufte Produkte“ zu Ihrem Entwurf hinzu.

Highlighting your best selling products

Weitere Informationen finden Sie in unserem Leitfaden zur Anzeige beliebter Produkte auf WooCommerce-Produktseiten.

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

Highlighting top rated WooCommerce products

Schließlich gibt es noch einen Block „Sale Products“, in dem alle Artikel angezeigt werden, die derzeit im Angebot sind.

Unabhängig davon, welchen Block Sie hinzufügen, wählen Sie ihn durch Anklicken aus und sehen Sie sich dann die Einstellungen im linken Menü an. Alle diese Einstellungen sind einfach, es lohnt sich also, sie durchzugehen, um zu sehen, welche verschiedenen Effekte Sie erzeugen können.

Showing reduced and sale products

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

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

Publishing a custom WooCommerce product page

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

Zum Beispiel werden Sie normalerweise die Kopf- und Fußzeilenvorlagen bearbeiten wollen, um Ihre eigenen Navigationsmenüs, das individuelle Logo Ihres Shops und andere Inhalte einzufügen. Zur Inspiration sehen Sie sich bitte unsere Checkliste der Dinge an, die Sie der Fußzeile Ihrer WordPress-Website hinzufügen sollten.

Um eine andere Vorlage zu bearbeiten, gehen Sie zu SeedProd “ Theme Builder. Bewegen Sie dann den Mauszeiger über die Vorlage, die Sie anpassen möchten.

Sie können dann auf den Link „Entwurf bearbeiten“ klicken, wenn dieser erscheint.

Editing the header template

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

Wiederholen Sie diese Schritte so lange, 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. Klicken Sie dann auf den Schalter „SeedProd-Theme aktivieren“, damit er „Ja“ anzeigt.

Publishing a custom WooCommerce theme using SeedProd

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

Bonus-Tipp: Fügen Sie Live-Verkaufsbenachrichtigungen hinzu, um zu mehr Käufen zu ermutigen

Neben der Optimierung Ihrer Produktseiten besteht eine weitere Möglichkeit zur Steigerung des Umsatzes in Echtzeit-Verkaufsbenachrichtigungen. Dabei handelt es sich um kleine Nachrichten, die auftauchen und mitteilen, dass ein Kunde ein bestimmtes Produkt gekauft hat, während Sie auf einer Website sind.

TrustPulse popup

Mit diesen Benachrichtigungen können die Nutzer sehen, dass tatsächlich Menschen ein Produkt von Ihnen kaufen. Dies kann dazu führen, dass sich diese potenziellen Kunden sicherer fühlen, wenn sie eine Bestellung aufgeben, was wichtig ist, wenn Sie ein kleines Unternehmen führen.

Wenn Sie Live-Verkaufsbenachrichtigungen zu Ihrem Shop hinzufügen möchten, können Sie TrustPulse verwenden. Dieses Plugin ist die beste Option für das Hinzufügen von Social-Proof-Benachrichtigungen in Echtzeit auf Ihrer Website.

Is TrustPulse the best social proof plugin for WordPress?

Mehr über TrustPulse erfahren Sie in unserem vollständigen TrustPulse-Test. Wenn Sie weitere Empfehlungen für Social-Proof-Plugins wünschen, sehen Sie sich unsere Liste der besten Social-Proof-Plugins für WordPress und WooCommerce an.

Wir hoffen, dieser Artikel hat Ihnen geholfen, Ihre WooCommerce-Produktseiten ohne Programmierung anzupassen. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Erstellen eines WooCommerce-Popups, um den Umsatz zu steigern, oder für unsere Expertenauswahl der besten WooCommerce-Plugins für Ihren Shop.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

7 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. THANKGOD JONATHAN says

    Thank you for the post.
    But will I be able to do this with the Seedpro and Woocommerce free version? or should I upgrade first before I could be able to do that?

  3. THANKGOD JONATHAN says

    I have WPforms already installed on my site with my woocommerce store. Will I be able to do that with it or should I switch to Seedprod instead?

    • WPBeginner Support says

      WPForms is for creating forms on your site, for changing your site’s design you would need to use a plugin like SeedProd.

      Admin

  4. John Akpama says

    Lovely and insightful tutorial. I’m guessing this is relatively easier for stores with one product or a few products. If you have over a hundred products is there a way to make this a global template and apply automatically to all products without having to build one after the other? Thanks in advance

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.