So erstellen Sie eine WooCommerce-Checkout-Seite mit Elementor

So erstellen Sie eine WooCommerce-Checkout-Seite mit Elementor in etwa 5 Minuten

Nachdem Sie alle oben genannten Plugins installiert und aktiviert haben, ist es an der Zeit, Ihre WooCommerce-Checkout-Seite zu erstellen. Bevor Sie dies jedoch tun können, müssen Sie Ihren WooCommerce-Shop mit Elementor einrichten, falls Sie dies noch nicht getan haben.

Nachdem Sie Ihren WooCommerce-Shop eingerichtet haben, befolgen Sie diese Schritte, um eine WooCommerce-Checkout-Seite mit Elementor und EA Woo Checkout zu erstellen .

Schritt 1: Weisen Sie eine neue Seite als Ihre WooCommerce-Checkout-Seite zu

Das WooCommerce-Plugin wird mit einer Standard-Checkout-Seite geliefert. Um jedoch Ihre eigene schöne Checkout-Seite mit EA Woo Checkout zu gestalten , müssen Sie die standardmäßige Checkout-Seite durch eine andere Seite von Ihnen ersetzen.

Erstellen Sie dazu eine neue Seite aus Ihrem WordPress-Dashboard. Navigieren Sie als Nächstes zu WooCommerce -> Einstellungen und klicken Sie auf die Registerkarte „Erweitert“. Von hier aus können Sie Ihre gewünschte Seite als Ihre Checkout-Seite zuweisen. Klicken Sie einfach auf die Option Checkout-Seite und wählen Sie eine der Seiten aus dem Dropdown-Menü als Ihre WooCommerce-Checkout-Seite aus.

Schritt 2: Aktivieren Sie EA Woo Checkout

Als nächstes müssen Sie das Element EA Woo Checkout aktivieren . Dazu müssen Sie Ihre WooCommerce-Checkout-Seite mit dem Elementor-Editor bearbeiten. Finde das Element „EA Woo Checkout“ über die Option „Suchen“ auf der Registerkarte „ELEMENTE“.

Jetzt müssen Sie nur noch das Element „Woo Checkout“ per Drag & Drop in den Bereich „Widget hierher ziehen“ oder „+“ ziehen.

Sobald Sie das Element per Drag & Drop in einen beliebigen Abschnitt Ihrer Seite ziehen, ist dies das Standardlayout, das Sie sehen werden.

Schritt 3: Bearbeiten Sie den Inhalt Ihrer Woo-Checkout-Seite

Nachdem Sie das EA Woo Checkout- Element erfolgreich aktiviert haben , können Sie mit der Bearbeitung des Inhalts Ihrer Woo Checkout-Seite beginnen, um sie für Ihren WooCommerce-Shop besser geeignet zu machen.

Unter der Registerkarte „Inhalt“ sehen Sie mehrere Optionen wie Allgemeine Einstellungen, Bestelldetails und andere. Sie können diese Einstellungen konfigurieren, um den Inhalt Ihrer Woo Checkout-Seite nach Ihren Wünschen anzupassen.

Weitere Einzelheiten zur Konfiguration der Inhaltseinstellungen von EA Woo Checkout findest du auf unserer Dokumentationsseite.

Wenn Sie die Pro-Version von Essential Addons haben, können Sie zwischen zwei weiteren Layouts wählen – dem Multi-Steps-Layout und dem Split-Layout.

Das Multi-Steps -Layout und das Split-Layout bieten einige zusätzliche Styling-Optionen, um Ihre Woo-Checkout-Seite wirklich hervorzuheben. Sie können mehr darüber lesen, wie sie in unserer Dokumentation funktionieren.

Schritt 4: Stylen Sie Ihre Woo Checkout-Seite

Wenn Sie mit der Bearbeitung des Inhalts Ihrer Woo Checkout-Seite fertig sind, ist es an der Zeit, sie so zu gestalten, dass sie für Ihre Kunden attraktiver aussieht.

Es stehen unzählige Optionen zur Verfügung, um Ihre Woo-Checkout-Seite nach Belieben zu gestalten. Klicken Sie einfach auf die Registerkarte „Stil“, um verschiedene Bereiche Ihrer Seite anzupassen. Sie sehen viele verschiedene Optionen wie „Abschnittstitel“, „Bestelldetails“, „Login“, „Coupon“ und mehr.

Optimiere und probiere alle Optionen aus oder besuche unsere Dokumentationsseite, um herauszufinden, wie du EA Woo Checkout stylen kannst. Mit nur wenigen Klicks können Sie die Farben, die Typografie und vieles mehr ändern, um Ihre Woo-Checkout-Seite für Kunden hervorzuheben.

Schritt 5: Speichern Sie Ihre Änderungen und sehen Sie sich das Endergebnis an

Wenn Sie mit dem Gestalten Ihrer Woo-Checkout-Seite fertig sind, stellen Sie sicher, dass Sie Ihre Änderungen speichern. Sie können das Endergebnis vor dem Veröffentlichen Ihrer Seite in einer Vorschau anzeigen.