So bearbeiten Sie WooCommerce-Seiten (ohne Code)

Viele WooCommerce-Shop-Besitzer möchten, dass ihre Seiten poliert und markenkonform aussehen. Aber Änderungen an den Standardvorlagen können einschränkend wirken.

Einen Entwickler für jede kleine Änderung einzustellen, ist nicht immer praktikabel, besonders wenn Sie schnell vorgehen und die Kosten niedrig halten möchten.

Glücklicherweise gibt es leistungsstarke Seitenerstellungs- und Anpassungs-Plugins, die perfekt mit WooCommerce funktionieren. Diese Tools ermöglichen es Ihnen, schöne Produktseiten, Shop-Layouts und Checkout-Abläufe zu erstellen – alles, ohne Code anfassen zu müssen.

Noch besser: Sie können Dinge jederzeit selbst aktualisieren, ohne auf einen Entwickler warten zu müssen.

Im Laufe der Zeit haben wir viele Tools getestet, um herauszufinden, was für echte WooCommerce-Shops wirklich funktioniert. In diesem Leitfaden zeigen wir Ihnen den einfachsten Weg, Ihre Seiten mit SeedProd anzupassen – ganz ohne Code oder technische Kenntnisse.

Warum WooCommerce-Seiten für Ihren Online-Shop bearbeiten?

WooCommerce erstellt viele Seiten, um Produkte, den Shop, das Konto, den Checkout und den Warenkorb für Ihren Online-Shop anzuzeigen.

Standardmäßig steuert Ihr WordPress-Theme, wie diese Seiten aussehen. Es gibt eine Menge großartiger WooCommerce-Themes, aus denen Sie wählen können.

Das Bearbeiten dieser Seiten ist jedoch möglicherweise nicht so einfach, wie es scheint.

Zum Beispiel können Sie möglicherweise keine zusätzlichen Produkte anzeigen, Upsell-Funktionen hinzufügen, das Layout ändern und mehr.

Hier kommt SeedProd ins Spiel. Es ist das ultimative WooCommerce-Seitenerstellungs-Plugin. Es ermöglicht Ihnen, ein intuitives Drag-and-Drop-Tool zu verwenden, um Ihre WooCommerce-Seiten zu gestalten.

Im Laufe der Jahre haben sich viele unserer Partner-Marken darauf verlassen, um ihre Landingpages und sogar ganze benutzerdefinierte Themes zu erstellen.

Wir haben es auch in einer Demo-Umgebung gründlich getestet. Um mehr über unsere Erfahrungen zu erfahren, können Sie unsere SeedProd-Bewertung einsehen.

Das Erste, was Sie tun müssen, ist das SeedProd-Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserem Tutorial zum Thema Installation eines WordPress-Plugins.

Für die verschiedenen Methoden in diesem Artikel verwenden wir die SeedProd Pro-Version, da diese die notwendigen Funktionen zur Bearbeitung von WooCommerce-Seiten bietet.

Nach der Aktivierung müssen Sie die Seite SeedProd » Einstellungen besuchen, um Ihren Plugin-Lizenzschlüssel einzugeben. Diese Informationen finden Sie in Ihrem Konto auf der SeedProd-Website.

Nach Eingabe Ihres Lizenzschlüssels sind Sie bereit. Sie können jetzt hoch optimierte WooCommerce-Seiten für Ihren Online-Shop bearbeiten und erstellen.

Das gesagt, schauen wir uns Schritt für Schritt an, wie man WooCommerce-Seiten bearbeitet.

Sie können auf einen der unten stehenden Links klicken, um zu jeder gewünschten Methode zu springen:

• Erstellen Sie ein komplett benutzerdefiniertes WooCommerce-Theme
• Passen Sie die WooCommerce-Checkout-Seite an
• Passen Sie das WooCommerce Checkout-Formular an
• Einzelseiten-Checkout in WooCommerce hinzufügen
• Fügen Sie einen Slide-In-Warenkorb zu WooCommerce hinzu
• Passen Sie die WooCommerce-Warenkorbseite an
• WooCommerce-Produktseiten bearbeiten
• Passen Sie die Shop-Seite für Ihren WooCommerce-Shop an
• WooCommerce-Dankesseite anpassen

Erstellen Sie ein komplett benutzerdefiniertes WooCommerce-Theme

SeedProd verfügt über einen komplett integrierten WooCommerce Theme Builder. Damit können Sie Ihr WooCommerce Theme durch ein eigenes, benutzerdefiniertes Theme ersetzen.

