Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Anpassen der WooCommerce-Kassenseite

Anpassen der WooCommerce-Kassenseite 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie eine benutzerdefinierte Checkout-Seite für Ihren WooCommerce-Shop erstellen?

Stellen Sie sich vor, Sie verlieren 7 von 10 potenziellen Verkäufen, nur weil Kunden an der Kasse hängen bleiben. Genau das passiert vielen Online-Shops, und oft liegt es daran, dass ihre Kassenseiten verwirrend oder schwer zu bedienen sind.

Aber keine Sorge - es gibt eine einfache Lösung. Indem Sie Ihre WooCommerce-Kassenseite verbessern, können Sie mehr dieser Fast-Verkäufe in echtes Geld in Ihrer Tasche verwandeln. Es ist, als würden Sie die Unebenheiten auf der Straße glätten, damit mehr Kunden die Ziellinie problemlos überqueren können.

In diesem Leitfaden zeige ich Ihnen genau, wie Sie Ihre Checkout-Seite Schritt für Schritt verbessern können. Und das Beste daran? Sie brauchen dafür keinen komplizierten Computercode zu kennen. Ich werde es Ihnen leicht machen, eine Kassenseite zu erstellen, die Ihren Kunden hilft und sie nicht behindert.

Wie man WooCommerce Checkout Seite anpassen:

Warum Sie die WooCommerce Checkout-Seite anpassen sollten

Die Kassenseite ist das letzte, was Kunden sehen, bevor sie ihren Einkauf abschließen. Sie kann den Unterschied zwischen einer Konvertierung oder dem Verlassen Ihres Shops ausmachen.

Deshalb ist es wichtig, dass Ihre WooCommerce-Kassenseite gut gestaltet ist und so funktioniert, dass sie die Konversionen fördert.

Die Standard-Kassenseite von WooCommerce ist ein guter Ausgangspunkt für kleinere Geschäfte. Sie bietet alles, was Sie für den Start eines Online-Shops brauchen.

Aber wenn Ihr Unternehmen wächst, werden Sie bald feststellen, dass Sie eine bessere Erfahrung bieten können:

  • Einschließlich Ihres individuellen Brandings
  • Hinzufügen von benutzerdefinierten Feldern zu Ihrem Kassenformular
  • Ändern des Seitendesigns und des Layouts
  • Direkte Verknüpfung von Produkten mit Ihrer Kassenseite
  • Ändern der Beschriftung von Eingabefeldern und Schaltflächentext
  • Upselling anderer Produkte oder Dienstleistungen

Ganz gleich, ob Sie Ihre gesamte WooCommerce-Kassenseite neu gestalten oder einige kleinere Änderungen vornehmen möchten, eines sollten Sie immer im Hinterkopf behalten. Es sollte einfach sein!

Zum Glück macht die folgende Lösung die Anpassung der WooCommerce-Kassenseite mühelos.

So passen Sie Ihre WooCommerce Checkout-Seite an

Wenn Sie keine Zeit haben, das Programmieren zu erlernen, oder kein Budget, um einen Entwickler zu beauftragen, kann die Anpassung Ihrer Kassenseite fast unmöglich erscheinen.

Die Wahrheit ist jedoch, dass dies mit den richtigen Mitteln nicht möglich ist.

In der folgenden Anleitung zeigen wir Ihnen, wie Sie Ihre WooCommerce-Kassenseite mit SeedProd anpassen können.

SeedProd Drag and Drop WordPress Website-Baukasten

SeedProd ist der beste WordPress Landing Page Builder mit Drag-and-Drop-Funktionalität. Es ermöglicht Ihnen, jede Seite in WordPress visuell zu erstellen und anzupassen.

Das bedeutet, dass Sie den Drag-and-Drop-Seiteneditor verwenden können, um benutzerdefinierte Seiten zu erstellen und die Ergebnisse in Echtzeit zu sehen. Damit entfällt die Notwendigkeit, Ihre Seite manuell zu programmieren, was für Personen mit begrenzten Design- und Technikkenntnissen eine hervorragende Nachricht ist.

SeedProd wird mit Hunderten von professionell gestalteten Landing Page-Vorlagen geliefert, die einen schnellen Einstieg ermöglichen. Sie können dann jede Vorlage im visuellen Editor mit flexiblen Seitenblöcken wie:

  • Optin-Formulare und Anmeldeformulare
  • Bilder und Videos
  • Text und Überschriften
  • Profil für soziale Medien und Schaltflächen zum Teilen
  • Benutzerdefinierte Kontaktformulare mit Drittanbieter-Plugins wie WPForms
  • RafflePress Werbegeschenke
  • Testimonials und Sternebewertungen
  • Countdown-Timer und Fortschrittsbalken
  • Navigationsmenüs und Akkordeons
  • Und mehr.

