Als ich zum ersten Mal einen Einkaufswagen in WordPress einbauen wollte, war ich frustriert. WordPress enthält standardmäßig keinen Warenkorb oder Checkout, und ich wollte keine Zeit mit der Programmierung verschwenden. Die gute Nachricht ist, dass man mit den richtigen Plugins schnell einen Warenkorb zu WordPress hinzufügen kann.
In dieser Anleitung zeige ich Ihnen Schritt für Schritt, wie Sie mit WooCommerce einen Warenkorb zu WordPress hinzufügen. Außerdem zeige ich Ihnen, wie Sie Ihre Warenkorbseite mit SeedProd anpassen können, um die Konversionsrate zu erhöhen und eine nahtlose Kaufabwicklung zu ermöglichen.
Schnelle Schritte zur Erstellung Ihres WordPress-Warenkorbs:
Bestes WordPress eCommerce Plugin für einen Einkaufswagen
Es gibt mehrere WordPress-Warenkorb-Plugins, mit denen Sie einen Warenkorb zu WordPress hinzufügen können. BigCommerce zum Beispiel ist aufgrund seiner Geschwindigkeit und Sicherheit eine hervorragende Plattform für große eCommerce-Shops.
Aber in diesem Artikel zeigen wir Ihnen, wie Sie einen Einkaufswagen mit WooCommerce, dem beliebtesten eCommerce-Plugin für WordPress, erstellen können.
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, Authorize.net und vielen anderen Optionen akzeptieren. Darüber hinaus können Sie Offline-Zahlungsoptionen wie Nachnahme und Scheck anbieten.
Sobald Sie Bestellungen erhalten, können Sie deren Status im Dashboard-Bereich verwalten. Außerdem können Sie sich mit verschiedenen Versandoptionen wie USPS und FedEx verbinden.
WooCommerce funktioniert mit jedem WordPress-Theme und bietet umfangreiche Anpassungsmöglichkeiten. Und da es so beliebt ist, gibt es Tausende von Add-ons, um Ihrem WooCommerce-Warenkorb weitere Funktionen hinzuzufügen.
Mit diesem Gedanken im Hinterkopf, lassen Sie uns einsteigen und lernen, wie man mit WooCommerce einen Warenkorb zu WordPress hinzufügt.
Hinzufügen eines Warenkorbs zu WordPress mit WooCommerce
WooCommerce ist die beliebteste Möglichkeit, WordPress einen Einkaufswagen hinzuzufügen. Hier ist ein kurzer Blick auf die Möglichkeiten, die es bietet:
| Preise: Kostenlos (kostenpflichtige Erweiterungen verfügbar) |
| Kostenloser Plan / Testversion: Ja |
| Herausragende Merkmale: |
| 🔹 Eingebaute Warenkorb- und Kassenseiten 🔹 Unterstützt physische & digitale Produkte 🔹 Tausende von Add-ons & Integrationen |
| Am besten geeignet für: Vollständige Online-Shops, die Flexibilität und Skalierbarkeit benötigen |
Um loszulegen, melden Sie sich in Ihrem WordPress-Dashboard an und navigieren zu Plugins ≫ Neu hinzufügen. Geben Sie dann "WooCommerce" in das Textfeld des Suchfelds ein.
Das WooCommerce-Plugin sollte als erstes Ergebnis erscheinen. Klicken Sie auf Jetzt installieren und wenn die Installation abgeschlossen ist, auf Aktivieren.
Nachdem Sie WooCommerce aktiviert haben, werden Sie zum Einrichtungsassistenten weitergeleitet.
Schritt 1: Geben Sie die Details Ihres WooCommerce-Shops ein
Auf der ersten Seite können Sie die Angaben zu Ihrem Geschäft eingeben.
Geben Sie Ihre Adresse ein, und markieren Sie das Kontrollkästchen, wenn Sie den Shop für einen Kunden einrichten. Ist dies nicht der Fall, deaktivieren Sie es und klicken Sie auf Weiter.
Schritt 2: Wählen Sie die Branche Ihres Shops in WooCommerce
Auf dem folgenden Bildschirm können Sie eine Branche für Ihren Online-Shop auswählen, z. B:
- Mode, Bekleidung, Accessoires
- Gesundheit und Schönheit
- Elektronik und Computer
- Essen und Trinken
- Haus, Möbel, Garten
- Bildung und Lernen
- Andere
Nachdem Sie Ihre Branche ausgewählt haben, klicken Sie auf die Schaltfläche Weiter.
Schritt 3: Wählen Sie die Produkte, die Sie verkaufen möchten
Im nächsten Schritt müssen Sie die Art der Produkte auswählen, die Sie verkaufen möchten. Mit WooCommerce können Sie sowohl physische Produkte als auch digitale Downloads verkaufen. Sie können auch Mitgliedschaften und Abonnements verkaufen und Buchungen für Veranstaltungen entgegennehmen.
Klicken Sie dort auf Weiter, um zur Seite Geschäftsdetails zu gelangen.
Verwandt: Wie man Facebook-Events in WordPress einbettet
Schritt 4: Fügen Sie Ihre Geschäftsinformationen hinzu
Auf diesem Bildschirm können Sie auswählen, wie viele Produkte Sie auf Ihren Produktseiten anzeigen möchten. Sie können zwischen "Ich habe noch keine Produkte" und über 1.000+ wählen.
In der Dropdown-Box unten können Sie WooCommerce außerdem mitteilen, ob Sie Ihre Produkte auch anderswo verkaufen, z. B. in Ladengeschäften. Wählen Sie Ihre bevorzugte Option und klicken Sie dann auf Weiter.
Als Nächstes können Sie optionale kostenlose Extras von WooCommerce installieren, um Ihr Online-Geschäft zu verbessern. So können Sie beispielsweise mit WooCommerce Payments Kreditkarten akzeptieren und mit WooCommerce Tax die Umsatzsteuer automatisieren und vieles mehr.
Wir empfehlen, alle empfohlenen Extras zu installieren. Alles, was Sie nicht brauchen, können Sie später leicht wieder entfernen.
Schritt 5: Wählen Sie ein WordPress-Theme für Ihren Shop
Der letzte Schritt des Einrichtungsassistenten besteht darin, ein WordPress-Theme für Ihren Online-Shop auszuwählen. Sie können mit Ihrem bestehenden WordPress-Theme fortfahren oder aus mehreren anderen kostenlosen und Premium-Themes wählen.
Eine Möglichkeit ist das Storefront-Theme von WooCommerce. Dieses kostenlose Theme wurde speziell für WooCommerce entwickelt und macht es einfach, Ihren Shop schnell zum Laufen zu bringen.
Für diesen Leitfaden werden wir mit unserem bestehenden Thema fortfahren, um die Einrichtung der Shopdetails abzuschließen.
Schritt 6: Hinzufügen von Produkten zu Ihrem WooCommerce-Shop
Nachdem Sie die Grundlagen für Ihren WooCommerce-Shop geschaffen haben, können Sie nun damit beginnen, Produkte zu Ihrer Website hinzuzufügen. Gehen Sie dazu zu WooCommerce ≫ Home und klicken Sie auf die Option "Meine Produkte hinzufügen".
Es gibt mehrere Möglichkeiten, Produkte zu WooCommerce hinzuzufügen, darunter:
- Mit einer Vorlage beginnen
- Manuelles Hinzufügen jedes Produkts
- Produkte über CSV importieren
- Import von Produkten aus einem anderen Dienst
Eine der schnellsten Möglichkeiten ist der Import von Produkten aus einer CSV-Datei, also wählen wir diese Option.
Von dort aus können Sie Ihre Produkt-CSV-Datei von Ihrem Computer auswählen und auf Weiter klicken.
Vor Abschluss des Imports werden Sie von WooCommerce aufgefordert, Felder aus Ihrer CSV-Datei auszuwählen, die den Produktfeldern zugeordnet werden sollen, z. B. Ihr Produktbild, den Produktpreis und mehr. Alternativ können Sie diese Felder auch ignorieren und Ihre Produktdaten manuell bearbeiten.
Jetzt können Sie auf die Schaltfläche Importer ausführen klicken. Je nachdem, wie viele Produkte Sie hinzufügen, kann es ein paar Minuten dauern, bis WooCommerce Produkte erstellt.
Schritt 7: Konfigurieren Sie Ihre WooCommerce-Zahlungsmethoden
Bevor Sie mit dem Verkauf Ihrer Produkte beginnen können, müssen Sie Ihre bevorzugten Zahlungsarten einrichten. Gehen Sie dazu zu WooCommerce ≫ Einstellungen und klicken Sie auf die Registerkarte Zahlungen.
Befolgen Sie die Einrichtungsanweisungen für jede Zahlungsmethode. Sie können auch andere beliebte Zahlungsanbieter wie einen einfachen PayPal-Warenkorb und Stripe hinzufügen, indem Sie die vorgeschlagenen Add-Ons aktivieren.
Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.
Jetzt, wo Ihr WooCommerce-Shop eingerichtet ist, fragen Sie sich vielleicht, was mit Ihrem Einkaufswagen passiert. WooCommerce erstellt automatisch einzelne Seiten für den:
- Wagen Seite
- Checkout-Seite
- Mein Konto Seite
Sie müssen also keine weiteren Maßnahmen ergreifen. Mit einer benutzerdefinierten WooCommerce-Warenkorb-Seite können Sie Ihre Verkäufe und Konversionen jedoch erheblich steigern.
Studien zeigen zum Beispiel, dass fast 7 von 10 Kunden Ihren Einkaufswagen verlassen und nicht wiederkommen. Wenn Sie also die Standard-Warenkorbseite von WooCommerce optimieren, können Sie mehr Verkäufe erzielen, ohne Ihren aktuellen Traffic zu erhöhen.
Und wenn Besucher Artikel in ihrem Warenkorb haben, sind sie kurz davor, den Kauf abzuschließen. Daher sollte Ihre WooCommerce-Warenkorb-Seite alles tun, um den Kauf zu ermöglichen.
In diesem Sinne zeigen wir Ihnen jetzt, wie Sie mit SeedProd eine benutzerdefinierte WooCommerce-Warenkorb-Seite in WordPress erstellen können.
Wie man einen benutzerdefinierten Warenkorb in WordPress mit SeedProd erstellt
Sobald WooCommerce eingerichtet ist, können Sie SeedProd verwenden, um eine benutzerdefinierte Einkaufswagenseite zu erstellen, die besser konvertiert. Hier ist ein kurzer Überblick:
| Preisgestaltung: Beginnt bei $39,50/Jahr (Pro beinhaltet WooCommerce-Blöcke) |
| Kostenloser Plan / Testversion: Kostenlose Version verfügbar |
| Herausragende Merkmale: |
| 🔹 Drag-and-drop page builder 🔹 Custom WooCommerce cart & checkout layouts 🔹 Built-in templates, testimonials, and scarcity blocks |
| Am besten geeignet für: Shop-Besitzer, die eine hochgradig konvertierende, benutzerdefinierte Warenkorb-Seite wünschen |
SeedProd ist der beste Drag-and-Drop-Seitenersteller, 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. Und bevor Sie starten, können Sie eine WooCommerce "Coming Soon"-Seite erstellen, um vom ersten Tag an Spannung zu erzeugen.
Sie können dieses Plugin auch verwenden, um eine beliebige Landing Page in WordPress zu erstellen, ohne einen Entwickler einstellen zu müssen. Und mit einer Vielzahl von Anpassungsoptionen ist es einfach, Ihre Seite genau so aussehen zu lassen, wie Sie es wollen.
Video-Anleitung
Schritt 1: Installieren und Aktivieren von SeedProd
Um loszulegen, müssen Sie zunächst das SeedProd-Plugin installieren und aktivieren. Klicken Sie also hier, um mit SeedProd zu beginnen.
Wenn Sie Hilfe bei diesem Schritt benötigen, können Sie diese Anleitung zur Installation eines WordPress-Plugins befolgen.
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 Sie das Plugin aktiviert haben, gehen Sie zu SeedProd " Einstellungen und geben Sie Ihren Produktlizenzschlüssel ein.
Sie finden Ihren SeedProd-Lizenzschlüssel in Ihrem Konto-Dashboard auf der SeedProd-Website.
Schritt 2: Erstellen einer neuen benutzerdefinierten WooCommerce-Warenkorb-Seite
Sobald Sie Ihren Lizenzschlüssel verifiziert haben, gehen Sie zu SeedProd " Seiten und klicken Sie auf die Schaltfläche "Neue Landing Page hinzufügen", um Ihre neue Einkaufswagenseite zu erstellen.
Als Nächstes sehen Sie eine Bibliothek mit Landingpage-Vorlagen, die Sie verwenden können, um Ihrer Website schnell eine vorgefertigte Seite hinzuzufügen.
Es gibt Dutzende von professionell gestalteten Vorlagen für fast jedes Unternehmensziel. Wenn Sie eine Vorlage gefunden haben, die Ihnen gefällt, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Symbol "Häkchen".
Für diese Anleitung verwenden wir die leere Vorlage, da wir nur die wesentlichen Seitenelemente hinzufügen wollen, die wir für unsere Einkaufswagen-Seite benötigen.
In dem folgenden Popup-Fenster können Sie einen Namen für Ihren Einkaufswagen eingeben. Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen.
Schritt 3: Anpassen von Layout und Design Ihrer Einkaufswagen-Seite
Nachdem Sie Ihrer Seite einen Namen gegeben haben, gelangen Sie zum Drag-and-Drop-Builder, mit dem Sie die wichtigsten Teile Ihrer Einkaufswagenseite erstellen können.
Ein Logo hinzufügen
Beginnen wir mit dem Hinzufügen eines Bildblocks, in den Sie ein Logo hochladen können. Sie können diesen Block ganz einfach so anpassen, dass er wie die Kopfzeile Ihrer Website aussieht, ohne dass er zu einem klickbaren Bild wird.
Auf diese Weise bleibt Ihr Branding konsistent, und die Nutzer haben weniger Möglichkeiten, Ihre Seite zu verlassen, was dazu beiträgt, dass weniger Einkäufe abgebrochen werden.
Wählen Sie zunächst den Bildblock aus und ziehen Sie ihn in die Seitenvorschau auf der rechten Seite. Von dort aus können Sie ein Logo von Ihrem Computer oder Ihrer WordPress-Mediathek hochladen.
Wenn Sie auf den Block klicken, können Sie Ihr Logo in der linken Leiste vollständig anpassen.
Einkaufswagen hinzufügen
Fügen wir nun eine neue Spalte für das Layout Ihrer Einkaufswagenseite hinzu. Dazu wählen wir die Option "Inhalt und Seitenleiste" im Abschnitt "Wählen Sie Ihr Layout".
Mit diesem Layout können Sie einen Bereich für Ihren Warenkorb und einen Bereich für die Anzeige von Bewertungen und Zeugnissen einrichten. Beginnen wir also mit dem Hinzufügen Ihres Warenkorbs.
Blättern Sie dazu nach unten zum Abschnitt WooCommerce-Blöcke. Ziehen Sie dann den Block Warenkorb in die Inhaltsspalte. Ihr WooCommerce-Warenkorb wird dann automatisch in Ihrer Vorschau angezeigt.
Wenn Sie auf den Block klicken, können Sie jeden Teil Ihres Warenkorbs anpassen. Sie können zum Beispiel die Beschriftungen und Farben der Schaltflächen, die Hintergrundfarben der Felder und vieles mehr ändern.
Kundenempfehlungen einbeziehen
Sie können den SeedProd Testimonials-Block in Ihre Sidebar-Spalte einfügen, um den sozialen Beweis zu erbringen und die Nutzer zu überzeugen, die Seite zu besuchen. Finden Sie ihn unter den erweiterten Blöcken und ziehen Sie ihn auf Ihre Seite.
Mit diesem Block haben Sie die volle Kontrolle darüber, wie Ihre Zeugnisse aussehen. Sie können zum Beispiel mehrere Zeugnisse hinzufügen, benutzerdefinierte Zeugnisfotos auswählen und ihn sogar als gleitendes Zeugniskarussell einrichten.
Um den sozialen Beweis zu verdoppeln, können Sie einen Sternbewertungsblock zu Ihrer Seite hinzufügen. Wählen Sie einfach den Block "Sterne-Bewertung" und ziehen Sie ihn unter Ihre Zeugnisse.
Von dort aus können Sie das Bewertungssymbol, die Farben, die Position und vieles mehr anpassen.
Scarcity zu Ihrer Warenkorb-Seite hinzufügen
Wenn Sie Ihre Kunden wirklich zum Handeln ermutigen möchten, können Sie Ihrem Einkaufswagen einen Verknappungstimer hinzufügen. Mit dem Countdown-Timer-Block von SeedProd können Sie Ihrer Seite eine benutzerdefinierte Countdown-Uhr mit einem heruntertickenden Timer hinzufügen.
Wählen Sie einfach den Countdown-Timer-Block aus und ziehen Sie ihn über Ihren Einkaufswagen. Wählen Sie dann im Einstellungsfenster die Option Besucher-Timer, damit der Timer für jeden Besucher aktualisiert wird.
Im Bereich Erweiterte Einstellungen können Sie dann die Farben an den Rest Ihres Warenkorbs anpassen.
Fügen Sie als Nächstes eine Überschrift hinzu, die Ihre Kunden darüber informiert, dass ihr Warenkorb nach einer bestimmten Zeit abläuft. Ziehen Sie dazu einfach über den Block "Überschrift" und geben Sie Ihren Text ein.
Beliebte Produkte hinzufügen
Eine weitere hervorragende Funktion, die Sie Ihrer Einkaufswagenseite hinzufügen können, ist ein Abschnitt mit beliebten Produkten. Dies hilft Ihnen, Ihren Umsatz zu steigern, indem Sie andere Produkte empfehlen, die Ihren Kunden gefallen könnten.
Ziehen Sie dazu den Block "Meistverkaufte Produkte" aus dem Bereich "WooCommerce" herüber.
Und wenn Sie möchten, können Sie diesem Bereich weitere Produktblöcke hinzufügen, wie z. B.:
- Neueste Produkte
- Verkauf Produkte
- Ausgewählte Produkte
- Top bewertete Produkte
Weitere Einzelheiten zur Konfiguration dieser Blöcke finden Sie in unserer Anleitung zur Anzeige neuer Produkte in WooCommerce.
Schritt 4: Veröffentlichen und verbinden Sie Ihre benutzerdefinierte Warenkorb-Seite in WooCommerce
Nun, da Ihr benutzerdefinierter Einkaufswagen fertig ist, ist es an der Zeit, ihn auf Ihrer Website zu veröffentlichen. Klicken Sie dazu auf den Dropdown-Pfeil neben der grünen Schaltfläche Speichern und dann auf Veröffentlichen.
Bevor Sie Ihren Einkaufswagen für Ihre Kunden sichtbar machen, müssen Sie die URL Ihres Warenkorbs in den WooCommerce-Einstellungen ändern.
Gehen Sie dazu auf WooCommerce " Einstellungen und klicken Sie auf die Registerkarte "Erweitert".
Wählen Sie dann die neue URL der Einkaufswagenseite, die Sie mit SeedProd erstellt haben, und klicken Sie auf die Schaltfläche Änderungen speichern am unteren Rand des Bildschirms.
Nach einem Klick auf die Schaltfläche In den Warenkorb" auf Ihren Produktseiten können Kunden auf den LinkWarenkorb anzeigen" klicken und Ihr neues, individuelles Warenkorb-Design sehen.
Um Ihre WooCommerce-Warenkorb-Konversionen zu verfolgen, lesen Sie unseren WordPress-Beitrag über die Einrichtung von WooCommerce Conversion-Tracking.
FAQs über WordPress-Warenkörbe
Wenn Sie einen Business-Plan oder höher mit WordPress.com haben, können Sie Plugins wie WooCommerce installieren, um einen Einkaufswagen hinzuzufügen. Wenn Sie jedoch einen Free-, Personal- oder Premium-Tarif haben, ist diese Funktion nicht verfügbar.
Um die Transaktionssicherheit zu gewährleisten, sollten Sie ein Warenkorb-Plugin verwenden, das SSL-Verschlüsselung unterstützt. Verwenden Sie außerdem vertrauenswürdige Zahlungsgateways wie PayPal, Stripe oder Authorize.net. Halten Sie Ihre WordPress-Website, Plugins und Themes stets auf dem neuesten Stand, um die Sicherheit zu verbessern.
Ja, die meisten WordPress-Warenkorb-Plugins, einschließlich WooCommerce und Easy Digital Downloads, ermöglichen es Ihnen, sowohl physische als auch digitale Produkte zu verkaufen.
Die meisten Einkaufswagen-Plugins bieten Optionen für die Verwaltung von Versand- und Steuereinstellungen. In der Regel können Sie unterschiedliche Tarife basierend auf Faktoren wie Standort, Produktgewicht oder Produkttyp festlegen. Lesen Sie die Dokumentation des von Ihnen gewählten Plugins für spezifische Anweisungen.
Und da haben Sie es!
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, einen Warenkorb zu WordPress hinzuzufügen, ohne Code schreiben zu müssen. Vielleicht gefällt Ihnen auch diese Schritt-für-Schritt-Anleitung, wie Sie den Wartungsmodus für WooCommerce-Shop-Seiten aktivieren.
Und wenn Sie schon einmal hier sind, folgen Sie uns auf Facebook und Twitter für weitere hilfreiche WordPress-Tipps.
