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.

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.

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.

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.

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.

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.

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

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.

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

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.