So erstellen Sie eine benutzerdefinierte WooCommerce-Warenkorbseite (keine Codierung)

Möchten Sie eine benutzerdefinierte WooCommerce-Warenkorbseite erstellen?

Die standardmäßige Warenkorbseite von WooCommerce ist nicht für Conversions optimiert. Durch die Optimierung des Layouts Ihrer Warenkorbseite können Sie Ihre Conversions erheblich verbessern und mehr Umsatz erzielen.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihre WooCommerce-Warenkorbseite ohne technische Kenntnisse anpassen können.

Warum eine benutzerdefinierte WooCommerce-Warenkorbseite in WordPress erstellen?

Das Erstellen einer benutzerdefinierten WooCommerce-Warenkorbseite gibt Ihnen die Möglichkeit, die Verkaufskonversionen in Ihrem Online-Shop zu steigern.

Untersuchungen zeigen, dass fast 7 von 10 Kunden ihren Einkaufswagen verlassen und nie wiederkommen.

Durch die Optimierung der standardmäßigen WooCommerce-Warenkorbseite können Sie mehr Verkäufe tätigen, ohne Ihren aktuellen Traffic zu erhöhen.

Beispiel für eine Warenkorbseite von OptinMonster

Wenn Ihre Besucher Artikel in ihrem Warenkorb haben, stehen sie kurz vor der Kasse. Ihre WooCommerce-Warenkorbseite sollte alles tun, damit die Konvertierung stattfindet.

Lassen Sie uns einen Blick darauf werfen, wie Sie Ihre WooCommerce-Warenkorbseite ohne Code anpassen können.

So erstellen Sie eine benutzerdefinierte WooCommerce-Warenkorbseite in WordPress

SeedProd ist der beste Drag-and-Drop-Seitenersteller, der von über 1 Million Websites verwendet wird. Sie können damit ganz einfach eine benutzerdefinierte WooCommerce-Warenkorbseite erstellen, um mehr Verkäufe zu erzielen.

Als erstes müssen Sie das Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Notiz: Es gibt eine kostenlose Version von SeedProd, die Sie verwenden können, aber für dieses Tutorial verwenden wir die Pro-Version, da sie über die integrierten WooCommerce-Blöcke verfügt, die wir benötigen.

Sobald das Plugin aktiviert ist, müssen Sie zu gehen SeedProd »Einstellungen und geben Sie den Produktlizenzschlüssel ein.

Geben Sie den SeedProd-Lizenzschlüssel ein

Sie finden Ihren Lizenzschlüssel in Ihren Kontoinformationen auf der SeedProd-Website.

Wenn Sie das getan haben, gehen Sie zu SeedProd »Seiten und klicken Sie auf die Schaltfläche „Neue Zielseite hinzufügen“, um Ihre Warenkorbseite zu erstellen.

Neue Seite zum SeedProd-Warenkorb hinzufügen

Danach müssen Sie eine Warenkorbseitenvorlage auswählen. Es gibt Dutzende von professionell gestalteten Vorlagen, die Sie verwenden können. Wenn Sie eine Vorlage gefunden haben, die Ihnen gefällt, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Symbol „Häkchen“.

Wir verwenden die Vorlage „Leer“, da wir damit nur die gewünschten Abschnitte hinzufügen können.

Wählen Sie die SeedProd-Vorlage aus

Sie werden dann aufgefordert, Ihre Warenkorbseite zu benennen und dann auf „Speichern und mit der Bearbeitung der Seite beginnen“ zu klicken.

Dadurch gelangen Sie zum Drag-and-Drop-Builder, wo Sie mit dem Erstellen einer benutzerdefinierten Warenkorbseite beginnen können.

Zuerst fügen wir einen Bildblock hinzu und laden ein Logo hoch. Sie können dies so anpassen, dass es wie Ihre Kopfzeile aussieht, ohne anklickbar zu sein, um Abbrüche zu reduzieren.

Dies hält Ihre Marke an Ort und Stelle, gibt Ihren Besuchern jedoch weniger Ausgänge, sodass sie mit größerer Wahrscheinlichkeit einen Kauf tätigen.

Wählen Sie als Nächstes einfach den Block „Bild“ aus und ziehen Sie ihn auf Ihre Seite. Laden Sie dann Ihr Logo aus Ihrer Bildbibliothek hoch.

Bildblock-Header hinzufügen

Sie können dies mit dem Optionsfeld auf der linken Seite vollständig anpassen.

