Zur Kasse – Bestellüberprüfung

Das Checkout-Bestellüberprüfungs-Widget von ShopEngine bietet zahlreiche Anpassungsoptionen. Sie können die Tabellenelemente wie „Produkt“, „Gesamt“ und „Zwischensumme“ mit einer Reihe von Parametern anpassen, darunter Farbe, Typografie, Rand, Abstand usw.

Wie verwende ich das Checkout-Widget zur Bestellüberprüfung? #

Das Erstellen einer Checkout-Bestellungsüberprüfungsseite umfasst die folgenden Schritte: 1. Aktivieren Sie das Widget, 2. Bearbeiten Sie die Checkout-Vorlage und 3. Passen Sie das Widget an.

Schritt 1: Aktivieren Sie das Widget „Bestellüberprüfung“. #

Um das Widget zu aktivieren,

  1. Navigieren Sie zu ShopEngine > Widgets.
  2. Aktivieren Sie die Bestellüberprüfung Widget.
  3. Klick auf das ÄNDERUNGEN SPEICHERN Schaltfläche in der oberen rechten Ecke.

Schritt 2: Bearbeiten Sie die Checkout-Vorlage #

Das Bestellüberprüfungs-Widget funktioniert mit der ShopEngine Checkout-Vorlage. Daher müssen Sie mit dem ShopEngine Template Builder eine Vorlage für die Checkout-Seite erstellen.

Um eine Vorlage zu erstellen, navigieren Sie zu ShopEngine > Builder-Vorlage > Neu hinzufügen.

Befolgen Sie die Dokumentation, um mehr zu erfahren So erstellen Sie eine WooCommece-Checkout-Seite mit ShopEngine.

Legen Sie die Checkout-Vorlage für das Checkout-Widget zur Bestellüberprüfung fest

Wenn Sie die Checkout-Vorlage erstellt haben, können Sie sie oben in der Liste sehen. Klicken Sie nun auf „Bearbeiten mit Elementor”, um zum Elementor-Fenster zu wechseln.

Bearbeiten Sie mit Elementor, um die Bestellung an der Kasse zu überprüfen

Schritt 3: Passen Sie das Widget „Checkout Order Review“ an #

Danach finden Sie in der linken Seitenleiste das Widget „Checkout Order Review“. Ziehen Sie dann das Widget per Drag & Drop in den Designbereich.

Drag-and-Drop-Widget zur Bestellüberprüfung

Sie können die folgende Funktion im Widget anpassen:

3.1 Tabellenkopf #

  1. Wählen Sie das Textfarbe.
  2. Wähle aus Farbe des unteren Randes.
  3. Wählen Sie das Farbe des unteren Randschattens.
  4. Stellen Sie die ein Typografie für den Header.
  5. Passen Sie die Kopfzeile an Polsterung.
  6. Verstelle die Rand unten des Headers.
Anpassung der Tabellenkopfzeile des Shopengine-Bestellüberprüfungs-Widgets

3.2 Tabellenkörper #

Der Tabellenkörper enthält die Produkte und deren Preis.

Tabellentext des Shopengine-Bestellüberprüfungs-Widgets

Um den Tabellenkörper anzupassen,

  1. Wähle ein Textfarbe (Farbe des Produktnamentextes).
  2. Stellen Sie ein Roher Hintergrund Farbe (Hintergrundfarbe des Körperabschnitts).
  3. Wähle ein Preisfarbe.
  4. Wählen Sie eine aus Randfarbe des Artikels (Rahmenfarbe unter jedem Element).
  5. Wählen Sie eine aus Artikelrand-Schattenfarbe.
  6. Stellen Sie die ein Preis Schriftstärke (Typografie des Preistextes).
  7. Stellen Sie die ein Texttypografie.
  8. Verstelle die Zeilenauffüllung Und Zeilenabstand dazwischen die Produkte.
  9. Passen Sie das Produkt an Bildgröße.
Anpassung des Tabellenkörpers des Shopengine-Bestellüberprüfungs-Widgets

3.3 Tabellenfußzeile #

  1. Wählen Sie a aus Textfarbe.
  2. Wähle ein Preisfarbe für Preistext.
  3. Wählen Sie das Zeilenrandfarbe Und Zeilenrand-Schattenfarbe.
  4. Satz Texttypografie.
  5. Verstelle die Polsterung für die Tabellenfußzeile.
Anpassung der Tabellenfußzeile des Shopengine-Bestellüberprüfungs-Widgets

3.4 Globale Schriftart #

Wählen Sie mithilfe des Parameters im Abschnitt „Globale Schriftart“ die Schriftart der Bestellüberprüfungstabelle aus Schriftfamilie. Die Textschriftart ist auf Standard eingestellt, Sie können jedoch Ihre bevorzugte Schriftart auswählen.

Wählen Sie die globale Schriftart des Shopengine-Bestellüberprüfungs-Widgets

Endlich ist die Vorlage zur Überprüfung der Checkout-Bestellung fertig. Die Vorlage ist sichtbar, wenn der Benutzer zur Kasse geht.

So sieht die Bestellüberprüfungstabelle auf der Checkout-Seite aus:

Widget zur Überprüfung der Checkout-Bestellung auf der Checkout-Seite

Auf diese Weise können Sie unser Bestellüberprüfungs-Widget nutzen, notwendige Änderungen vornehmen und Ihren Kunden ein reibungsloses Erlebnis bieten.

Was sind deine Gefühle?
Aktualisiert am 28. Januar 2024