Der Vorteil dieses Ansatzes ist, dass Sie mehr Flexibilität beim Bearbeiten Ihres WooCommerce-Themes haben. Sie können jede Seite mit einem einfachen Drag-and-Drop-Tool bearbeiten.

Um zu beginnen, gehen Sie einfach zur Seite SeedProd » Setup und klicken Sie auf die Schaltfläche „Ein Theme für meinen Shop auswählen“ neben der Option „Einen WooCommerce-Shop erstellen“.

Als Nächstes zeigt Ihnen das Plugin viele gebrauchsfertige WooCommerce-Themes, die Sie als Ausgangspunkt verwenden können.

Klicken Sie einfach auf eine Vorlage, um sie auszuwählen.

Jedes WooCommerce- oder WordPress-Theme ist eine Sammlung von Vorlagen, die verschiedene Bereiche Ihrer Website oder Ihres Online-Shops anzeigen.

SeedProd generiert nun diese Vorlagen für Ihr Theme und zeigt Ihnen eine Liste davon an.

Sie können nun mit der Maus über eine Vorlage fahren und auf den Link ‘Design bearbeiten’ klicken, um mit der Bearbeitung zu beginnen.

Dies startet die SeedProd Page Builder-Oberfläche.

Sie können alle gängigen Website-Bausteine aus der linken Spalte hinzufügen. Rechts sehen Sie eine Live-Vorschau der Seite, die Sie bearbeiten.

Sie können auch einfach auf einen beliebigen Artikel zeigen und klicken, um ihn zu bearbeiten.

SeedProd verfügt über alle WooCommerce-Blöcke, die Sie zum Erstellen eines verkaufsorientierten WooCommerce-Themes benötigen.

Wenn Sie mit den Änderungen an einer Vorlage fertig sind, klicken Sie einfach auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Wiederholen Sie einfach den Vorgang, um andere Vorlagen in Ihrem benutzerdefinierten WooCommerce-Theme zu bearbeiten.

Wenn Sie alle Seiten bearbeitet haben, gehen Sie zur Seite SeedProd » Theme Builder und aktivieren Sie den Schalter „SeedProd Theme aktivieren“.

Ihr benutzerdefiniertes WooCommerce-Theme ersetzt nun Ihr bestehendes WooCommerce-Theme.

Jetzt können Sie Ihre WordPress-Website besuchen, um sie in Aktion zu sehen.

Um mehr zu erfahren, lesen Sie unser vollständiges Tutorial zum Thema Erstellen eines benutzerdefinierten WordPress-Themes ohne Code.

Wenn Sie andererseits Ihr bestehendes WooCommerce Theme weiterhin verwenden und nur bestimmte Teile Ihrer Website bearbeiten möchten, lesen Sie weiter.

Passen Sie die WooCommerce-Checkout-Seite an

Die Checkout-Seite in jedem E-Commerce-Shop ist einer der wichtigsten Schritte in der Customer Journey.

Standardmäßig bietet WooCommerce ein einfaches Checkout-Erlebnis, das nicht für Verkäufe und Conversions optimiert ist.

Kleine Änderungen an der Checkout-Seite können Ihnen helfen, den Umsatz zu steigern und den Warenkorbabbruch in Ihrem Shop zu reduzieren.

Zum Beispiel können Sie verwandte Produkte mit einer Schaltfläche „In den Warenkorb legen“ auf der Checkout-Seite anzeigen, damit Benutzer sehen können, ob sie noch etwas kaufen möchten.

Um Ihre benutzerdefinierte Checkout-Seite zu erstellen, gehen Sie einfach zu SeedProd » Landing Pages und klicken Sie auf „Neue Landing Page hinzufügen“.

Als Nächstes werden Sie aufgefordert, eine Vorlage für Ihre Seite auszuwählen.

Sie können eine der Vorlagen auf dem Bildschirm auswählen und diese bearbeiten, um eine Checkout-Seite zu erstellen, oder Sie können mit einer leeren Vorlage beginnen.

Wir werden für dieses Tutorial die leere Vorlage verwenden, aber Sie können jede beliebige auswählen.

Als Nächstes müssen Sie einen Titel und eine URL für die Seite angeben. Sie können alles verwenden, was Ihnen hilft, diese Seite leicht zu identifizieren.

Klicken Sie auf die Schaltfläche 'Speichern und Seite bearbeiten starten', um fortzufahren.

Dies startet die Seiten-Builder-Oberfläche von SeedProd, wo Sie einfach Blöcke per Drag & Drop ziehen können, um Ihr Seitenlayout zu erstellen.

Zuerst sollten Sie eine Kopfzeile hinzufügen und diese dann mit Ihrem eigenen Branding anpassen.