SeedProd verfügt auch über Landing Page-Blöcke für WooCommerce-Shops, einschließlich Add-to-Cart-Schaltflächen, Kasse, Einkaufswagen und flexible Produktraster. Dies bedeutet, dass Sie ganz einfach vielseitige Produkt-, Warenkorb- und Kassenseiten für Ihren eCommerce-Shop erstellen können, ohne einen Entwickler einstellen zu müssen.

In diesem Sinne schauen wir uns an, wie man die WooCommerce-Kassenseite mit SeedProd anpasst.

1. Installieren und Aktivieren von SeedProd

Der erste Schritt besteht darin, mit SeedProd zu beginnen und das Plugin auf Ihren Computer herunterzuladen. Um auf die WooCommerce-Integrationsfunktionen von SeedProd zuzugreifen, benötigen Sie mindestens einen SeedProd Pro Plan.

Nachdem Sie SeedProd heruntergeladen haben, müssen Sie das Plugin auf Ihrer WordPress-Website installieren und aktivieren. Sie können diese Schritte zur Installation eines WordPress-Plugins befolgen, wenn Sie Hilfe benötigen.

Nach der Aktivierung des Plugins sehen Sie einen Willkommensbildschirm.

Auf dem Bildschirm werden Sie aufgefordert, Ihren SeedProd-Lizenzschlüssel einzugeben. Sie können Ihren Schlüssel finden, indem Sie sich bei Ihrem SeedProd-Konto anmelden und auf den Link Lizenzschlüssel, Details und Downloads anzeigen klicken.

Kopieren Sie Ihren SeedProd-Lizenzschlüssel

Von dort aus können Sie Ihren Schlüssel kopieren, um ihn in der Zwischenablage zu speichern. Fügen Sie den Schlüssel anschließend in das Feld für den Lizenzschlüssel ein und klicken Sie auf die Schaltfläche Schlüssel überprüfen.

Ihren Lizenzschlüssel eingeben

Scrollen Sie auf der Seite ein Stück nach unten und klicken Sie auf die Schaltfläche Ihre erste Seite erstellen.

Erstellen Sie Ihre erste SeedProd-Landingpage

Dies führt Sie zum Landing Page Dashboard von SeedProd. Oben auf der Seite finden Sie 4 verschiedene Seitenmodi:

  • Demnächst verfügbar
  • Wartungsmodus
  • 404
  • Anmeldung
SeedProd Landing Page Modi

Jeder Seitenmodus ermöglicht es Ihnen, bestimmte Landing Pages mit einem einzigen Klick zu aktivieren.

So können Sie beispielsweise den Modus "Coming Soon" aktivieren, um eine "Coming Soon"-Seite hinzuzufügen, die die Besucher über Ihr neues Geschäft informiert. Oder Sie können den 404-Seiten-Modus aktivieren, um eine benutzerdefinierte 404-Fehlerseite zu Ihrer Website hinzuzufügen.

Unter diesem Abschnitt finden Sie eine Liste aller anderen Seiten, die Sie mit SeedProd erstellt haben. Da wir noch keine Seite erstellt haben, klicken Sie auf die Schaltfläche Neue Landing Page erstellen, um zu beginnen.

eine neue Landing Page erstellen

2. Erstellen Sie eine neue Landing Page

Nachdem Sie auf die Schaltfläche zum Erstellen einer neuen Landing Page geklickt haben, sehen Sie die Bibliothek der Landing Page-Vorlagen von SeedProd.

SeedProd Landing Page Vorlagen

Sie können die Vorlagen nach Ziel oder Branche filtern, indem Sie auf die Registerkarten am oberen Rand klicken.

Jede Vorlage ist vielseitig einsetzbar. So können Sie jedes Design verwenden und es im Drag-and-Drop-Editor so anpassen, dass es so aussieht, wie Sie es möchten.

In dieser Anleitung zeigen wir Ihnen, wie Sie Ihre WooCommerce-Kassenseite von Grund auf mit der Blanko-Vorlage erstellen und anpassen können. So erhalten Sie einen hervorragenden Überblick darüber, wie einfach die Verwendung von SeedProd ist.

