Bestellformular – Versand

Das Checkout-Formular von ShopEngine – Versand ist ein sehr nützliches Widget, da Sie damit Ihrem Versand-Checkout-Formular einen Reiz verleihen können. Sie können alle notwendigen Änderungen an den Formularelementen vornehmen, von der Schriftart bis zum Erscheinungsbild.

Wie verwende ich das Checkout-Formular – Versand-Widget? #

Das Erstellen eines Checkout-Versandformulars umfasst zwei wichtige Schritte. 1. Erstellen Sie eine Vorlage und 2. Entwerfen Sie das Versandformular auf Elementor.

Erstellen einer Vorlage #

Melden Sie sich zunächst bei Ihrem WordPress-Dashboard an und navigieren Sie zu ShopEngine > Builder-Vorlagen.

Klicken Sie dann auf „Neue hinzufügen“-Schaltfläche in der oberen rechten Ecke.

Unmittelbar danach wird ein Popup-Fenster mit den Vorlageneinstellungen angezeigt. Im Fenster „Vorlageneinstellungen“:

  1. Geben Sie eine Vorlage ein Name.
  2. Wählen Sie die Vorlage aus Typ: Kasse.
  3. aktivieren Sie Die Vorlage.
  4. Wähle ein Beispieldesign oder beginnen Sie mit dem Entwurf von Grund auf.
  5. Klicken Sie abschließend auf die Schaltfläche „Änderungen speichern" Taste.
Vorlage für das Versandformular zur Kaufabwicklung erstellen

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

Checkout-Versand-Vorlage mit Elementor bearbeiten

Versandformular auf Elementor entwerfen #

In diesem Schritt entwerfen Sie ein Versandformular für die Checkout-Seite. Im Elementor-Editor ziehen und loslassen das Widget „Checkout-Formular – Versand“ in den Entwurfsbereich.

Drag & Drop-Checkout-Formular – Versand-Widget

Das Formular zur Versandabwicklung wird unmittelbar danach angezeigt.

Unter der Registerkarte „Inhalt“

Sie können das Layout und den Titel des Checkout-Versandformulars ändern.

Im Layout können Sie Sortieren des Eingabefelds und die Reihenfolge der Felder manuell ändern.

Sie können den Titel des Kontrollkästchens auf der Registerkarte „Stil“ mithilfe von Parametern wie Farbe, Schriftgröße und Rand bearbeiten.

Kasse Versand Sortierung Eingabefeld

Im Allgemein können Sie einen Formulartitel für das Checkout-Versandformular.

Geben Sie den Titel für das Versandformular zur Kasse ein

Unter der Registerkarte Stil

Sie können die anpassen Kontrollkästchentitel durch Ändern von Farbe, Schriftgröße, Typografie und Rand.

Bestellformular - Versand wird im Kontrollkästchen-Titelbereich angezeigt

Sie können auch verschiedene Elemente im Formular wie Vorname, Nachname, Firmenname, Straße und Hausnummer anzeigen oder ausblenden, indem Sie die Schalter im Feldsichtbarkeit Abschnitt.

Checkout-Formular - Versand wird im Abschnitt „Feldsichtbarkeit“ angezeigt

Im Formularcontainer können Sie die Ausrichtung des Containers festlegen und den Hintergrund und die Polsterung des Formularcontainers auswählen.

Formularcontainer-Einstellungen für das Checkout-Versandformular

Im Etikett können Sie die Farbe, die erforderliche Indikatorfarbe, die Schriftgröße und den Rand auswählen.

Formularbeschriftungseinstellungen für das Checkout-Versandformular

Sie können die anpassen Eingang Feld und sein Erscheinungsbild anhand der angegebenen Optionen wie Eingabefarbe, Hintergrund, Rahmenfarbe, Schriftgröße usw.

Eingabefeldanpassung für das Checkout-Versandformular

Mit dem Globale Schriftart können Sie die Texttypografie aus den Parametern „Primäre und sekundäre Typografie“ für das Versandformular zur Kaufabwicklung anpassen.

Globale Schrifteinstellungen für das Checkout-Versandformular

Im Screenshot unten können Sie das Bestellformular mit allen Versanddetails einsehen.

Auf der Checkout-Seite wird ein Versandformular angezeigt

So können Sie das Checkout-Formular-Versand-Widget nutzen und Ihren Kunden ein reibungsloses Erlebnis bieten.

Um Zugriff auf zusätzliche Felder beim Checkout zu erhalten, aktivieren Sie das Modul „Zusätzliche Felder beim Checkout“ und sehen Sie sich die zusätzlichen Felder beim Checkout an. Nehmen Sie dann die erforderlichen Änderungen in den zusätzlichen Feldern vor.

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