SeedProd verfügt über Abschnitte, bei denen es sich um Sammlungen von Blöcken handelt, die oft zusammen verwendet werden. Um einen Kopfzeilenabschnitt hinzuzufügen, klicken Sie auf die Registerkarte „Abschnitte“ und wählen Sie dann die Kategorie „Kopfzeile“ aus.

Bewegen Sie als Nächstes Ihre Maus über eine Kopfzeile und klicken Sie auf die Schaltfläche „Hinzufügen (+)“, um sie in Ihre Seite einzufügen.

Sie können nun den Header-Bereich bearbeiten, indem Sie einfach auf jeden Block klicken und ihn durch Ihr eigenes Logo, Menü und Call-to-Action ersetzen.

Sobald Sie mit dem Header zufrieden sind, fügen Sie ein zweispaltiges Layout hinzu.

Sie können dieses zweispaltige Layout verwenden, um das Checkout-Formular und Upselling-Produkte, Testimonials und andere Elemente anzuzeigen.

Danach müssen Sie den Checkout-Block aus dem linken Menü hinzufügen.

Fügen Sie es der linken Spalte hinzu, die breiter ist und auf Mobilgeräten zuerst angezeigt wird.

Als Nächstes müssen Sie Blöcke zur rechten Spalte hinzufügen. Dies ist der Bereich, den Sie nutzen können, um Benutzer zum Abschluss des Kaufs zu überzeugen.

Sie können hier einen Testimonial-Block hinzufügen oder Ihre beliebtesten Produkte anzeigen.

Hier sind noch ein paar Dinge, die Sie Ihrer Checkout-Seite hinzufügen können, um sie für höhere Konversionen zu verbessern:

• Vertrauensabzeichen wie sichere Zahlungsabzeichen von PayPal und Stripe oder Ihre Trustpilot-Bewertungen.
• Mehr sozialer Beweis, wie z. B. Echtzeit-Kundenaktivität
• Der Block „Business-Bewertungen“ in SeedProd zur Anzeige von Google-Bewertungen

Sobald Sie mit der Bearbeitung Ihrer Checkout-Seite fertig sind, vergessen Sie nicht, auf den Pfeil neben „Speichern“ zu klicken und dann in der oberen rechten Ecke des Bildschirms auf „Veröffentlichen“ zu klicken.

Als Nächstes müssen Sie WooCommerce mitteilen, dass es Ihre benutzerdefinierte Checkout-Seite für alle Kunden verwenden soll.

Gehen Sie zur Seite WooCommerce » Einstellungen und wechseln Sie zum Tab „Erweitert“.

Unter dem Tab „Seiten-Setup“ wählen Sie Ihre benutzerdefinierte Checkout-Seite für die Option „Checkout-Seite“ aus. Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Sie können nun Ihren Shop in einem neuen Browser-Tab aufrufen und das neue Checkout-Erlebnis ausprobieren, indem Sie ein Produkt in Ihren Warenkorb legen.

Weitere Details finden Sie in unserem Tutorial zum Anpassen der WooCommerce-Checkout-Seite.

Bonus-Tipp: Möchten Sie sehen, wie Ihre neue Warenkorb-Seite performt? Sehen Sie sich unser Tutorial WordPress Conversion Tracking für Anfänger an, um alle Ihre Konversionen zu verfolgen.

Passen Sie das WooCommerce Checkout-Formular an

Die Checkout-Seite ist einer der Bereiche, in denen viele Benutzer ihren Warenkorb abbrechen.

Der einfachste Weg, sicherzustellen, dass Benutzer ihre Käufe abschließen, ist das Anbieten einer besseren Checkout-Erfahrung.

Hier kann FunnelKit helfen. Es ist einer der besten Sales-Funnel-Builder für WooCommerce, mit denen Sie Funnels, Checkout-Seiten, das Einkaufserlebnis im Warenkorb und mehr optimieren können.

Wir haben dieses Tool selbst viele Male für verschiedene Zwecke getestet und können es sehr empfehlen.

Es verfügt über Dutzende von Vorlagen, einen Funnel-Builder-Assistenten und Drag-and-Drop-Bearbeitung für Ihre Warenkorb- und Checkout-Seiten. Um mehr über unsere Erkenntnisse zu erfahren, lesen Sie unsere FunnelKit-Bewertung.

Zuerst müssen Sie einen FunnelKit-Plan abonnieren, indem Sie deren Website besuchen.

Danach müssen Sie die Plugins FunnelKit Builder und FunnelKit Builder Pro installieren und aktivieren. Sie finden sie in Ihrem Konto auf der FunnelKit-Website.