Klicken Sie als Nächstes auf die Seitenleiste und den Inhaltsblock im Abschnitt „Wählen Sie Ihr Layout:“.

Wählen Sie SeedProd-Design

Auf diese Weise können Sie zusätzlich zu einem Abschnitt für Erfahrungsberichte einen Abschnitt für Ihren Einkaufswagen erstellen.

Suchen Sie danach den Block „Warenkorb“ im Bereich WooCommerce und ziehen Sie ihn.

Fügen Sie den WooCommerce-Einkaufswagenblock hinzu

Sie können jeden Teil des Einkaufswagens anpassen, einschließlich Ihrer Wahl von Schriftart, Farben, Schaltflächen und mehr.

Passen Sie den WooCommerce-Warenkorbblock an

Als Nächstes können Sie einen Testimonials-Block hinzufügen. Diese dienen Ihren Besuchern als sozialer Beweis und zeigen ihnen, dass sie die richtige Entscheidung treffen.

Suchen Sie den Block „Testimonials“ und ziehen Sie ihn in den offenen Bereich.

Testimonial-Block hinzufügen

Sie haben die volle Kontrolle über das Erscheinungsbild Ihrer Testimonials.

Es besteht die Möglichkeit, ein Kundenfoto hinzuzufügen, das Zeugnis zu ändern, eine Position hinzuzufügen und vieles mehr.

Testimonial-Block anpassen

Wenn Sie mehrere Testimonials hinzufügen möchten, befolgen Sie die gleichen Schritte wie oben.

Eine weitere tolle Idee ist es, eine Sternbewertung unter Ihrem Testimonial hinzuzufügen.

Wählen Sie einfach den Block „Sternebewertung“ aus und ziehen Sie ihn unter Ihre Empfehlung.

Sternbewertungsblock hinzufügen

Wenn Sie einen Mangel erstellen möchten, um Ihre Kunden zum sofortigen Kauf anzuregen, können Sie Ihrem Einkaufswagen einen Mangel-Timer hinzufügen.

Alles, was Sie tun müssen, ist, den Block „Countdown-Timer“ auszuwählen und ihn an die Spitze Ihres Einkaufswagens zu ziehen. Wählen Sie dann die Option „Besucher-Timer“, um den Timer für alle Ihre Besucher zu aktualisieren.

Countdown-Timer Immergrüner Block

Fügen Sie als Nächstes einen Titel hinzu, der Ihre Käufer darüber informiert, dass sie einen festgelegten Zeitraum haben, bis ihr Warenkorb abläuft.

Ziehen Sie einfach über den Block „Titel“ und geben Sie Ihren Text ein.

Kopfzeile des Countdown-Timers

Eine weitere großartige Funktion, die Sie hinzufügen können, ist ein Abschnitt für beliebte Produkte. Auf diese Weise können Sie Ihren Umsatz steigern, indem Sie für andere beliebte Produkte werben, an denen Ihre Kunden interessiert sein könnten.

Ziehen Sie dazu einfach über den Block „Meistverkaufte Produkte“ des Abschnitts „WooCommerce“.

Sie können auch einen der anderen Produktblöcke zum Hinzufügen auswählen.

SeedProd-Produktblock hinzufügen

Weitere Informationen zum Hinzufügen beliebter Produkte zu WooCommerce finden Sie in unserer Anleitung zum Anzeigen beliebter Produkte in WooCommerce.

Sobald Sie Ihre Änderungen an der Warenkorbseite vorgenommen haben, können Sie sie live veröffentlichen, indem Sie auf den Pfeil neben der Schaltfläche „Speichern“ klicken und „Veröffentlichen“ auswählen.

Live-Warenkorb posten

Als nächstes müssen Sie Ihre Warenkorb-URL in den WooCommerce-Einstellungen anpassen.

Gehe zu WooCommerce »Einstellungen und klicken Sie dann auf die Registerkarte „Erweitert“.

WooCommerce-Warenkorbeinstellungen

Wählen Sie danach die neue Warenkorbseiten-URL aus, die Sie mit SeedProd erstellt haben. Achten Sie darauf, unten auf dem Bildschirm auf „Änderungen speichern“ zu klicken.

Je nachdem, welches WooCommerce-Theme Sie verwenden, können Ihre Besucher jetzt einfacher zur Warenkorbseite navigieren.

WooCommerce-Einkaufswagen-Dropdown anzeigen

Dies wird Ihren Besuchern helfen, Ihre Warenkörbe auch auf mobilen Geräten zu sehen.

