So fügen Sie einen Warenkorb zu WordPress hinzu (ohne Code)

Als ich zum ersten Mal einen Warenkorb zu WordPress hinzufügen musste, war ich frustriert. WordPress hat standardmäßig keinen Warenkorb oder Checkout, und ich wollte keine Zeit mit dem Codieren verschwenden. Die gute Nachricht ist, dass Sie mit den richtigen Plugins schnell einen Warenkorb zu WordPress hinzufügen können.

In diesem Leitfaden zeige ich Ihnen Schritt für Schritt, wie Sie mit WooCommerce einen Warenkorb zu WordPress hinzufügen. Ich zeige Ihnen auch, wie Sie Ihre Warenkorbseite mit SeedProd anpassen, um Conversions zu steigern und ein nahtloses Checkout-Erlebnis zu schaffen.

Was ist ein WordPress-Warenkorb?

Ein WordPress-Warenkorb ist ein Plugin, mit dem Kunden Produkte hinzufügen, ihre Auswahl verwalten und die Zahlung abschließen können, ohne Ihre Website zu verlassen. WordPress bietet standardmäßig nichts davon.

Eine frische WordPress-Installation hat keinen Warenkorb, keinen Checkout und keine Zahlungsabwicklung. Sie benötigen ein spezielles E-Commerce-Plugin, um diese Funktionen hinzuzufügen.

Die am weitesten verbreitete Option ist WooCommerce, das kostenlos ist und die Schritte in dieser Anleitung steuert. Es erstellt automatisch Warenkorb-, Checkout- und Konto-Seiten, wenn Sie es installieren.

Was ist das beste Warenkorb-Plugin für WordPress?

Es gibt mehrere WordPress-Warenkorb-Plugins, aber das, zu dem ich immer wieder zurückkehre, ist WooCommerce, das beliebteste E-Commerce-Plugin für WordPress.

WooCommerce ist ein kostenloses Open-Source-Plugin, mit dem Sie physische und digitale Produkte auf Ihrer WordPress-Website verkaufen können.

Sie können Kreditkartenzahlungen mit Zahlungsgateways wie Stripe, PayPal, Amazon Pay und Authorize.net akzeptieren, zusammen mit Offline-Optionen wie Nachnahme und Scheck.

Wenn Bestellungen eingehen, verwalten Sie deren Status im Dashboard. Sie können Versanddienstleister wie USPS und FedEx anschließen und Tausende von Erweiterungen hinzufügen, um die Funktionalität Ihres Shops zu erweitern.

WooCommerce funktioniert mit jedem WordPress-Theme und ist das, was ich in dieser Anleitung verwenden werde. Lassen Sie uns loslegen.

So fügen Sie mit WooCommerce einen Warenkorb zu WordPress hinzu

Um zu beginnen, melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Plugins » Neues Plugin hinzufügen. Suchen Sie nach „WooCommerce“ und klicken Sie auf Jetzt installieren, dann auf Aktivieren.

Nach der Aktivierung von WooCommerce startet der Einrichtungsassistent.

Schritt 1: Beschreiben Sie Ihr Unternehmen

Zuerst müssen Sie Woo mitteilen, in welcher Phase Sie sich mit Ihrem Shop befinden. Für diese Anleitung klicke ich auf „Ich verkaufe bereits“ und wähle aus dem Dropdown-Menü die Option „Online verkaufen“.

Sie können dann auswählen, welche Plattform Sie verwenden, in diesem Fall WordPress.

Schritt 2: Geben Sie Ihre WooCommerce-Shop-Details ein

Auf dem nächsten Bildschirm werden weitere Informationen zu Ihrem Unternehmen abgefragt, einschließlich des Namens, der Branche und des Standorts Ihres Shops. Füllen Sie Ihre Daten aus und klicken Sie auf Weiter.

Schritt 3: Optionale Woo-Funktionen installieren

Auf dem folgenden Bildschirm können Sie empfohlene Funktionen automatisch installieren. Sie können dies jederzeit überspringen und später einrichten, sobald Sie Zeit hatten, sie richtig durchzusehen.

Der Einrichtungsassistent ist nun abgeschlossen. Nun kehren Sie zu Ihrem WordPress-Dashboard zurück, wo Sie mit dem Hinzufügen Ihrer Produkte beginnen können.

Schritt 4: Produkte zu Ihrem WooCommerce-Shop hinzufügen