Benötigen Sie Hilfe? Sehen Sie sich unser Tutorial an, wie Sie ein WordPress-Plugin installieren.

Nach der Aktivierung werden Sie aufgefordert, Ihre Plugin-Lizenzschlüssel anzugeben. Sie finden diese auf derselben Download-Seite unter Ihrem Konto auf der FunnelKit-Website.

Sobald Sie fertig sind, können Sie das WooCommerce-Kassierungsformular anpassen.

Gehen Sie einfach zur Seite FunnelKit » Store Checkout im WordPress-Admin-Dashboard und klicken Sie auf die Schaltfläche „Store Checkout erstellen“.

Auf dem nächsten Bildschirm müssen Sie zuerst Ihre Editor-Oberfläche auswählen.

FunnelKit-Vorlagen können mit dem Standard-Gutenberg-Editor, Elementor, Divi, Oxygen oder jedem anderen Page Builder mithilfe von Shortcodes bearbeitet werden.

Danach müssen Sie eine Vorlage auswählen. Es gibt Dutzende von schönen Vorlagen zur Auswahl. Klicken Sie einfach auf die Schaltfläche „Vorschau“, um eine Live-Vorschau der Vorlage anzuzeigen.

Sie können in der Vorschau zwischen einer einstufigen oder mehrstufigen Checkout-Seite wählen. Klicken Sie danach einfach oben auf die Schaltfläche „Diese Funnel importieren“.

Als Nächstes werden Sie aufgefordert, einen Namen für Ihren Funnel einzugeben.

Sie können es beliebig benennen, damit Sie es später identifizieren können. Klicken Sie dann auf die Schaltfläche „OK“, um fortzufahren.

FunnelKit erstellt nun Ihre benutzerdefinierte Checkout-Seite.

Danach sehen Sie das Seiten-Dashboard. Von hier aus können Sie Ihre Checkout-Seite bearbeiten, weitere Schritte hinzufügen oder einen Order Bump hinzufügen.

Das Bearbeiten einer Seite öffnet sie im zuvor gewählten Editor.

Für dieses Tutorial haben wir Gutenberg gewählt. Jeder Artikel auf der Checkout-Seite ist ein Block, den Sie bearbeiten können, indem Sie einfach darauf klicken, um ihn auszuwählen.

Sie können auch neue Blöcke hinzufügen, indem Sie auf die Schaltfläche „Block hinzufügen“ klicken.

Wenn Sie mit den Änderungen fertig sind, vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken.

Dies bringt Sie zurück zum Dashboard der Checkout-Seite. Von hier aus müssen Sie zum Tab 'Felder' wechseln.

Hier können Sie die Felder des Checkout-Formulars bearbeiten. In diesem Beispiel verwenden wir ein zweistufiges Checkout-Formular. Dies ermöglicht es Ihnen, die Kontaktinformationen vor der Zahlung zu erfassen.

Sie können auch neue Formularfelder aus der rechten Spalte hinzufügen. Standardmäßig zeigt das Plugin die gängigsten Checkout-Felder an.

Sie können jedoch auf die Schaltfläche „Neues Feld hinzufügen“ klicken, um ein benutzerdefiniertes Formularfeld hinzuzufügen.

Dies zeigt ein Popup an, in dem Sie den Feldtyp auswählen, einen Meta-Schlüssel angeben und eine Bezeichnung eingeben können.

Sie können das Feld auch als 'erforderlich' markieren und es der Checkout- oder Dankesseite zuweisen.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Formulareinstellungen zu speichern.

FunnelKit bietet eine Reihe von Optimierungen, die Sie Ihrer Checkout-Seite hinzufügen können, um ein reibungsloseres Erlebnis zu erzielen.

Wechseln Sie einfach zur Seite „Optimierungen“, und Sie sehen eine Liste von Optimierungen, die Sie auf die Kassenseite anwenden können.

Klicken Sie einfach auf eine Optimierung, um sie zu konfigurieren, und klicken Sie dann auf die Schaltfläche „Änderungen speichern“, um Ihre Änderungen zu speichern.

Wechseln Sie als Nächstes zur Registerkarte „Einstellungen“, um Analysen, den Facebook-Pixel, benutzerdefinierte Skripte oder CSS in Ihrem Checkout-Funnel zu aktivieren.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Änderungen zu übernehmen.

Schließlich müssen Sie neben dem Titel der Checkout-Seite auf die Schaltfläche „Entwurf“ klicken und sie in „Veröffentlichen“ ändern. Dies ersetzt Ihre bestehende Checkout-Seite durch den von Ihnen gerade erstellten benutzerdefinierten Funnel.