Fahren Sie also mit der Maus über die Miniaturansicht der leeren Vorlage und klicken Sie auf das Häkchensymbol.

Leere Landing Page Vorlage

Als nächstes erscheint ein Popup-Fenster, in dem Sie aufgefordert werden, einen Namen und eine URL für Ihre Seite einzugeben. Sie können diese Einstellung später ändern, also geben Sie der Seite einen Namen, der Ihnen gefällt.

Details zur Landing Page

Klicken Sie nun auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, um Ihre Seite zu starten.

Auf dem folgenden Bildschirm sehen Sie den Landing Page Editor von SeedProd.

SeedProd Editor für leere Vorlagen

Es hat ein einfaches 2-Panel-Layout:

  1. Linker Bereich: Seitenblöcke und Abschnitte zum Erstellen und Anpassen Ihrer Seite
  2. Rechter Bereich: Vorschau darauf, wie Ihre Landing Page in Echtzeit aussieht

Das Hinzufügen von Inhalten zu Ihrer Seite ist so einfach wie das Ziehen eines Blocks von links und das Ablegen auf der rechten Seite. Wie das geht, zeigen wir Ihnen im nächsten Schritt.

3. Fügen Sie den Checkout-Block zu Ihrer Seite hinzu

Bevor Sie mit der Anpassung Ihrer WooCommerce-Kassenseite beginnen, sollten Sie eine grundlegende Struktur für die Kassenseite einrichten.

Wählen Sie im rechten Bereich ein Seitenlayout, indem Sie auf eine der Spaltenoptionen klicken.

Hinzufügen von Spalten zu Ihrer WooCommerce-Kassenseite

Wie Sie unten sehen können, wird Ihrer Seite ein einfacher Rahmen hinzugefügt. Hier werden alle Seitenelemente, die Sie hinzufügen, platziert.

2-Spalten-Kassenlayout

Als Nächstes müssen Sie Ihre WooCommerce-Kasse zu Ihrer Seite hinzufügen. Scrollen Sie im linken Bereich nach unten zum Abschnitt WooCommerce. Klicken Sie dann auf den Checkout-Block und ziehen Sie ihn in eine der Spalten, die Sie zuvor erstellt haben.

WooCommerce-Kassenblock

Sie sollten jetzt Ihr WooCommerce-Kassenformular direkt im Design Ihrer Landing Page sehen. Wenn Sie auf Ihr Kassenformular klicken, sehen Sie auf der linken Seite die Einstellungen für den Formularstil.

Woocommerce-Kassenseite

In diesem Bereich können Sie Ihr WooCommerce-Kassenformular anpassen:

  • Das Layout 1 oder 2 spaltig gestalten
  • Ändern der Schriftarten und Farben der Kopfzeile
  • Bearbeiten der Schriftarten, Farben, Abstände und Rahmen der Kassenfelder
  • Ändern von Stil, Schriftart und Farbe der Schaltfläche "Kasse".
  • Hinzufügen einer benutzerdefinierten Warnfarbe
  • Ändern von Text, Farben, Rahmen und Schriftarten des Warenkorbs
  • Hinzufügen von benutzerdefinierten Schriftarten und Farben zum Abschnitt Zahlungsdetails

Klicken Sie nun auf die Registerkarte " Vorlagen", und Sie sehen eine Reihe von benutzerdefinierten Stilen für Ihre Kassenfelder. Klicken Sie auf einen beliebigen Stil, um ihn sofort zu Ihrem Kassenformular hinzuzufügen.

WooCommerce Checkout-Formularvorlagen

Bevor Sie weitermachen, klicken Sie auf die grüne Schaltfläche Speichern in der oberen rechten Ecke Ihres Bildschirms, um Ihren Fortschritt zu speichern.

4. Anpassen des Designs Ihrer Checkout-Seite

Da Ihre Landing Page nun besser aussieht, sehen wir uns einige weitere Möglichkeiten an, wie Sie Ihre WooCommerce-Kassenseite anpassen können.

Hinzufügen einer Kopfzeile zu Ihrer WooCommerce-Kassenseite

Um Ihren Kunden die Orientierung zu erleichtern, ist es sinnvoll, eine Kopfzeile auf Ihrer Kassenseite einzufügen. SeedProd bietet mit Sections eine einfache Möglichkeit, dies zu tun.

Klicken Sie neben dem Blockbedienfeld auf die Registerkarte Abschnitte. Hier werden mehrere vorgefertigte Layouts angezeigt, die Sie mit einem einzigen Klick zu Ihrer Seite hinzufügen können.

