loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

So erstellen Sie eine benutzerdefinierte WooCommerce Cart Page (keine Codierung)

Möchten Sie eine benutzerdefinierte WooCommerce-Warenkorb-Seite erstellen?

Die Standard-Warenkorb-Seite von WooCommerce ist nicht für Konversionen optimiert. Durch die Optimierung des Layouts Ihrer Einkaufswagenseite können Sie Ihre Konversionen erheblich verbessern und mehr Verkäufe erzielen.

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

How to create a custom WooCommerce cart page (no coding)

Warum eine benutzerdefinierte WooCommerce-Warenkorb-Seite in WordPress erstellen?

Die Erstellung einer benutzerdefinierten WooCommerce-Warenkorb-Seite gibt Ihnen die Möglichkeit, die Konversionsrate in Ihrem Online-Shop zu erhöhen.

Untersuchungen zeigen, dass fast 7 von 10 Kunden Ihren Einkaufswagen verlassen und nicht mehr zurückkommen.

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

OptinMonster cart page example

Wenn Ihre Besucher Artikel in ihrem Warenkorb haben, sind sie kurz davor, den Kauf abzuschließen. Ihre WooCommerce-Warenkorb-Seite sollte alles tun, um die Konvertierung zu ermöglichen.

Werfen wir also einen Blick darauf, wie Sie Ihre WooCommerce-Warenkorb-Seite ohne Code anpassen können.

Wie man eine benutzerdefinierte WooCommerce-Warenkorb-Seite in WordPress erstellt

SeedProd ist der beste Drag & Drop Page Builder, der von über 1 Million Websites verwendet wird. Damit können Sie ganz einfach eine benutzerdefinierte WooCommerce-Warenkorb-Seite erstellen, um mehr Verkäufe zu erzielen.

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

Hinweis: Es gibt eine kostenlose Version von SeedProd, die Sie verwenden können, aber für dieses Tutorial werden wir die Pro-Version verwenden, weil sie die integrierten WooCommerce-Blöcke hat, die wir brauchen.

Nachdem das Plugin aktiviert ist, müssen Sie zu SeedProd “ Einstellungen gehen und Ihren Produktlizenzschlüssel eingeben.

Enter SeedProd license key

Sie können Ihren Lizenzschlüssel unter Ihren Kontoinformationen auf der SeedProd-Website finden.

Sobald Sie dies getan haben, gehen Sie zu SeedProd “ Seiten und klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“, um Ihre Warenkorb-Seite zu erstellen.

Add new SeedProd cart page

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

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

Select SeedProd template

Als Nächstes werden Sie aufgefordert, Ihre Einkaufswagenseite zu benennen, und klicken dann auf „Speichern und mit der Bearbeitung der Seite beginnen“.

Dadurch gelangen Sie zum Drag-and-Drop-Builder, wo Sie mit der Erstellung einer benutzerdefinierten Einkaufswagenseite beginnen können.

Zunächst fügen wir einen Bildblock hinzu und laden ein Logo hoch. Sie können dies so anpassen, dass es wie Ihre Kopfzeile aussieht, ohne dass es anklickbar ist, um Kaufabbrüche zu vermeiden.

So bleibt Ihr Branding erhalten, aber Ihre Besucher haben weniger Ausgänge, so dass sie eher 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.

Add image block header

Sie können dies über das Optionsfeld auf der linken Seite vollständig anpassen.

Als Nächstes klicken Sie im Abschnitt „Wählen Sie Ihr Layout:“ auf den Block „Inhalt und Seitenleiste“.

Select SeedProd layout

So können Sie einen Bereich für Ihren Einkaufswagen sowie einen Bereich für Erfahrungsberichte erstellen.

Suchen Sie danach den Block „Warenkorb“ im Abschnitt WooCommerce und ziehen Sie ihn rüber.

Add WooCommerce cart block

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

Customize WooCommerce cart block

Als Nächstes können Sie einen Block mit Testimonials hinzufügen. Diese dienen als sozialer Beweis für Ihre Besucher und zeigen ihnen, dass sie die richtige Entscheidung treffen.

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

Add testimonials block

Sie haben die volle Kontrolle über das Aussehen Ihrer Zeugnisse.

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

Customize testimonials block

Wenn Sie mehrere Zeugnisse hinzufügen möchten, befolgen Sie dieselben Schritte wie oben.

Eine weitere gute Idee ist es, eine Sterne-Bewertung unter Ihrem Zeugnis hinzuzufügen.

Wählen Sie einfach den Block „Sternchenbewertung“ und ziehen Sie ihn unter Ihr Zeugnis.

Add star rating block

Wenn Sie Knappheit schaffen möchten, um Ihre Kunden zu einem sofortigen Kauf zu bewegen, können Sie einen Knappheits-Timer zu Ihrem Warenkorb hinzufügen.

Wählen Sie dazu einfach den Block „Countdown-Timer“ aus und ziehen Sie ihn an den oberen Rand Ihres Warenkorbs. Wählen Sie dann die Option „Besucher-Timer“, damit der Timer für alle Ihre Besucher aktualisiert wird.

Countdown timer evergreen block