Sie können Ihren Shop nun in einem neuen Browser-Tab besuchen, um das von Ihnen erstellte benutzerdefinierte Checkout-Erlebnis zu testen.

So sah es auf unserer Demowebsite aus.

Einzelseiten-Checkout in WooCommerce hinzufügen

FunnelKit ermöglicht es Ihnen auch, ein Ein-Seiten-Checkout-Erlebnis zu erstellen.

Sie müssen zur Seite FunnelKit » Store Checkout gehen und auf 'Store Checkout erstellen' klicken.

Wählen Sie in der Vorlagenauswahl einfach oben die Option 'Einzelschritt'.

Klicken Sie danach auf die Schaltfläche „Diesen Funnel importieren“, um fortzufahren.

Sie können dann mit der Bearbeitung Ihrer Vorlage in Ihrem bevorzugten Editor fortfahren. Weitere detaillierte Anweisungen finden Sie im vorherigen Abschnitt dieses Tutorials.

Fügen Sie einen Slide-In-Warenkorb zu WooCommerce hinzu

Die meisten WooCommerce-Themes werden mit einer separaten Warenkorbseite geliefert. Dieses Warenkorb-Erlebnis erschwert den Einkaufs- und Bestellvorgang.

Wenn Benutzer die Produktqualität anpassen oder Artikel aus dem Warenkorb entfernen müssen, müssen sie die aktuell angezeigte Seite verlassen, um den Warenkorb zu aktualisieren.

Dies kann behoben werden, indem ein Slide-in-Warenkorb in WooCommerce hinzugefügt wird.

Ein Slide-in-Warenkorb zeigt eine Warenkorb-Schaltfläche auf dem Bildschirm an. Ein Klick auf die Schaltfläche öffnet ein Slide-in-Menü mit Produkten, die der Benutzer zum Warenkorb hinzugefügt hat.

Benutzer können den Warenkorb jetzt bearbeiten und aktualisieren, ohne die Seite zu verlassen.

FunnelKit verfügt über eine schöne Slide-in-Warenkorb-Funktion, die sich nahtlos in Ihren Online-Shop integriert. Sie können sie sogar verwenden, um Produkte zu verkaufen, den Checkout zu fördern, Rabatte anzubieten und mehr.

Zuerst müssen Sie die FunnelKit-Website besuchen und sich für ein Konto anmelden.

Hinweis: Sie benötigen mindestens den Plus-Plan, um auf die Slide-in-Warenkorb-Funktionen zugreifen zu können.

Gehen Sie nach der Anmeldung zu Ihrem Konto auf der FunnelKit-Website, um das FunnelKit Cart-Plugin herunterzuladen.

Als Nächstes müssen Sie das Plugin installieren und aktivieren. Weitere Details finden Sie in unserem Tutorial zur Installation eines WordPress-Plugins.

Sobald Sie das Plugin aktiviert haben, müssen Sie zur Seite FunnelKit » Warenkorb gehen, um die Einstellungen für den Schiebe-Warenkorb zu konfigurieren.

Von hier aus sehen Sie viele Optionen auf Ihrer linken Seite und eine Live-Vorschau, wie Ihr Slide-in-Warenkorb aussehen wird.

FunnelKit bietet eine Vielzahl von Anpassungsoptionen. Sie können zum Beispiel aus verschiedenen Stilen wählen, Warenkorb-Icons auswählen, Button-Texte ändern und mehr.

Sie können auch Upsell-Produkte oder Cross-Sell-Produkte hinzufügen, Rabatte anbieten und das Einkaufserlebnis viel ansprechender gestalten.

Um Ihre Änderungen zu veröffentlichen, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken.

Sie können nun Ihre Website besuchen, um den Slide-in-Warenkorb in Ihrem Live-Shop zu testen.

Passen Sie die WooCommerce-Warenkorbseite an

WooCommerce hat eine Standard-Warenkorbseite, die es Benutzern ermöglicht, zur Kasse zu gehen.

Standardmäßig werden die Produkte angezeigt, die Kunden in ihren Warenkorb gelegt haben. Allerdings zeigen Forschungsergebnisse, dass mehr als 70 % der Kunden einen Online-Shop verlassen, ohne ihren Kauf abzuschließen.

WooCommerce-Themes haben oft eine langweilige Warenkorb-Seite ohne Optimierung für Conversions.

Durch die Anpassung Ihrer WooCommerce Warenkorb-Seite können Sie den Warenkorbabbruch leicht reduzieren und den Umsatz steigern.