Wenn Ihr Shop konfiguriert ist, gehen Sie zu WooCommerce » Startseite und klicken Sie auf die Option „Produkte importieren“.

Es gibt verschiedene Möglichkeiten, Produkte zu WooCommerce hinzuzufügen:

• Beginnen mit einer Vorlage
• Manuelles Hinzufügen jedes Produkts
• Produkte per CSV importieren
• Produkte von einem anderen Dienst importieren

Eine der schnellsten Methoden ist der Import von Produkten aus einer CSV-Datei. Wählen wir also diese Option.

Wählen Sie Ihre Produkt-CSV-Datei aus und klicken Sie auf Weiter.

WooCommerce bittet Sie, CSV-Felder Produktfeldern wie Bild, Preis und Beschreibung zuzuordnen. Sobald die Zuordnung abgeschlossen ist, klicken Sie auf Importeur ausführen. Abhängig von Ihrer Produktanzahl kann dies einige Minuten dauern.

Schritt 7: Konfigurieren Sie Ihre WooCommerce-Zahlungsmethoden

Gehen Sie zu Ihrem WordPress-Adminbereich und klicken Sie auf die Registerkarte Zahlungen. Befolgen Sie die Einrichtungsanweisungen für jede Zahlungsmethode. Stripe, PayPal und andere sind als vorgeschlagene Add-ons verfügbar. Klicken Sie auf Änderungen speichern, wenn Sie fertig sind.

Eine Anmerkung für Leser, die sich nach den Kosten erkundigen: WooCommerce selbst ist komplett kostenlos. WooCommerce Payments (zum Akzeptieren von Kreditkarten) ist ebenfalls kostenlos, ohne monatliche Gebühr. Sie zahlen nur Transaktionsgebühren.

Wenn Sie eine einfachere Option wünschen, ist WordPress Simple Shopping Cart ein kostenloses Plugin für grundlegende PayPal- oder Stripe-Shops ohne die vollständige WooCommerce-Einrichtung.

Nachdem Ihr WooCommerce-Shop eingerichtet ist, fragen Sie sich vielleicht nach Ihrem Warenkorb. WooCommerce erstellt automatisch Seiten für die:

• Warenkorbseite
• Kassenseite
• Mein Konto-Seite

Sie müssen keine weiteren Maßnahmen ergreifen. Aber mit einer benutzerdefinierten WooCommerce-Warenkorbseite können Sie Verkäufe und Konversionen sinnvoll steigern.

Laut Baymard Institute brechen fast 7 von 10 Käufern ihren Warenkorb ab, bevor sie einen Kauf abschließen. Durch die Optimierung der Standard-WooCommerce-Warenkorbseite können Sie mehr Verkäufe erzielen, ohne Ihren aktuellen Traffic zu erhöhen.

Wenn Besucher Artikel in ihrem Warenkorb haben, sind sie dem Abschluss des Kaufs sehr nahe. Ihre WooCommerce-Warenkorbseite sollte alles tun, um dies zu ermöglichen.

Vor diesem Hintergrund wollen wir uns ansehen, wie man mit SeedProd eine benutzerdefinierte WooCommerce-Warenkorbseite erstellt.

Wie passt man eine WooCommerce-Warenkorbseite mit SeedProd an?

Sobald WooCommerce eingerichtet ist, können Sie SeedProd, einen Drag-and-Drop-Website-Builder, der von über 1 Million Websites genutzt wird, verwenden, um eine benutzerdefinierte Warenkorbseite zu gestalten, die besser konvertiert.

Damit können Sie eine benutzerdefinierte WooCommerce-Warenkorb- Seite erstellen, um mehr Verkäufe zu erzielen, ohne einen Entwickler einstellen zu müssen. Sie können es auch verwenden, um beliebige Landingpages in WordPress zu erstellen und sogar eine WooCommerce-Coming-Soon-Seite vor dem Start einzurichten.

Video-Anleitung

Schritt 1: SeedProd installieren und aktivieren

Installieren und aktivieren Sie zunächst das SeedProd-Plugin. Klicken Sie hier, um mit SeedProd zu beginnen.

Wenn Sie Hilfe benötigen, folgen Sie dieser Anleitung, wie Sie ein WordPress-Plugin installieren.

Hinweis: Es gibt eine kostenlose Version von SeedProd, aber für dieses Tutorial verwenden wir die Pro-Version, da sie die benötigten WooCommerce-Blöcke enthält.