SeedProd Landing Page Abschnitte

Wenn Sie zum Beispiel auf den Abschnitt Kopfzeilen klicken, werden 3 verschiedene vorgefertigte Kopfzeilen angezeigt. Wählen Sie ein Design, das Ihnen gefällt, und klicken Sie auf das Plus-Symbol, um es in Ihr Design zu importieren.

Kopfbereich der Checkout-Seite

Standardmäßig wird jeder neue Abschnitt am unteren Rand Ihrer Seite eingefügt. Um ihn in den Kopfbereich zu verschieben, bewegen Sie den Mauszeiger über den Abschnitt und klicken Sie auf das Symbol "Abschnitt verschieben". Ziehen Sie dann den gesamten Abschnitt an den oberen Rand der Seite.

Kopfbereich verschieben

Danach können Sie auf ein beliebiges Element in Ihrem Kopfzeilenbereich klicken, um die Anpassungsoptionen im linken Bereich anzuzeigen. Wenn Sie z. B. auf den Bildblock im Kopfzeilenbereich klicken, können Sie ein neues Bild hochladen, das Sie als Logo verwenden möchten.

Logo der Kassenseite

Sie können sogar den Schaltflächenblock in Ihrer Kopfzeile löschen und durch die Symbole Ihrer sozialen Profile ersetzen.

Soziale Schaltflächen zur WooCommerce-Kassenseite hinzufügen

Hinzufügen von Produktvorschlägen zu Ihrer WooCommerce-Kassenseite

Mit der leistungsstarken WooCommerce-Integration von SeedProd ist es ein Leichtes, Ihre Produkte und Dienstleistungen von jeder Landing Page aus zu verkaufen und zu bewerben. Die verschiedenen Produktrasterblöcke ermöglichen Ihnen die Anzeige:

  • Neueste Produkte
  • Verkauf Produkte
  • Meistverkaufte Produkte
  • Ausgewählte Produkte
  • Am besten bewertete Produkte
WooCommerce Produkte Gitter

Wählen Sie einfach den Block Products Grid aus und ziehen Sie ihn auf Ihrer Seite an die richtige Stelle. Sie können dann auf den Block klicken, um die Einstellungen im linken Bedienfeld zu sehen.

In diesem Bereich können Sie auswählen, wie viele Produktspalten angezeigt werden sollen, und eine Paginierung zu Ihrem Produktgitter hinzufügen. Sie können auch filtern, welche Produkte Besucher sehen, indem Sie einen Abfragetyp aus dem Dropdown-Menü auswählen.

Produktgittereinstellungen WooCommerce

Danach können Sie die Reihenfolge der Produkte festlegen:

  • Datum
  • ID
  • Menü Bestellung
  • Popularität
  • Zufällig
  • Bewertung
  • Titel

Sie können auch wählen, ob sie in aufsteigender oder absteigender Reihenfolge angezeigt werden sollen.

Hinzufügen von Testimonials zu Ihrer Checkout-Seite

Testimonials und Sterne-Bewertungen sind eine weitere gute Möglichkeit, Vertrauen und Glaubwürdigkeit auf Ihrer Kassenseite zu schaffen. Wenn potenzielle Kunden sehen, dass Ihre Produkte positiv bewertet werden, schließen sie den Bestellvorgang eher ab, als dass sie ihren Einkaufswagen stehen lassen.

Um Ihrer WooCommerce-Kassenseite Kundenstimmen hinzuzufügen, ziehen Sie den Block "Testimonial" aus dem linken Bedienfeld und platzieren Sie ihn auf Ihrer Seite. Dann können Sie auf den Block klicken, um die Einstellungen anzuzeigen und Ihre Kundenstimmen hinzuzufügen.

Hinzufügen von Testimonials zur Kassenseite

Sie können so viele Zeugnisse einfügen, wie Sie möchten, und sie sogar als gleitendes Zeugniskarussell anzeigen.

Globale Anpassungseinstellungen

Die globalen Anpassungseinstellungen von SeedProd ermöglichen es Ihnen, das allgemeine Aussehen Ihrer WooCommerce-Kassenseite zu ändern.

Klicken Sie auf das Zahnradsymbol in der unteren linken Ecke des Bildschirms. Dies zeigt ein Panel mit globalen Einstellungen für Schriftarten, Farben, Hintergrund und benutzerdefinierte CSS.