Um Ihre benutzerdefinierte Checkout-Seite zu erstellen, gehen Sie einfach zu SeedProd » Landing Pages und klicken Sie auf „Neue Landing Page hinzufügen“.

Als Nächstes werden Sie aufgefordert, eine Vorlage für Ihre Seite auszuwählen.

Sie können eine der Vorlagen auf dem Bildschirm auswählen und bearbeiten, um eine Warenkorbseite zu erstellen, oder Sie können mit einer leeren Vorlage beginnen.

Wir werden für dieses Tutorial die leere Vorlage verwenden.

Als Nächstes müssen Sie einen Titel und eine URL für die Seite angeben. Sie können alles verwenden, was Ihnen hilft, diese Seite leicht zu identifizieren.

Dies startet die SeedProd-Builder-Oberfläche.

Sie können damit beginnen, zum Tab „Abschnitte“ zu wechseln und Ihrer leeren Vorlage eine Kopfzeile hinzuzufügen.

Danach können Sie den Kopfbereich nach Belieben durch Zeigen und Klicken bearbeiten.

Darunter müssen Sie ein zweispaltiges Layout hinzufügen, das Sie zum Hinzufügen anderer Warenkorbseitenblöcke verwenden.

Fügen Sie als Nächstes den Block „Warenkorb“ zur rechten Spalte hinzu.

Da Ihr Warenkorb derzeit leer ist, werden keine Produkte angezeigt. Gehen Sie zu Ihrem Shop, legen Sie einige Produkte in Ihren Warenkorb und laden Sie dann den SeedProd-Seiten-Builder neu.

Danach können Sie weitere Elemente hinzufügen, um Ihre Warenkorbseite zu verbessern.

Sie können zum Beispiel mit dem Hinzufügen von Testimonials beginnen oder einen Countdown-Timer hinzufügen, um den FOMO-Effekt auszulösen.

Fühlen Sie sich frei, herumzuspielen, indem Sie verschiedene Blöcke hinzufügen und Farben und Breiten anpassen.

Wenn Sie mit der Bearbeitung fertig sind, vergessen Sie nicht, oben rechts auf dem Bildschirm auf 'Speichern und Veröffentlichen' zu klicken.

Als Nächstes müssen Sie WooCommerce mitteilen, dass es Ihre benutzerdefinierte Warenkorbseite für alle Kunden verwenden soll.

Gehen Sie zur Seite WooCommerce » Einstellungen und wechseln Sie zum Tab „Erweitert“.

Sie können nun Ihren Online-Shop in einem neuen Browser-Tab besuchen.

Fügen Sie einige Produkte hinzu und gehen Sie dann zur Warenkorbseite, um Ihre neue Warenkorbseite in Aktion zu sehen.

WooCommerce-Produktseiten bearbeiten

WooCommerce-Themes verwenden dieselbe Vorlage, um alle Produkte auf Ihrer Website anzuzeigen.

Möglicherweise möchten Sie jedoch einige Produkte mehr als andere bewerben. Das Einzige, was Sie tun können, um wichtige Produkte hervorzuheben, ist, sie als hervorgehobene Produkte zu kennzeichnen.

SeedProd ermöglicht es Ihnen, benutzerdefinierte Produktseiten zu erstellen. Sie können eine gut gestaltete Vorlage verwenden, die auf höhere Konversionen zugeschnitten ist, und diese dann einfach mit Ihren Produktinformationen füllen.

Um zu beginnen, gehen Sie einfach zu SeedProd » Landing Pages und klicken Sie dann auf „Neue Landing Page hinzufügen“.

Als Nächstes werden Sie aufgefordert, eine Vorlage für Ihre Seite auszuwählen.

Sie können eine der Vorlagen auf dem Bildschirm auswählen und sie bearbeiten, um eine Produktseite zu erstellen. Unter der Registerkarte „Sales“ finden Sie mehrere für Conversions optimierte Vorlagen.

Klicken Sie einfach, um eine Vorlage auszuwählen und fortzufahren.

Als Nächstes werden Sie aufgefordert, einen Seitentitel und eine URL anzugeben. Sie können den Produktnamen als Titel und URL verwenden.

Klicken Sie auf die Schaltfläche 'Speichern und Seite bearbeiten starten', um fortzufahren.

Dies startet die SeedProd Page Builder-Oberfläche mit Ihrer ausgewählten Vorlage. Sie können einfach auf einen beliebigen Artikel auf der Seite zeigen und klicken, um ihn zu bearbeiten.