Nach der Aktivierung des Plugins gehen Sie zu SeedProd » Einstellungen und geben Sie Ihren Produktlizenzschlüssel ein. Sie finden ihn in Ihrem Kontodashboard auf der SeedProd-Website.

Schritt 2: Eine neue benutzerdefinierte WooCommerce-Warenkorbseite erstellen

Sobald Sie Ihren Lizenzschlüssel überprüft haben, gehen Sie zu SeedProd » Seiten und klicken Sie auf die Schaltfläche „Neue Landingpage hinzufügen“.

Sie sehen eine Bibliothek von Landingpage-Vorlagen, die Sie verwenden können, um schnell ein vorgefertigtes Design hinzuzufügen.

Es gibt Dutzende von professionell gestalteten Vorlagen für fast jedes Geschäftsziel. Fahren Sie mit der Maus über eine Vorlage und klicken Sie auf das Häkchensymbol, um sie auszuwählen.

Wir verwenden für diese Anleitung die Leere Vorlage, da wir nur die wesentlichen Seitenelemente hinzufügen möchten.

Geben Sie im folgenden Popup einen Namen für Ihre Warenkorbseite ein. Klicken Sie dann auf Speichern und Seite bearbeiten starten.

Schritt 3: Passen Sie das Layout und Design Ihrer Warenkorbseite an

Nachdem Sie Ihrer Seite einen Namen gegeben haben, öffnet SeedProd den Drag-and-Drop-Builder, in dem Sie die wichtigsten Teile Ihrer Warenkorbseite zusammenstellen.

Logo hinzufügen

Beginnen Sie mit dem Hinzufügen eines Bildblocks, damit Sie ein Logo hochladen können. Sie können diesen Block so anpassen, dass er wie die Kopfzeile Ihrer Website aussieht, ohne ihn zu einem klickbaren Link zu machen.

Die Beibehaltung einer konsistenten Markenidentität und die Bereitstellung von weniger Ausstiegspunkten für Benutzer hilft Ihnen, den Abbruch von Warenkörben zu reduzieren.

Wählen Sie den Bildblock und ziehen Sie ihn in Ihre Seitenvorschau auf der rechten Seite. Laden Sie ein Logo von Ihrem Computer oder aus der WordPress-Mediathek hoch.

Wenn Sie auf den Block klicken, öffnet sich das linke Bedienfeld, in dem Sie die Größe, Ausrichtung und das Linkverhalten Ihres Logos vollständig anpassen können.

Fügen Sie Ihren Warenkorb hinzu

Fügen Sie nun eine neue Spalte für Ihr Warenkorbseitenlayout hinzu. Wir haben im Abschnitt „Layout wählen“ die Option Inhalt und Seitenleiste gewählt.

Dieses Layout bietet Ihnen einen Bereich für Ihren Warenkorb und einen Bereich zur Anzeige von Bewertungen und Testimonials. Fügen wir zuerst den Warenkorb hinzu.

Scrollen Sie nach unten zum Abschnitt WooCommerce-Blöcke. Ziehen Sie den Warenkorb-Block in die Inhaltsspalte. Ihr WooCommerce-Warenkorb wird automatisch in der Vorschau angezeigt.

Wenn Sie auf den Block klicken, können Sie jeden Teil Ihres Warenkorbs anpassen: Beschriftungen von Schaltflächen, Farben, Hintergrund von Feldern und mehr.

Kundenrezensionen einfügen

Fügen Sie den SeedProd Testimonials-Block hinzu, um soziale Beweise anzuzeigen und Benutzer zum Auschecken aus Ihrer Seitenleistenspalte zu überzeugen. Finden Sie ihn unter Erweiterte Blöcke und ziehen Sie ihn an seinen Platz.

Dieser Block gibt Ihnen die volle Kontrolle darüber, wie Testimonials aussehen. Sie können mehrere Testimonials hinzufügen, benutzerdefinierte Fotos auswählen und einen gleitenden Karussellmodus einrichten.

Um den sozialen Beweis zu verstärken, fügen Sie unter Ihren Testimonials einen Block für Sternebewertungen hinzu.

Von dort aus können Sie das Bewertungssymbol, die Farben, die Position und mehr anpassen.

Conversion-Taktiken für Ihre Warenkorbseite

Wenn Sie Käufer zum Handeln anregen möchten, können Sie Ihrem Warenkorb einen Knappheits-Timer hinzufügen. Der Countdown-Timer-Block von SeedProd fügt eine benutzerdefinierte Countdown-Uhr hinzu, die in Echtzeit herunterzählt.