Globale Einstellungen von SeedProd

Schriftarten

Wenn Sie die Überschrift " Schriftart" erweitern, können Sie die Schriftarten und -schnitte für die Kopf- und Fußzeile ändern. Es ist ganz einfach, eine Google-Schriftart aus dem Dropdown-Menü auszuwählen.

Schriftarteneinstellungen auf der Checkout-Seite

Oder Sie klicken auf die Schaltfläche Schriftarten-Themen, um Beispiele für verschiedene Schriftartenkombinationen zu sehen. Von dort aus ist es nur noch ein Klick, um sie auf Ihre Seite anzuwenden.

Schriftarten-Themen

Farben

Der Bereich Farben ist ähnlich aufgebaut. Klicken Sie auf eine beliebige Farbe, um ein Farbtropfenwerkzeug anzuzeigen und einzelne Farben für Überschriften, Text, Schaltflächen und mehr auszuwählen.

Prüfen der globalen Farbeinstellungen

Sie können auch auf die Schaltfläche Farbpaletten klicken, um aus mehr als 20 vorgefertigten Farbschemata zu wählen.

Farbpaletten

Hintergrund

Im Bereich Hintergrund können Sie die Hintergrundfarbe, den Farbverlauf und das Bild ändern. Sie können sogar einen Videohintergrund oder eine Diashow über die gesamte Breite hinzufügen.

Hintergrundeinstellungen der Checkout-Seite

Benutzerdefiniertes CSS

Und schließlich können Sie im Abschnitt " Custom CSS" benutzerdefinierten Code hinzufügen, um die WooCommerce-Kassenseite noch weiter anzupassen.

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf die Schaltfläche Speichern.

5. Konfigurieren Sie die Einstellungen Ihrer Kassenseite

Nachdem Sie Ihre Anpassungen vorgenommen haben, sehen wir uns nun einige andere Einstellungen an, die Sie auf Ihrer Kassenseite ändern können. 

Verbinden Sie Ihre E-Mail-Liste

Der erste Punkt sind die E-Mail-Marketing-Einstellungen. Mit SeedProd können Sie Ihre Landing Page ganz einfach mit Ihrer E-Mail-Liste verbinden. 

Klicken Sie oben auf dem Bildschirm auf " Verbinden", und Sie sehen eine große Auswahl an beliebten E-Mail-Marketingdiensten. Wenn Sie also Nutzer auf Ihrer Bestellseite auffordern möchten, Ihren Newsletter zu abonnieren, verwenden Sie dieses Panel, um Ihren E-Mail-Marketingdienst zu verknüpfen. 

seedprod E-Mail-Integrationen

Wählen Sie einfach Ihren bevorzugten Anbieter und folgen Sie den Schritten in unserer Dokumentation zur E-Mail-Integration, um die Einrichtung vorzunehmen.

E-Mail-Marketingdienst verbinden

Auf demselben Bildschirm können Sie Ihre Checkout-Seite über Zapier mit Tausenden von Apps verknüpfen, die Leistung Ihrer Website mit Google Analytics überwachen und sie mit Recaptcha vor Spam schützen.

Konfigurieren Ihrer Seiteneinstellungen

Nachdem Sie Ihre E-Mail-Liste verbunden haben, klicken Sie auf die Registerkarte " Seiteneinstellungen", um weitere Einstellungen zu sehen, die Sie in SeedProd konfigurieren können. Normalerweise gibt es 5 Abschnitte auf der Einstellungsseite, aber das hängt von der Art der Seite, die Sie erstellen, und Ihrem SeedProd-Plan ab.

Allgemeine Einstellungen

Einstellungen der Anmeldeseite

In den allgemeinen Einstellungen können Sie den Namen und die URL für die WooCommerce-Kassenseite ändern. Sie können auch zwischen veröffentlicht und Entwurf wechseln.

Wenn Sie Plugin-Konflikte vermeiden und Ihre Seite beschleunigen möchten, können Sie den Isolationsmodus aktivieren. Dies verhindert, dass bestimmte Kopf- und Fußzeilenskripte ausgeführt werden und die Leistung beeinträchtigen.

SEO und Analytik

Landing Page SEO-Einstellungen

Auf der Registerkarte SEO können Sie ein WordPress-SEO-Plugin verwenden, um den Titel-Tag, die Meta-Beschreibung usw. Ihrer Landing Page zu konfigurieren. Eines der besten Plugins für diese Zwecke ist All In One SEO.

