Diese Dokumentation führt Sie durch die Integration von Easy Digital Downloads und dem Elementor Page Builder Plugin, um eine ansprechende und anpassbare EDD-Checkout-Seite für Ihren Online-Shop zu erstellen.
Die Integration ermöglicht erweiterte Styling-Optionen und Layout-Flexibilität durch die Verwendung des EDD-Checkout-Blocks sowie der über den Drag-and-Drop-Editor von Elementor und das dedizierte EDD-Checkout-Widget verfügbaren Einstellungen.
EDD Checkout Block
Die Checkout-Seite wird automatisch für Sie erstellt, sobald Sie das EDD-Plugin aktivieren. Sie finden sie unter Seiten » Checkout-Seite. Sie verwendet den EDD-Checkout-Block.
Hinweis: Der EDD-Checkout-Block und seine Einstellungen sind für alle Benutzer verfügbar, unabhängig davon, ob Elementor verwendet wird.
Wenn Sie zur Checkout-Seite gehen, befinden sich die Blockeinstellungen auf der rechten Seite.
Vorschau
Zuerst haben Sie die Möglichkeit, die Einstellung Als Gast anzeigen zu aktivieren. Dies hilft Ihnen sicherzustellen, dass die Erfahrung sowohl für Erstbesucher als auch für wiederkehrende Kunden optimal ist.
Dies zeigt Ihnen eine Echtzeit-Vorschau der Checkout-Seite und des Kreditkartenformulars direkt im Editor. Sie können eines Ihrer Produkte aus dem Dropdown-Menü „Download auswählen“ auswählen und eine Echtzeit-Vorschau dessen sehen, wie das Checkout-Formular mit einem Artikel im Warenkorb aussieht.
Einstellungen
- Layout ändern
- Größe des Warenkorb-Thumbnails anpassen
- Rabattformular anzeigen/ausblenden
Mit Elementor bearbeiten
Elementor hat ein eigenes EDD-Checkout-Widget erstellt, das Benutzern eine tiefere Designkontrolle direkt in Elementor bietet.
Elementor-Editor aufrufen
Wenn das Elementor Page Builder Plugin auf Ihrer WordPress-Website installiert und aktiviert ist, bietet Ihre EDD-Checkout-Seite die Option Mit Elementor bearbeiten.
Ein Klick darauf bringt Sie zur Elementor-Editor-Oberfläche.
Checkout-Widget hinzufügen & konfigurieren
Suchen Sie im Elementen-Panel auf der linken Seite des Bildschirms nach EDD Checkout. Ziehen Sie es per Drag & Drop auf Ihre Seite.
Das Widget bietet eine Echtzeit-Vorschau Ihres Checkout-Formulars. Sie konfigurieren die Element-Einstellungen im linken Bedienfeld, um jeden Aspekt Ihrer Checkout-Seite anzupassen.
Der EDD-Checkout verfügt über drei Haupt-Einstellungsregisterkarten.
Inhalt
Diese Einstellungen ähneln den Blockeinstellungen im nativen EDD-Checkout-Block.
Allgemein
- Warenkorbartikel
- Kontorausrichtung
- Layout
Warenkorb
- Kopfzeile
- Miniaturansicht & Miniaturansichtgröße
- Rabattformular
Abschnittsüberschriften
Sie können anzeigen/ausblenden:
- Persönliche Angaben
- Rechnungsdetails
- Zahlungsmethode
- Karteninformationen
Stil
Der Tab "Stil" ist der Ort, an dem Sie das Styling Ihres Checkout-Widgets anpassen können. Dazu gehören Dinge wie Typografie und Text-/Hintergrundfarben, Radius und Abstände usw.
- Allgemein
- Kaufschaltfläche
- Warenkorb
- Formularabschnitte
- Formularelemente
- Persönliche Informationen
- Rechnungsdetails
- Zahlungsmethode
- Kartendetails
Erweitert
In diesem Tab finden Sie erweiterte Optionen zur Anpassung des Looks und Erscheinungsbilds Ihrer Checkout-Seite. Es gibt mehrere Akkordeons, die jeweils über eine eigene Gruppe von Einstellungen verfügen, die Sie konfigurieren können. Die Abschnitte umfassen:
- Layout
- Motion Effects
- Transformieren
- Hintergrund
- Rand
- Maske
- Responsiv
- Attribute
- Benutzerdefiniertes CSS
Wenn Sie fertig sind, können Sie auf den nach unten gerichteten Pfeil in der oberen rechten Ecke des Bildschirms klicken. Wählen Sie dann Entwurf speichern, Vorlage speichern oder Seite anzeigen. Sie können auch Veröffentlichen auswählen, um Ihre Änderungen live zu schalten.
Wenn Sie Fragen zu den spezifischen Widget-Einstellungen haben, können Sie gerne die Elementor Widget Wissensdatenbank erkunden.
Fehlerbehebung
Wenn Sie den EDD Checkout Block oder die oben genannten Widget-Optionen nicht sehen, müssen Sie möglicherweise Ihr Easy Digital Downloads Plugin aktualisieren.
Suchen Sie nach Updates, indem Sie in Ihrem WordPress-Adminbereich zu Dashboard » Updates gehen. Stellen Sie sicher, dass Sie Version 3.5.3 oder höher verwenden.