Ziehen Sie den Block Countdown-Timer über Ihren Warenkorb. Wählen Sie im Einstellungsbereich die Option Besucher-Timer. Dies setzt den Timer für jeden einzelnen Besucher zurück, anstatt einen gemeinsamen globalen Countdown zu verwenden.

Dieser Unterschied ist wichtig, da ein besucherspezifischer Timer echte Dringlichkeit erzeugt, da er an die Sitzung dieses Käufers gebunden ist und nicht an ein Datum, das bereits vergangen ist. Standard-WooCommerce enthält diese Funktion nicht.

Im Erweitert-Einstellungsbereich können Sie die Farben des Timers an das restliche Design Ihres Warenkorbs anpassen.

Fügen Sie über dem Timer eine Überschrift hinzu, die die Käufer darüber informiert, wie lange ihr Warenkorb reserviert bleibt. Ziehen Sie den Block Überschrift an die richtige Stelle und geben Sie Ihren Text ein.

Denken Sie daran: Fast 7 von 10 Käufern brechen vor dem Checkout ab. Ein sichtbarer Countdown in Kombination mit sozialem Beweis in der Seitenleiste ist eine der effektivsten Methoden, um diese Lücke zu schließen.

Beliebte Produkte hinzufügen

Eine weitere ausgezeichnete Funktion, die Sie hinzufügen können, ist ein Bereich mit beliebten Produkten. Dies hilft, den Umsatz zu steigern, indem andere Produkte empfohlen werden, die Ihren Kunden gefallen könnten.

Ziehen Sie den Block Bestseller-Produkte aus dem Bereich WooCommerce auf Ihre Seite.

Sie können diesem Bereich auch andere Produktblöcke hinzufügen, darunter:

• Aktuelle Produkte
• Sonderangebote
• Vorgestellte Produkte
• Top-bewertete Produkte

Weitere Details zur Konfiguration dieser Blöcke finden Sie in unserem Leitfaden zum Anzeigen neuer Produkte in WooCommerce.

Schritt 4: Veröffentlichen und Verbinden Ihrer benutzerdefinierten Warenkorbseite in WooCommerce

Wenn Ihr benutzerdefiniertes Warenkorbdesign fertig ist, klicken Sie auf den Dropdown-Pfeil neben der grünen Schaltfläche Speichern und dann auf Veröffentlichen.

Bevor Sie Ihren Warenkorb für Kunden sichtbar machen, ändern Sie Ihre Warenkorb-URL in den WooCommerce-Einstellungen.

Gehen Sie zu WooCommerce » Einstellungen und klicken Sie auf die Registerkarte Erweitert.

Wählen Sie die neue Warenkorbseiten-URL aus, die Sie mit SeedProd erstellt haben, und klicken Sie auf Änderungen speichern.

Nachdem Käufer auf der Produktseite auf die Schaltfläche In den Warenkorb geklickt haben, können sie auf „Warenkorb anzeigen“ klicken und Ihr neues benutzerdefiniertes Warenkorbdesign sehen.

Um Ihre WooCommerce-Warenkorb-Conversions zu verfolgen, lesen Sie unseren Leitfaden zur Einrichtung der WooCommerce-Conversion-Verfolgung.

Ihren Warenkorb live zu schalten ist der erste Schritt. Hier erfahren Sie, wie Sie ihn zur Conversion bringen.

So optimieren Sie Ihren WordPress-Warenkorb für mehr Verkäufe

Eine Live-Warenkorbseite ist nur der Anfang. Diese fünf Taktiken können die Anzahl der Käufer, die ihren Kauf tatsächlich abschließen, sinnvoll erhöhen.