Fügen Sie dann eine Überschrift hinzu, die Ihre Kunden darauf hinweist, dass ihr Einkaufswagen nach einer bestimmten Zeit abläuft.

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

Countdown timer header

Eine weitere großartige Funktion, die Sie hinzufügen können, ist der Bereich “ Beliebte Produkte „. Damit können Sie Ihre Verkäufe steigern, indem Sie andere beliebte Produkte bewerben, an denen Ihre Kunden interessiert sein könnten.

Ziehen Sie dazu einfach den Block „Meistverkaufte Produkte“ aus dem Bereich „WooCommerce“ herüber.

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

Add SeedProd products block

Weitere Details zum Hinzufügen beliebter Produkte zu WooCommerce finden Sie in unserem Leitfaden zur Anzeige beliebter Produkte in WooCommerce.

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

Publish cart live

Als Nächstes müssen Sie die URL Ihres Warenkorbs in den WooCommerce-Einstellungen anpassen.

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

WooCommerce cart settings

Wählen Sie dann die neue URL der Einkaufswagen-Seite, die Sie mit SeedProd erstellt haben. Klicken Sie auf „Änderungen speichern“ am unteren Rand des Bildschirms.

Je nach WooCommerce-Theme, das Sie verwenden, können Ihre Besucher nun einfacher zur Warenkorb-Seite navigieren.

View WooCommerce cart dropdown

Dies hilft Ihren Besuchern, ihre Warenkörbe auch auf mobilen Geräten zu sehen.

Sie können Ihre Einkaufswagen-Seite mit SeedProd weiter anpassen, neue Blöcke hinzufügen und das Design ändern, bis es perfekt ist.

Testen Sie weiterhin verschiedene Elemente, um zu sehen, was die Konversionen am meisten verbessert.

Cart page example

Um Ihre WooCommerce-Warenkorb-Conversions zu verfolgen, lesen Sie unsere Schritt-für-Schritt-Anleitung zur Einrichtung von WooCommerce-Conversion-Tracking.

Bonus: Wie Sie die WooCommerce-Warenkorbseiten-Conversions weiter verbessern können

Sobald Sie eine benutzerdefinierte WooCommerce-Warenkorb-Seite erstellt haben, können Sie die Conversions weiter verbessern und die Zahl der abgebrochenen Einkäufe verringern.

Dies hilft Ihnen, noch mehr Umsatz aus Ihrem bestehenden Verkehr zu machen.

Hier sind ein paar einfache Möglichkeiten, dies zu tun.

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

Fast 70 Prozent aller Warenkörbe werden abgebrochen. Eine der besten Möglichkeiten, die Zahl der abgebrochenen Warenkörbe zu verringern, ist ein zeitgesteuertes Popup.

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

OptinMonster WooCommerce popup

Es verwendet eine einzigartige Exit-Intent®-Technologie, um Popups genau dann anzuzeigen, wenn ein Benutzer Ihre Website verlassen will.

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

OptinMonster popup WooCommerce

Wenn Sie Ihrem Besucher bereits einen Gutschein angeboten haben, dann verwenden Sie ein aufklärendes Popup, das ihm bei Fragen hilft und ihn über seinen Kauf beruhigt, wie dieses von WPForms.

WPForms exit intent popup

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

Wenn ein Kunde zum Beispiel einen Artikel in den Warenkorb legt und diesen verlässt, aber später zurückkommt, können Sie ein Slide-In hinzufügen, das einen Gutschein anbietet, um den Kauf abzuschließen.

OptinMonster cart reminder

Weitere Details finden Sie in unserem Leitfaden zur Erstellung eines WooCommerce-Popups zur Umsatzsteigerung.

2. Umsatzsteigerung mit Benachrichtigungen über soziale Aktivitäten in WooCommerce

Benachrichtigungen über soziale Aktivitäten weisen Ihre Besucher in Echtzeit auf neue Käufe hin, die getätigt wurden. Dies nutzt FOMO, um Ihre Konversionen zu verbessern und sie zum Kauf zu bewegen.

Die einfachste Möglichkeit, Ihrer WooCommerce-Warenkorb-Seite Social-Proof-Benachrichtigungen hinzuzufügen, ist TrustPulse.

TrustPulse WooCommerce notification

Es ist das beste Social-Proof-Plugin für WordPress und WooCommerce auf dem Markt und erhöht nachweislich die Konversionen um 15 %.

Es kann in wenigen Minuten eingerichtet werden, und Sie können automatisch eine Benachrichtigungsblase mit den letzten Käufen, kostenlosen Testanmeldungen und mehr anzeigen.

Die Benachrichtigungen stören weder Ihren Warenkorb noch die Benutzerfreundlichkeit. Das Einzige, was sie tun, ist, die Konversionsrate Ihres Shops zu verbessern.

TrustPulse alert notification

Weitere Details finden Sie in unserem Leitfaden zur Verwendung von FOMO auf Ihrer WordPress-Website, um die Konversionen zu steigern.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine benutzerdefinierte WooCommerce-Warenkorb-Seite zu erstellen, ohne Code zu schreiben. Vielleicht interessieren Sie sich auch für unsere Schritt-für-Schritt-Anleitung zur Verbesserung der WooCommerce-SEO, um Ihre Besucherzahlen zu erhöhen, und 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.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner