Mit dem EDD Cart-Block können Sie eine individuelle Warenkorbseite für Ihren Easy Digital Downloads-Shop erstellen. Dieser Block zeigt den Inhalt des Warenkorbs an und bietet Ihnen vollständige Kontrolle über Stil, Layout und visuelle Darstellung, sodass Sie ein professionelles Warenkorb-Erlebnis schaffen können, das zu Ihrer Marke passt.
Eine gut gestaltete Warenkorbseite ist entscheidend für den Abschluss von Verkäufen und die Reduzierung von Warenkorbabbrüchen. Mit diesem Block können Sie jeden Aspekt des Erscheinungsbilds Ihres Warenkorbs anpassen, von der Typografie der Kopfzeile und den Schaltflächenstilen bis hin zu Produktlisten und Preisangaben. Erstellen Sie eine Warenkorbseite, die Vertrauen schafft und Kunden reibungslos zum Kaufabschluss führt.
Hinzufügen des EDD-Warenkorb-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen EDD Cart-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Unter „Design“ > „Blöcke“ > „Easy Digital Downloads“ ziehen Sie den Block „Warenkorb“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Der EDD-Warenkorb-Block befindet sich unter „Easy Digital Downloads“ und kann hinzugefügt werden, um eine benutzerdefinierte Warenkorbseite zu erstellen.
Schritt 2: Design anpassen
Sobald Sie ihn hinzugefügt haben, klicken Sie auf den EDD Cart-Block, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Stile“ können Sie das Erscheinungsbild Ihres Warenkorbs anpassen.
Kopfzeilen:
- Typografie: Steuern Sie die Schriftarteneigenschaften für Warenkorbüberschriften wie „Ihr Warenkorb“ oder Abschnittstitel, einschließlich Schriftfamilie, Größe, Schriftstärke und Stil.
- Header-Farbe: Legen Sie die Farbe für den Header-Text passend zu Ihrer Marke fest.
Knöpfe:
- Schaltflächenstil: Wählen Sie die visuelle Gestaltung für Warenkorb-Schaltflächen wie „Warenkorb aktualisieren“ oder „Zur Kasse gehen“. Zur Auswahl stehen „Flach“ (modernes flaches Design), „2D“ (dezenter Tiefeneffekt), „Vintage“ (klassischer Look), „Ghost“ (transparent mit Rand) oder „Link“ (einfacher Textlink).
- Schaltflächenfarbe: Legen Sie die Hintergrundfarbe für die Schaltflächen zum Warenkorb fest.
- Border Radius: Passen Sie die Rundung der Schaltflächenecken an. Höhere Werte erzeugen rundere Schaltflächen, während der Wert Null scharfe Ecken erzeugt.
Warenkorb:
- Farbe des Warenkorb-Rahmens: Legen Sie die Farbe für die Rahmen um die Warenkorb-Tabelle und die Elemente fest.
- Breite des Warenkorb-Rahmens: Passen Sie die Dicke der Rahmen (oben, rechts, unten, links) um die Elemente des Warenkorbs an.
- Hintergrundfarbe: Legen Sie die Hintergrundfarbe für die Warenkorb-Tabelle oder den Container fest.
- Produkttextfarbe: Wählen Sie die Farbe für Produktnamen und Beschreibungen im Warenkorb.
- Produkttypografie: Steuern Sie die Schriftarteneigenschaften für Produktnamen und Beschreibungen.
- Preis-Textfarbe: Legen Sie die Farbe für die Preisanzeige im Warenkorb fest.
- Preistypografie: Passen Sie die Schriftarteneigenschaften für Preise an.
- Gesamttextfarbe: Wählen Sie die Farbe für die Gesamtbeträge im Warenkorb aus.
- Gesamttypografie: Steuern Sie die Schriftarteneigenschaften für Gesamtbeträge, einschließlich Zwischensummen und Endsummen.
- Linkfarbe: Legen Sie die Farbe für anklickbare Links im Warenkorb fest (z. B. „Entfernen“ oder Produktlinks).
- Link-Typografie: Passen Sie die Schriftarteneigenschaften für Warenkorb-Links an.
Die Registerkarte „Stile“ bietet umfassende Optionen zum Anpassen von Kopfzeilen, Schaltflächen und allen Elementen der Warenkorbdarstellung.
Schritt 3: Erweiterte Optionen konfigurieren
Auf der Registerkarte „Erweitert“ können Sie Ihren EDD-Warenkorb-Block weiter anpassen:
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Warenkorbblock (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen dem Warenkorb und den umgebenden Elementen angezeigt wird.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Warenkorb-Blocks an (oben, rechts, unten, links). Dadurch entsteht ein Freiraum zwischen dem Inhalt des Warenkorbs und seinen Rändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Warenkorb-Block an. Diese ID wird automatisch von SeedProd für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Cart-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert (z. B. data-cart|edd-cart)
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Den Warenkorb-Block auf Desktop-Bildschirmen ausblenden
- Auf Tablet ausblenden: Den Warenkorb-Block auf Tablet-Geräten ausblenden
- Auf Mobilgeräten ausblenden: Den Warenkorb-Block auf Mobilgeräten ausblenden
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Warenkorb in den Blickbereich scrollt. Zu den Optionen gehören „Hüpfen“, „Einblenden“, „Vergrößern“, „Drehen“ und viele mehr.
Die Registerkarte „Erweitert“ enthält Optionen für Abstände, benutzerdefinierte Attribute, Gerätesichtbarkeit und Animationseffekte.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des EDD Cart-Blocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen EDD-Warenkorb-Block zu Ihrer Seite hinzugefügt! Diese anpassbare Warenkorb-Anzeige hilft Ihnen dabei, ein professionelles Einkaufserlebnis zu schaffen, das zu Ihrer Marke passt und Kunden reibungslos zum Kaufabschluss führt. Experimentieren Sie mit verschiedenen Farben, Schriftarten und Schaltflächenstilen, um eine Warenkorbseite zu erstellen, die Vertrauen schafft und Warenkorbabbrüche reduziert.