1. Zeigen Sie ein Warenkorb-Symbol in Ihrer Kopfzeile an. Käufer, die auf einen Blick sehen können, was sich in ihrem Warenkorb befindet, verlieren ihn seltener aus den Augen und brechen ab. SeedProd unterstützt dies nativ mit dem WooCommerce-Warenkorb-Block, sodass die Artikelanzahl in Ihrer Website-Kopfzeile immer sichtbar ist.
2. Gast-Checkout aktivieren. Die Erzwingung der Kontoerstellung vor dem Checkout ist einer der größten Reibungspunkte im E-Commerce. Gehen Sie in WooCommerce zu Einstellungen » Konten & Datenschutz und aktivieren Sie „Kunden erlauben, Bestellungen ohne Konto aufzugeben“.
3. Transparente Preise anzeigen. Überraschende Gebühren an der Kasse sind laut Baymard Institute der Hauptgrund, warum Käufer abbrechen. Zeigen Sie geschätzte Versandkosten und alle Gebühren auf der Warenkorbseite an, bevor der Kunde zur Kasse geht.
4. Fügen Sie Social Proof in der Nähe des Warenkorbs hinzu. Testimonials und Sternebewertungen, die neben dem Warenkorb platziert werden, reduzieren das Zögern in letzter Minute, das Konversionen tötet. Das SeedProd-Sidebar-Layout aus Schritt 3 ist genau dafür ausgelegt.
5. Für Mobilgeräte optimieren. Die meisten WooCommerce-Shops verzeichnen 60 % oder mehr ihres Traffics auf Mobilgeräten. Testen Sie Ihren Warenkorb auf einem Telefon, bevor Sie live gehen. Mit dem Builder von SeedProd können Sie mobile Layouts in der Vorschau anzeigen und anpassen, ohne den Editor zu verlassen.

FAQs zu WordPress-Warenkörben

Hat WordPress einen integrierten Warenkorb?

Nein. WordPress enthält standardmäßig keinen Warenkorb. Sie benötigen ein Plugin, um Ihrem Shop Warenkorb- und Checkout-Funktionalität hinzuzufügen.

WooCommerce ist die am weitesten verbreitete Option. Es ist kostenlos und erstellt automatisch Warenkorb-, Checkout- und Kundenkontoseiten, wenn Sie es installieren.

Benötige ich WooCommerce, um einen Warenkorb zu WordPress hinzuzufügen?

In den meisten Fällen ja. WooCommerce ist der Standard für WordPress E-Commerce und bildet die Grundlage für die Schritte in dieser Anleitung.

Für sehr einfache Shops ist WordPress Simple Shopping Cart eine kostenlose Alternative, die grundlegende PayPal- und Stripe-Transaktionen ohne die vollständige WooCommerce-Einrichtung abwickelt.

Kann ich kostenlos einen Warenkorb zu WordPress hinzufügen?

Ja. WooCommerce ist kostenlos, und WooCommerce Payments (zum Akzeptieren von Kreditkarten) hat keine monatliche Gebühr. Sie zahlen nur Transaktionsgebühren. Die Einrichtung des Kern-Warenkorbs und des Checkouts kostet nichts.

SeedProd hat auch eine kostenlose Version, obwohl die in dieser Anleitung behandelten WooCommerce-Warenkorb-Anpassungsblöcke den Pro-Plan erfordern.

Wie füge ich einen WooCommerce-Warenkorb mit einem Shortcode zu einer Seite hinzu?

WooCommerce stellt den Shortcode [woocommerce_cart] zur Verfügung, um den Warenkorb auf jeder Seite einzubetten. Fügen Sie einen Shortcode-Block im WordPress-Editor hinzu und fügen Sie ihn dort ein.

Beachten Sie, dass dies das Standard-Layout des WooCommerce-Warenkorbs rendert. Für ein benutzerdefiniertes Design verwenden Sie stattdessen den WooCommerce-Warenkorb-Block von SeedProd.

Wie reduziere ich Warenkorbabbrüche in meinem WordPress-Shop?

Die effektivsten Taktiken sind die Aktivierung der Gastbestellung, die Anzeige transparenter Preise vor dem Checkout und das Hinzufügen von Social Proof in der Nähe des Warenkorbs. Ein besucherspezifischer Countdown-Timer (verfügbar in SeedProd) erzeugt ebenfalls echten Handlungsdruck ohne eine gefälschte Frist.

Eine vollständige Aufschlüsselung der Conversion-Taktiken finden Sie im Abschnitt „So optimieren Sie Ihren WordPress-Warenkorb für mehr Verkäufe“ oben.

Ihr WooCommerce-Shop ist live und Ihre Warenkorbseite ist für Conversions optimiert. Wenn Sie mehr Kontrolle darüber wünschen, wie Ihr Warenkorb konvertiert, macht SeedProd es einfach, benutzerdefinierte Layouts ohne Code zu erstellen und zu testen. Holen Sie sich jetzt SeedProd, um loszulegen.

Vielleicht gefällt Ihnen auch diese Schritt-für-Schritt-Anleitung zum Aktivieren des Wartungsmodus für WooCommerce-Shopseiten.

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.