Sie können Ihre Warenkorbseite weiterhin mit SeedProd anpassen, neue Blöcke hinzufügen und das Layout ändern, bis es perfekt ist.

Testen Sie weiter, probieren Sie verschiedene Elemente aus, um zu sehen, was die Conversions am meisten verbessert.

Beispiel für eine Warenkorbseite

Um Ihre WooCommerce-Warenkorb-Conversions zu verfolgen, sehen Sie sich unsere Schritt-für-Schritt-Anleitung zum Einrichten von WooCommerce-Conversion-Tracking an.

Bonus: So verbessern Sie die Conversions von WooCommerce-Einkaufswagenseiten weiter

Sobald Sie eine benutzerdefinierte WooCommerce-Einkaufswagenseite erstellt haben, können Sie die Konversionen weiter verbessern und den Abbruch des Einkaufswagens reduzieren.

Dies hilft Ihnen, noch mehr Einnahmen aus Ihrem bestehenden Traffic zu erzielen.

Hier sind einige einfache Möglichkeiten, dies zu tun.

1. Reduzieren Sie Warenkorbabbrüche mit geplanten Popups in WooCommerce

Fast 70 Prozent aller Einkaufswagen werden aufgegeben. Eine der besten Möglichkeiten, den Warenkorbabbruch zu reduzieren, ist ein geplantes Popup.

OptinMonster ist das beste WordPress-Popup-Plugin, das von über 1,2 Millionen Websites verwendet wird.

OptinMonster WooCommerce-Popup

Es verwendet die einzigartige Exit-Intent®-Technologie, um Pop-ups genau dann anzuzeigen, wenn ein Benutzer dabei ist, Ihre Website zu verlassen.

Sie können sie mit einem einzigartigen Gutscheincode nur für sie zurücklocken.

OptinMonster WooCommerce-Popup

Wenn Sie Ihrem Besucher bereits einen Gutschein angeboten haben, verwenden Sie ein pädagogisches Popup, um bei Fragen zu helfen und ihn bezüglich seines Kaufs zu beruhigen, wie dieses von WPForms.

WPForms Exit-Intent-Popup

Es gibt noch mehr einzigartige Popups und Folien, die Sie Ihrer Website hinzufügen können.

Wenn ein Kunde beispielsweise einen Artikel in seinen Einkaufswagen legt und ihn verlässt, aber dann zurückkommt, können Sie eine Folie hinzufügen, die einen Gutschein anbietet, um seinen Kauf abzuschließen.

OptinMonster Warenkorb-Erinnerung

Weitere Informationen finden Sie in unserem Leitfaden zum Erstellen eines WooCommerce-Popups zur Umsatzsteigerung.

2. Steigern Sie den Umsatz mit Benachrichtigungen über soziale Aktivitäten in WooCommerce

Benachrichtigungen über soziale Aktivitäten machen Ihre Besucher in Echtzeit auf neue Käufe aufmerksam. Dies nutzt FOMO, um Ihre Conversions zu verbessern und sie zum Kauf zu bewegen.

Der einfachste Weg, Social-Proof-Benachrichtigungen zu Ihrer WooCommerce-Warenkorbseite hinzuzufügen, ist mit TrustPulse.

TrustPulse WooCommerce-Benachrichtigung

Es ist das beste Social-Proof-Plugin für WordPress und WooCommerce auf dem Markt und steigert nachweislich die Conversions um 15 %.

Es kann in wenigen Minuten eingerichtet werden und kann automatisch eine Benachrichtigungsblase mit den letzten Einkäufen, Registrierungen für kostenlose Testversionen und mehr anzeigen.

Benachrichtigungen werden Ihrem Warenkorb oder Ihrer Benutzererfahrung nicht im Wege stehen. Sie verbessern lediglich die Conversions Ihres Shops.

TrustPulse-Warnbenachrichtigung

Weitere Informationen finden Sie in unserem Leitfaden zur Verwendung von FOMO auf Ihrer WordPress-Website zur Steigerung der Conversions.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine benutzerdefinierte WooCommerce-Warenkorbseite zu erstellen, ohne Code schreiben zu müssen. Vielleicht möchten Sie auch unsere Schritt-für-Schritt-Anleitung zur Verbesserung der WooCommerce-SEO zur Steigerung Ihres Traffics und unsere Expertenauswahl für die besten WooCommerce-Plugins für Ihr Geschäft lesen.

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

Verwandt

Back to top button