Sie können damit beginnen, die Kopfzeilenelemente wie das Logo, das Navigationsmenü und die Call-to-Action-Schaltfläche durch Ihre eigenen zu ersetzen.

Danach können Sie Bilder durch Ihre Produktbilder ersetzen und den Text nach Bedarf bearbeiten.

Schließlich können Sie den Call-to-Action durch den „In den Warenkorb“-Block ersetzen.

Danach müssen Sie die Produkt-ID in den Einstellungen des Blocks 'In den Warenkorb legen' eingeben. Sie können auch den Button-Text ändern sowie Untertext, Farbe und Ausrichtung anpassen.

Um eine Produkt-ID zu finden, müssen Sie in einem separaten Browser-Tab zur Seite Produkte » Alle Produkte im WordPress-Adminbereich gehen.

Fahren Sie mit der Maus über das Produkt, das Sie bewerben möchten, und die Produkt-ID wird zusammen mit anderen Links angezeigt.

Um Ihre Produktseite effektiver zu gestalten, können Sie diese Tipps ausprobieren:

• Fügen Sie hochwertige Produktbilder mit Zoomeffekt hinzu, damit Benutzer das Produkt klar untersuchen können.
• Unter Ihrer Haupt-Handlungsaufforderung können Sie verschiedene Zeilen erstellen, die Produktmerkmale hervorheben und den Kunden weitere Informationen geben.
• Nutzen Sie Social Proof, um den FOMO-Effekt auszulösen.

Wenn Sie mit der Bearbeitung Ihrer Produktseite fertig sind, vergessen Sie nicht, oben auf die Schaltfläche „Speichern und Veröffentlichen“ zu klicken.

Sobald sie veröffentlicht ist, können Sie Ihre Produktseite anzeigen, indem Sie auf die Schaltfläche „Vorschau“ klicken.

Dies zeigt die Live-Produktseite auf Ihrer Website an, die Sie nun bewerben können.

Weitere Details und Bonus-Tipps finden Sie in unserem Tutorial zum Anpassen von WooCommerce-Produktseiten.

Passen Sie die Shop-Seite für Ihren WooCommerce-Shop an

WooCommerce ermöglicht es Ihnen, Ihre Produkte einfach auf der Shop-Seite anzuzeigen. Es ist im Grunde eine Seite, auf der Ihre Produkte in einem Rasterlayout angezeigt werden.

Die Shop-Vorlage in den meisten WooCommerce-Themes ist langweilig und nicht auf Verkäufe und Konversionen optimiert. Außerdem gibt es normalerweise keine oder nur sehr wenige Optionen zur Anpassung.

SeedProd ermöglicht es Ihnen, eine WooCommerce-Shop-Seite einfach zu erstellen und anzupassen. Sie können Ihr eigenes Layout und Design wählen und diese Seite für höhere Konversionen optimieren.

Um zu beginnen, gehen Sie einfach zu SeedProd » Landing Pages und klicken Sie dann auf die Schaltfläche 'Neue Landing Page hinzufügen'.

Als Nächstes werden Sie aufgefordert, eine Vorlage für Ihre Seite auszuwählen.

Sie können eine der Vorlagen auf dem Bildschirm auswählen und sie bearbeiten, um Ihre Shop-Seite zu erstellen.

Klicken Sie einfach, um eine Vorlage auszuwählen und fortzufahren.

Als Nächstes werden Sie aufgefordert, einen Seitentitel und eine URL anzugeben. Sie können etwas wie Shop, Store oder Storefront verwenden, um anzuzeigen, dass es sich um die Haupt-Shop-Seite handelt.

Klicken Sie auf die Schaltfläche 'Speichern und Seite bearbeiten starten', um fortzufahren.

Dies startet die SeedProd Page Builder-Oberfläche mit Ihrer ausgewählten Vorlage. Sie können einfach auf einen beliebigen Artikel auf der Seite zeigen und klicken, um ihn zu bearbeiten.

Sie können damit beginnen, die Kopfzeilenelemente wie das Logo, das Navigationsmenü und die Call-to-Action-Schaltfläche durch Ihre eigenen zu ersetzen.

Danach können Sie oben einen Hero-Bereich mit einem großen Bild und Ihrem wichtigsten Call-to-Action hinzufügen.

Darunter können Sie WooCommerce-Blöcke verwenden, um Ihre Produkte anzuzeigen.

Sie können aus aktuellen, vorgestellten, meistverkauften, bestbewerteten und reduzierten Produkten wählen.

Nach dem Hinzufügen eines Produktblocks können Sie auch anpassen, wie er aussieht.