Das Gleiche gilt für die Registerkarte Analytics. Hier können Sie Ihr bevorzugtes Google Analytics Plugin anschließen und die Leistung Ihrer Landing Page überwachen. Warum nicht MonsterInsights für Google Analytics ausprobieren?

Wenn Sie mehr Details erfahren möchten, können Sie jederzeit unseren MonsterInsights Test lesen.

Skripte

Einstellungen für Landing Page Scripts

Im Bereich Skripte können Sie Code in den Kopf-, Haupt- und Fußbereich Ihrer Seite einfügen. Das können z. B. Ihre Tracking-Cookies, Facebook-Tracking-Pixel oder sogar Ihr Analyseskript sein.

Benutzerdefinierter Bereich

seedprod benutzerdefinierte Domäneneinstellungen

Wenn Sie den Pro Plan von SeedProd nutzen, können Sie jeder Landing Page eine eigene Domain zuweisen, die nicht mit Ihrer bestehenden Website verbunden ist.

Wenn Sie z. B. eine neue Website einrichten möchten, diese aber noch nicht eingerichtet haben, können Sie in SeedProd eine "Demnächst"-Seite auf Ihrer bestehenden Website erstellen und diese auf Ihre neue Website verweisen.

Mit dieser Taktik können Sie neue Abonnenten für die Liste Ihrer zukünftigen Website gewinnen, ohne eine neue WordPress-Installation vornehmen zu müssen.

Nachdem Sie Ihre Einstellungen konfiguriert haben, speichern Sie Ihre Änderungen und klicken Sie zurück auf die Registerkarte Design.

6. Veröffentlichen Sie Ihre benutzerdefinierte Checkout-Seite

Bevor Sie Ihre Kassenseite live schalten, sollten Sie sie auf mobilen Geräten testen. Wenn Ihre Kassenseite nicht mobilfähig ist, wird sie auf kleineren Touchscreens wie Tablets und Smartphones nicht so gut aussehen und funktionieren.

Es könnte sogar dazu führen, dass die Nutzer aus Frustration ihre Warenkörbe verlassen.

Die gute Nachricht ist, dass SeedProd eine integrierte mobile Vorschauoption hat, mit der Sie überprüfen können, ob Ihre Seite mobilfreundlich ist. Klicken Sie einfach auf das Handy-Symbol am unteren Rand Ihres Bildschirms.

Vorschau der Checkout-Seite auf dem Handy

Jetzt können Sie sehen, wie Ihre Kassenseite auf dem Handy aussieht und alles ändern, was nicht richtig aussieht oder funktioniert.

Vorschau der Checkout-Seite auf dem Handy

Wenn alles gut aussieht, ist es Zeit für die Veröffentlichung. Klicken Sie auf den Abwärtspfeil neben der grünen Schaltfläche Speichern und dann auf Veröffentlichen.

Woocommerce-Kassenseite veröffentlichen

Jetzt können Sie die Seite besuchen, um sie in Aktion zu sehen.

Benutzerdefinierte Kassenseite mit Seedprod erstellt

Tolle Arbeit! Sie haben jetzt eine großartige angepasste WooCommerce-Kassenseite!

7. Zuweisen Ihrer Kassenseite in WooCommerce

Es gibt noch 1 Schritt, bis Ihre neue Kassenseite bereit ist, Bestellungen entgegenzunehmen. Sie müssen sie als Ihre Standard-Kassenseite in WooCommerce festlegen.

Navigieren Sie dazu zu WooCommerce " Einstellungen und klicken Sie auf die Registerkarte Erweitert. Gehen Sie dann zur Überschrift Checkout page und wählen Sie die Seite, die Sie gerade aufgerufen haben, aus dem Dropdown-Menü aus.

Kassenseite in WooCommerce festlegen

Denken Sie daran, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.

Und das war's!

Sie wissen jetzt, wie Sie die WooCommerce-Kassenseite mit dem Landing Page Builder von SeedProd anpassen können. Die WooCommerce-Integration von SeedProd macht die Steuerung des Designs Ihres Online-Shops super einfach. 

Das Plugin ist nicht nur schnell und überflüssig, sondern auch so einfach zu bedienen, dass selbst Anfänger einen individuellen Shop erstellen können, ohne einen Entwickler einstellen zu müssen.

Warum probieren Sie es also nicht selbst aus?

Wenn Sie schon einmal hier sind, könnten Sie auch die folgenden WooCommerce-Anleitungen hilfreich finden:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.