SeedProd ermöglicht es Ihnen, die Anzahl der Produkte, Sortieroptionen, Spalten und mehr auszuwählen.

Sie können diese Seite weiter optimieren, indem Sie mehr Text, Sonderangebote, Banner, einen FAQ-Bereich und mehr hinzufügen.

Wenn Sie mit der Bearbeitung fertig sind, vergessen Sie nicht, oben auf „Speichern und Veröffentlichen“ zu klicken.

Klicken Sie nach dem Speichern Ihrer Seite auf die Schaltfläche „Vorschau“, um sie in Aktion zu sehen.

SeedProd öffnet die Seite in einem neuen Browser-Tab.

Sie können nun Links zur Shop-Seite in Ihrem Navigationsmenü durch Ihre benutzerdefinierte Shop-Seite ersetzen.

WooCommerce-Dankesseite anpassen

Die WooCommerce „Vielen Dank“-Seite erscheint, wenn ein Kunde einen Kauf abschließt. Standardmäßig zeigt WooCommerce auf dieser Seite nur seine Bestelldetails an.

Das bietet den Kunden keine zusätzlichen Optionen zur Erkundung. Es ist eine Sackgasse und eine verpasste Gelegenheit für Verkäufe und Konversionen.

Glücklicherweise können Sie das mit SeedProd beheben, indem Sie eine benutzerdefinierte Dankesseite erstellen.

Um zu beginnen, gehen Sie einfach zu SeedProd » Landing Pages und klicken Sie dann auf die Schaltfläche 'Neue Landing Page hinzufügen'.

Als Nächstes werden Sie aufgefordert, eine Vorlage für Ihre Seite auszuwählen.

Wechseln Sie zum Tab ‘Vielen Dank’, und Sie finden eine Reihe von Vorlagen für Dankesseiten. Sie können eine davon auswählen oder sogar mit einer leeren Vorlage beginnen.

Als Nächstes werden Sie aufgefordert, einen Titel und eine URL für Ihre Seite auszuwählen.

Sie können „Vielen Dank“ oder einen anderen aussagekräftigen Titel für Ihre Seite verwenden.

Klicken Sie auf die Schaltfläche 'Speichern und Seite bearbeiten starten', um fortzufahren.

Dies startet die SeedProd-Seiten-Builder-Oberfläche, wo Sie eine Live-Vorschau Ihrer Vorlage sehen. Sie können einfach auf einen beliebigen Punkt klicken, um Elemente in der Vorschau zu bearbeiten oder neue Blöcke aus der linken Spalte hinzuzufügen.

Sie können diese Gelegenheit nun nutzen, um Ihre E-Mail-Liste zu bewerben oder Produkte zu verkaufen, indem Sie WooCommerce-Produktgitter-Blöcke hinzufügen.

Experimentieren Sie gerne mit verschiedenen Überschriften, Texten und Produkten, um eine effektive Dankesseite zu erstellen.

Vergessen Sie nicht, nach Abschluss auf die Schaltfläche „Speichern und Veröffentlichen“ in der oberen rechten Ecke des Bildschirms zu klicken.

Ihre benutzerdefinierte Dankesseite ist jetzt live. Sie müssen WooCommerce jedoch noch mitteilen, diese Seite als Ihre Standard-Dankesseite zu verwenden.

Dazu müssen Sie das Plugin Thanks Redirect for WooCommerce installieren und aktivieren. Weitere Details finden Sie in unserem Tutorial zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zur Seite WooCommerce » Einstellungen und klicken Sie auf den Tab ‘Produkte’.

Von hier aus müssen Sie die Option „Globale Dankes-Umleitung aktivieren“ aktivieren. Danach sehen Sie ein Feld mit der Bezeichnung „Dankes-Umleitungs-URL“.

Fügen Sie Ihre neue WooCommerce-Dankesseiten-URL in dieses Feld ein und klicken Sie dann auf die Schaltfläche „Änderungen speichern“.

Wenn Kunden nun einen Kauf abschließen, sehen sie Ihre hochoptimierte benutzerdefinierte Dankesseite. Sie werden mit weitaus größerer Wahrscheinlichkeit klicken und den Rest Ihres Geschäfts durchsuchen, als wenn Sie beim Standard geblieben wären.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie WooCommerce-Seiten einfach bearbeiten können, ohne Code zu schreiben. Möglicherweise möchten Sie auch unseren vollständigen WooCommerce SEO-Leitfaden oder unsere Expertenauswahl für die besten WooCommerce Sales Funnel Plugins, um Ihre Conversions zu steigern, sehen.

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.