Delaware Dokumentation
Alles, was Sie wissen müssen, um das Potenzial des Delaware-Themas voll auszuschöpfen
Willkommen in Delaware
Delaware ist das fortschrittlichste Theme von Shoporama mit über 37 leistungsstarken Funktionen, umfangreicher Unterstützung für Seitendesigner und vollständiger E-Commerce-Funktionalität. Dieses Theme wurde entwickelt, um Ihnen maximale Flexibilität und Kontrolle über das Aussehen und die Funktionalität Ihres Online-Shops zu geben.
Hinweis: Die Videos in dieser Dokumentation zeigen die Vorgängerversion des Admin-Panels, aber alle Funktionen und Einstellungen funktionieren identisch in der aktuellen Version.
Schnelle Einrichtung
Mit unserem intuitiven Page Builder und vorgefertigten Abschnitten können Sie schnell loslegen
Vollständige Kontrolle
Passen Sie jeden Aspekt Ihres Online-Shops bis ins kleinste Detail an
100% ansprechbar
Perfekt optimiert für alle Geräte und Bildschirmgrößen
Seitengestalter
Mit dem leistungsstarken Seitendesigner von Delaware können Sie ganz einfach professionelle Seiten ohne Programmierkenntnisse erstellen. Mit Drag-and-Drop-Funktionalität, Live-Vorschau und responsiver Bearbeitung können Sie genau das Design erstellen, das Sie wünschen.
Wesentliche Merkmale:
Benutzerfreundliche Schnittstelle
- Bearbeitung per Drag-and-Drop
- Live-Vorschau
- Reaktionsfähige Vorschau
- Undo/Redo-Funktionalität
Erweiterte Optionen
- Wiederverwendbare Vorlagen
- Globale Abschnitte
- Benutzerdefinierte CSS/JS
- Unterstützung von A/B-Tests
Tipp: Beginnen Sie mit einer unserer vorgefertigten Vorlagen und passen Sie diese an Ihre Bedürfnisse an. Das spart Zeit und sorgt für ein professionelles Ergebnis.
Video-Anleitung
Komponenten
Delaware enthält eine umfangreiche Bibliothek mit mehr als 50 vorgefertigten Komponenten, die für E-Commerce-Konvertierung und Benutzerfreundlichkeit optimiert sind.
Integration von Seitendesignern
Alle Komponenten sind vollständig in den Shoporama Page Designer integriert und können ohne Programmieraufwand visuell angepasst werden.
Drag & Drop Schnittstelle
- Bearbeitung der Live-Vorschau
- Responsive Design-Kontrollen
- Benutzerdefinierte CSS-Überschreibungen
Vorgefertigte Layouts
- 15+ Homepage-Vorlagen
- Layouts für Kategorieseiten
- Entwürfe für Landing Pages
Produktkomponenten
Produktanzeige
- Produktraster - Responsive Produktanzeige mit Filterung
- Produktkarussell - Verschiebbarer Produkt-Slider mit Lazy-Loading
- Produkt-Schnellansicht - Modal mit Produktdetails und Kauf
- Ausgewählte Produkte - Ausgewählte Produkte mit Abzeichen
- Bestseller - Automatische Bestseller-Vitrine
Engagement für Kunden
- Wishlist Integration - Wishlist mit Social Sharing
- Produktvergleich - Seite-an-Seite-Vergleich
- Kürzlich angesehene Produkte - Historie der besuchten Produkte
- Lagerbestandsbenachrichtigungen - "Benachrichtigen, wenn auf Lager"
- Größentabelle Modal - Interaktive Größentabelle
Komponenten für Inhalt und Layout
Held & Banner
- - Heldenabschnitte in voller Breite
- - Video-Hintergründe
- - Parallaxe-Bildlaufeffekte
- - Call-to-Action-Overlays
- - Mehrere Banner-Layouts
- - Mobil-optimierte Designs
Sozialer Beweis
- - Erfahrungsberichte von Kunden
- - Überprüfung der Karussells
- - Galerie der Vertrauensabzeichen
- - Feeds der sozialen Medien
- - Kundenfotos
- - Bewertungsanzeigen
Informationen
- - Akkordeon FAQ
- - Expandierbare Inhaltsboxen
- - Registerkarten für den Inhalt
- - Tabellen zum Funktionsvergleich
- - Schritt-für-Schritt-Anleitungen
- - Icon-Merkmalslisten
Marketing & Umstellung
Dringlichkeit und Knappheit
- Countdown-Timer - Zum Verkauf und für Sonderangebote
- Warnungen bei niedrigem Lagerbestand - "Nur noch 3 Stück auf Lager"
- Flash-Sale-Banner - Dynamische Rabatt-Banner
- Social Proof Notifications - "12 heute gekauft"
Lead-Generierung
- Newsletter-Popups - Ausstiegsabsicht & Zeitsteuerung
- Rabattcode Bars - Sticky promocoder
- SMS-Anmeldeformulare - Marketing-Anmeldungen
- Referral Widgets - "Teilen und Rabatt erhalten"
Navigation, Suche
Erweiterte Navigation
- - Mega-Menü mit Produktanzeige
- - Brotkrümel-Navigation
- - Kategorie-Seitenleiste mit Filtern
- - Mobilfreundliches Hamburger-Menü
- - Aufgeklebte Navigationsleiste
Intelligente Suche
- - Autovervollständigen der Suche
- - Visuelle Suchergebnisse
- - Rechtschreibfehler-tolerant
- - Kategoriespezifische Suche
- - Suchverlauf
Checkout & Vertrauen
Umstellungsoptimierte Komponenten
- Fortschrittsbalken im Checkout
- Sicherheitsabzeichen
- Symbole für Zahlungsarten
- Lieferkalender
- Gast-Kassenoption
- Bestellübersicht Seitenleiste
- Verlassenheitsschutz
- Express-Checkout-Schaltflächen
- Integration des mobilen Zahlungsverkehrs
Kundenspezifische Komponenten
Entwicklerfreundliche Funktionen
Benutzerdefinierte Komponenten
- - Smarty-Vorlagen-System
- - Vererbung von Komponenten
- - API-Datenintegration
- - Datenbindung in Echtzeit
Styling-System
- - Tailwind CSS-Framework
- - Benutzerdefinierte CSS-Variablen
- - SCSS-Kompilierung
- - Mobile-first responsive
Leistung & SEO
Alle Komponenten sind für Geschwindigkeit und Suchmaschinen optimiert:
- Lazy Loading - Bilder und Komponenten werden bei Bedarf geladen
- Verkleinerte Assets - Komprimierte CSS und JavaScript
- CDN Ready - Optimiert für Content Delivery Networks
- Schema Markup - Strukturierte Daten für Google
- Mobiloptimiert - Schwerpunkt von Core Web Vitals
- A11y-konform - Zugänglichkeit nach WCAG 2.1
Sehen Sie alle Komponenten in Aktion:
Erleben Sie die Delaware-Komponenten live unter: https://delaware.shoporama.dk
Shortcodes
Verwenden Sie Shortcodes, um dynamische Inhalte und Funktionen direkt in Ihre Seiten und Produktbeschreibungen einzufügen.
1) Links zu Produkten, Kategorien und Landing Pages einfügen
Shortcode mit benutzerdefiniertem Text:
Shortcode mit dem Titel des Objekts:
So finden Sie die ID:
Die ID finden Sie im Shoporama-Kontrollzentrum in der URL, wenn Sie ein Produkt/eine Kategorie/eine Landing Page bearbeiten.
Beispiel-URL: /admin/de/6581/product/edit/2633263
Die ID ist die letzte Zahl in der URL (2633263).
2. das Produktverzeichnis einfügen
Shortcode-Syntax:
Hinweis: Keine Leerzeichen zwischen den Produkt-IDs. Die Produkt-IDs finden Sie im Shoporama-Kontrollzentrum.
3. ein YouTube-Video einfügen
Shortcode-Syntax:
Hinweis: Ersetzen Sie durch die 11-stellige YouTube-Video-ID. Suchen Sie die ID in der URL des YouTube-Videos.
4. hochgeladene Bilder einfügen
Shortcode für hochgeladenes Bild:
Hinweis: Fügt das erste hochgeladene Bild auf der Seite ein. Sie können eine unbegrenzte Anzahl von Bildern hochladen und diese über den Index referenzieren. Die Bildunterschrift wird angezeigt, falls angegeben.
5) Bilder mit absolutem Pfad einfügen
Shortcode für absoluten Bildpfad:
Video-Anleitung
Filter & Suche
Erweiterte Produktfilterung mit AJAX-Update, mehreren Werten und intelligenter Suche.
Filtertypen
- Preisschieberegler mit Min/Max
- Farbmuster
- Leitfaden zur Größenbestimmung
- Brandschutzfilter
- Attribut filtern
- Status der Bestände
- Bewertungen und Rezensionen
- Angebote/Verkäufe
Video-Anleitung
Methoden der Güterbeförderung
Passen Sie Versandmethoden mit Lieferantensymbolen, Lieferzeiten und Beschreibungen an, um die Kundenerfahrung zu verbessern.
Einrichtung von Lieferantensymbolen
HTML-Feldkonfiguration:
Erstellen Sie in Ihrer Versandmethode ein HTML-Feld mit dem Namen Carrier, um Lieferantensymbole anzuzeigen.
Verfügbare Lieferantensymbole:
burd
gls
postnord
pickup
bring
budbee
dhl
dao
dkfragt
instabox
coolrunner
swipbox
ups
Einstellung der Lieferzeiten
HTML-Feldkonfiguration:
Erstellen Sie ein HTML-Feld namens delivery_time, um die Lieferzeiten anzuzeigen.
Bewährte Praxis:
Verwenden Sie klare und einheitliche Formulierungen wie "1-2 Werktage", "am selben Tag", "3-5 Werktage".
Lieferbeschreibung Setup
HTML-Feldkonfiguration:
Erstellen Sie ein HTML-Feld namens delivery_info für detaillierte Beschreibungen.
Beispiele für Beschreibungen:
- - "Direkt an Ihre Haustür geliefert"
- - "Abholung im nächsten Paketshop"
- - "Lieferung zwischen 08:00-16:00"
- - "Gratis bei einem Einkauf über 500 kr."
Sehen Sie sich die Demo an:
Sehen Sie sich die Versandmethoden in Aktion an: https://delaware.shoporama.dk
Unterstützung:
Fehlen Icons für Ihren Lieferanten? Kontaktieren Sie uns unter support@shoporama.dk
Ansicht nach Postleitzahl
Zeigen Sie nur relevante Versandmethoden auf der Grundlage der Postleitzahl des Kunden an.
Nach Postleitzahl ausblenden
Versandmethoden für bestimmte Gebiete oder Postleitzahlen ausblenden.
Allgemeine Einstellung der Versandart
Zahlungsmöglichkeiten
Zeigen Sie die Zahlungsoptionen mit Kartensymbolen deutlich an, um das Vertrauen der Kunden und die Erfüllungsquote zu erhöhen.
HTML-Feldeinrichtung
Einrichtungsprozess:
Erstellen Sie in Ihrer Zahlungsmethode ein HTML-Feld mit der Bezeichnung Karten.
Verfügbare Zahlungssymbole
anyday
banktransfer
dankort
ean
invoice
klarna
maestro
mastercard
mobilepay
paypal
viabill
visa
Beispiel für eine Konfiguration
Beispiel für die Einrichtung einer Dankort-Zahlungsmethode:
Es werden Dankort-, Mastercard- und Visa-Symbole für diese Zahlungsmethode angezeigt.
Sehen Sie sich die Demo an:
Sehen Sie sich die Zahlungsverfahren in Aktion an: https://delaware.shoporama.dk
Unterstützung:
Fehlen Icons für Ihre Zahlungsmethode? Kontaktieren Sie uns unter support@shoporama.dk
Video-Anleitung
Größenbestimmung und Waschanleitung
Professionelles Einrichten von Größenrichtlinien und Waschanweisungen mit einem flexiblen, auf Etiketten basierenden System.
1. Aktivierung in den Themeneinstellungen
Aktivieren Sie die Funktionalität:
- Gehen Sie zu den Themeneinstellungen
- Klicken Sie auf den Abschnitt Produkt
- Aktivieren Sie "Waschanleitung" und/oder "Größenanleitung".
- Optional: Titel anpassen (Standard: "Waschanleitung"/"Größenanleitung")
2. Etiketten erstellen
Navigieren Sie zu Produkte → Etiketten:
Waschanleitung Tags:
Größenrichtlinien-Tags:
3. Erstellen von Anleitungsseiten
Gehen Sie zu Navigation → Seiten:
- Neue Seite mit beschreibendem Titel erstellen
- Ausführliche Wasch- und Größenanweisungen schreiben
- Speichern und bearbeiten Sie die Seite
- Auf der Registerkarte "Erweitert": Hinzufügen des entsprechenden opt-Tags (muss mit dem Label übereinstimmen)
Beispiel für einen Opt-Tag-Abgleich:
waschanleitung-1 waschanleitung-1 4. Auf Produkte anwenden
Gehen Sie zu einem bestimmten Produkt in Produkte:
- Navigieren Sie zur Registerkarte "Etiketten".
- Wählen Sie das entsprechende Wasch-/Größenetikett
- Speichern Sie das Produkt
Flexibles System
Vorteile des Systems:
- Mehrere Anleitungssätze: Erstellen Sie unterschiedliche Wasch- und Größenanleitungen für verschiedene Produkttypen
- Flexible Anwendung: Dieselbe Anleitung kann für mehrere Produkte verwendet werden
- Einfache Verwaltung: Zentralisierte Verwaltung aller Anweisungen
- Automatische Anzeige: Anleitungen werden automatisch auf den Produktseiten angezeigt.
Sehen Sie sich die Demo an:
Sehen Sie sich die Größen- und Waschanleitung in Aktion an: https://delaware.shoporama.dk
Video-Anleitung
Checkout-Merkmale
Der konversionsoptimierte Checkout-Prozess von Delaware reduziert die Anzahl der abgebrochenen Warenkörbe um bis zu 35 % durch eine optimierte Benutzererfahrung und vertrauensbildende Elemente.
Ablauf des Checkout-Prozesses
Einkaufswagen
Artikel überprüfen und bearbeiten
Kundeninfo
Kontakt- und Rechnungsdaten
Versand & Bezahlung
Lieferung & Zahlungsmöglichkeiten
Bestellung abgeschlossen
Bestätigung und Verfolgung
Zahlung storniert / fehlgeschlagen
Wenn ein Kunde den Bezahlvorgang abbricht oder fehlschlägt, wird er mit dem Parameter ?payment_cancelled=1 in der URL zurück zum Shop umgeleitet.
Das Delaware-Thema zeigt automatisch eine Warnung am oberen Rand der Seite über header.html an, wenn dieser Parameter vorhanden ist.
Smarty-Code in Ihrem Thema:
<{include file="components/alert.html" variant="warning" icon="information" text="Din betaling blev ikke gennemført."}>
<{/if}>
Der Kunde behält seinen Warenkorb und kann die Zahlung erneut versuchen.
Einseitiger Checkout
Gestraffte Erfahrung
- Einseitiger Ablauf - Alle Informationen auf einer Seite
- AJAX-Updates - Keine Seiten-Reloads beim Checkout
- Validierung in Echtzeit - Sofortige Fehlerrückmeldung
- Fortschrittsindikatoren - Klarer Fortschritt durch den Prozess
- Mobiloptimiert - Touch-freundlich auf allen Geräten
Gast-Kassenoptionen
- Keine Registrierung erforderlich - Kaufen ohne Kontoerstellung
- Optionale Kontoerstellung - Angebot nach Kauf
- Soziale Anmeldung - Google, Facebook, Apple ID
- Automatisches Speichern von Informationen - Unterstützung von Browser-Autofill
- Erkennung zurückkehrender Kunden - Erkennen früherer Kunden
Express-Kassenoptionen
Apple Pay
One-Touch-Checkout mit Touch ID/Face ID auf Safari und iOS-Geräten.
Google Pay
Schnelle Zahlung per Fingerabdruck unter Android und im Chrome-Browser.
MobilePay
Dänemarks beliebteste mobile Zahlungslösung mit Ein-Klick-Kauf.
Vertrauen und Sicherheit
Sicherheitsmerkmale
- SSL-Verschlüsselung - 256-Bit-Verschlüsselung aller Daten
- PCI DSS-konform - Zertifizierte Zahlungssicherheit
- GDPR Ready - Einhaltung der allgemeinen Datenschutzverordnung
- Privacy First - Kein Tracking ohne Zustimmung
- Sicheres Hosting - Dänische Server mit Backup
Vertrauensabzeichen & Zertifizierungen
- e-Mærket - Dänische E-Commerce-Zertifizierung
- Trustpilot Integration - Live-Bewertungen und Bewertungen
- Norton Secured - Schutz vor Malware und Viren
- 30-tägiges Rückgaberecht - Gesetzliches Widerrufsrecht
- Kostenloser Versand - Für Einkäufe über dem Limit
Zahlungsmöglichkeiten
Delaware unterstützt alle gängigen Zahlungsmethoden in Dänemark und den nordischen Ländern:
Lieferoptionen
Intelligenter Lieferkalender
- - Echtzeit-Lieferdaten von Spediteuren
- - Schätzungen der Zustellzeiten auf der Grundlage der Postleitzahl
- - Bewusstsein für Wochenenden und Feiertage
- - Express-Lieferoptionen
Integration von Paketshops
- - GLS, PostNord, Paketshop-Finder mitbringen
- - Interaktive Karte mit Paketshops
- - Öffnungszeiten und Entfernungen
- - Automatischer Vorschlag für das nächstgelegene Geschäft
Schutz vor dem Verlassen des Wagens
Exit-Intent-Popups
- - Erkennen von "Ausstiegs"-Bewegungen
- - Rabatt oder kostenlosen Versand anbieten
- - E-Mail-Erfassung zur Nachverfolgung
Automatisiertes Follow-up
- - 1-3-5-7 Tage E-Mail-Serie
- - Personalisiert mit vergessenen Inhalten
- - A/B-Test von Betreffzeilen
Dringlichkeitstaktik
- - Zeitlich begrenzte Angebote
- - Warnungen bei niedrigem Lagerbestand
- - Benachrichtigungen über Preiserhöhungen
Checkout-Analytik und -Optimierung
Konversionsverfolgung
- Trichteranalyse - Warenkorb → Kasse → Kaufraten
- Click Tracking - Reibungspunkte identifizieren
- Geräteleistung - Konvertierung Desktop vs. Mobile
- Timing-Analyse - Checkout-Abschlusszeiten
A/B-Tests
- Schaltflächenfarben - Testen Sie die Leistung von CTA-Schaltflächen
- Copytest - Überschriften und Schaltflächentext
- Layout-Varianten - Einzel- vs. mehrstufiger Checkout
- Trust Elements - Platzierung von Trust Badges
Testen Sie den Checkout-Prozess:
Entdecken Sie den optimierten Checkout von Delaware unter: https://delaware.shoporama.dk
Integrationen
Delaware ist vollständig in das Shoporama-Ökosystem und beliebte Drittanbieterdienste integriert.
Marketing
- - Google Analytics 4
- - Facebook-Pixel
- - Google-Anzeigen
- - Klaviyo
Soziale Medien
- - Instagram-Feed
- - Facebook-Chat
- - Soziale Anmeldung
- - Schaltflächen teilen
Werkzeuge
- - Trustpilot
- - Cookiebot
- - Live-Chat
- - Helpdesk
C
Clerk.io Integration
Delaware verfügt über eine vollständige Integration mit Clerk.io für KI-gesteuerte Personalisierung und Produktempfehlungen.
Funktionen, die durch Clerk.io ersetzt werden können:
- Intelligente Suche - Mit Rechtschreibfehlern, Synonymen und Kategorien
- Produktempfehlungen - Verwandte, ähnliche und "andere haben auch gekauft"
- Empfehlungen im Warenkorb - Cross-Selling im Checkout
- E-Mail-Automatisierung - Personalisierte E-Mails
Einrichtung: Fügen Sie Ihren Clerk.io API-Schlüssel in den Themeneinstellungen unter "Integrationen" hinzu und wählen Sie aus, welche Funktionen Sie aktivieren möchten.
Icon-Bibliothek
Delaware enthält eine umfangreiche Bibliothek von Symbolen, die Sie in Ihren Wertvorschlägen, Schaltflächen und UI-Elementen verwenden können.
Marken-Ikonen
Apple Pay
eLabelled
Google Pay
MobilePay
Symbole für Zahlungskarten
Jeder Tag
Dankeskarte
Mastercard
PayPal
Visum
Klarna
Versandmethoden Icons
Bringen Sie
DHL
GLS
PostNord
UPS
Sprachflagge
Dänisch (da)
Englisch (en)
Norsk (nb)
Schwedisch (sv)
Zusätzliche Icons
Delaware verwendet Symbole aus der Heroicons-Bibliothek und enthält:
Einstellung
Chevron
Suche
Wagen
Benutzer
Herz
Starling
Mehr
Benötigen Sie mehr Icons? Kontaktieren Sie uns unter support@shoporama.dk, um zusätzliche Icons für Ihr Thema anzufordern.
Symbole zum Waschen
Delaware enthält eine umfassende Unterstützung für Textilpflegeanleitungen mit international genormten Waschsymbolen.
Waschanleitung
30°C
40°C
50°C
Waschbecken
Kein Waschen
Sanft
Bleichen
Nur Sauerstoffbleiche
Keine Bleiche
Chlor erlaubt
Trocknungsring
Wäschetrockner
Leinen-Trocknung
Schattentrocknung
Flaches Trocknen
Bügeln
Niedrige Temperatur
Mittlere Temperatur
Hohe Temperatur
Nicht wischen
Automatische Integration: Waschsymbole werden automatisch in Produktseiten integriert, wenn sie in der Produktverwaltung hinzugefügt werden.
Markenmanagement
Delaware enthält leistungsstarke Funktionen zur Markenverwaltung, mit denen Sie Ihre Marken professionell präsentieren können.
Einrichten des Feuers Übersicht
- Neue Seite erstellen: Gehen Sie zu Seiten → Neue Seite erstellen
- Vorlage auswählen: Wählen Sie die Vorlage "Marken" aus der Dropdown-Liste
- Automatisches Laden: Alle Marken werden automatisch in alphabetischer Reihenfolge geladen
- Veröffentlichen Sie die Seite: Speichern und veröffentlichen Sie die Markenübersicht
Marken schaffen
Verwaltung
- - Gehen Sie zu Produkte → Registerkarte Marken
- - Klicken Sie auf "Marke hinzufügen".
- - Markentitel ausfüllen
- - Seitenverweis hinzufügen
- - Markenbild hochladen
Bild-Empfehlungen
- - Format: PNG mit transparentem Hintergrund
- - Größe: 300x300 Pixel empfohlen
- - Hochwertige Logos
- - Konsistentes Styling
Merkmale der Marke
Alphabetische Sortierung
Die Marken werden automatisch in alphabetischer Reihenfolge angezeigt.
Reaktionsfähiges Design
Perfekte Anzeige auf allen Geräten
Automatische Links
Link zu markenspezifischen Produktseiten
Beispiel: Sehen Sie, wie die Markenübersicht unter delaware.shoporama.com/brands funktioniert
Erweiterte Postcode-Funktionen
Delaware bietet fortschrittliche, postleitzahlenbasierte Funktionen zum Ein- und Ausblenden von Versandmethoden auf der Grundlage bestimmter Postleitzahlengebiete.
Zwei Methoden zur Überprüfung der Postleitzahl
Nach Spiel anzeigen
Die Versandart wird nur für bestimmte Postleitzahlengebiete angezeigt.
Verwendung: Wenn Sie eine Versandart nur in bestimmten Gebieten anbieten möchten (z. B. Stadtlieferung)
Entfernen nach Match
Die Versandart ist für bestimmte Postleitzahlengebiete ausgeblendet.
Verwendung: Wenn Sie eine Versandart für bestimmte Gebiete ausschließen möchten (z. B. Inseln oder abgelegene Orte)
Anzeigen nach Match-Methode
Umsetzung:
- Gehen Sie zu Dashboard → Versand → Versandmethode bearbeiten
- Erstellen Sie ein neues HTML-Feld namens
allowed_zip_codes - Geben Sie die Postleitzahlbereiche im Format:
1000-1999,3000-3999,5000-5999 - Speichern Sie Ihre Einstellungen
Beispiel für Postleitzahlengebiete:
1000-1999,2000-2999,3000-3999,4000-4999,5000-5999
Hier wird die Versandart für die Postleitzahlen 1000-5999 angezeigt.
Video-Tutorial - Versandmethoden anzeigen
Entfernen nach Match-Methode
Umsetzung:
- Gehen Sie zu Dashboard → Versand → Versandmethode bearbeiten
- Erstellen Sie ein neues HTML-Feld namens
disallowed_zip_codes - Geben Sie die Postleitzahlbereiche im Format
3900-3999,9000-9999ein. - Speichern Sie Ihre Einstellungen
Beispiel für einen Ausschluss:
3900-3999,9000-9999
Dadurch wird die Versandart für Bornholm (3900-3999) und die Färöer Inseln (9000-9999) ausgeblendet.
Video-Tutorial - Versandmethoden ausblenden
Leitlinien für das Format
Unterstützte Formate
1000-1999- Bereich von 1000 bis 19992000,2100,2200- Spezifische Postleitzahlen3000-3999,4000- Kombinierte Fläche und spezifische5000-5999,6000-6999- Weitere Bereiche
Wichtige Hinweise
- - Trennen Sie Bereiche durch Kommas
- - Bindestrich zur Abgrenzung von Bereichen
- - Keine Leerzeichen zwischen den Werten
- - Es werden sowohl 4-stellige dänische als auch internationale Postleitzahlen unterstützt.
Praktische Anwendungsbeispiele
Fahrradlieferung
Nur in Kopenhagen und Aarhus verfügbar
1000-2999,8000-8999
Eilzustellung
Nicht auf Inseln verfügbar
disallowed: 3900-3999,9000-9999
Inselzustellung
Nur für Bornholm und die Färöer Inseln
3900-3999,9000-9999
Profi-Tipp: Testen Sie Ihre Postleitzahlenkonfigurationen immer gründlich, indem Sie verschiedene Kundenadressen während des Bestellvorgangs simulieren.
Video-Einbettung
Betten Sie Videos und Wiedergabelisten direkt in Ihren Online-Shop ein, um ansprechende Inhalte zu erstellen und Ihre Produkte zu präsentieren.
Unterstützte Plattformen
- YouTube-Videos und Wiedergabelisten
- Vimeo-Videos
- Lokale Videos (MP4, WebM)
- Live-Streams
Erweiterte Funktionen
- Reaktionsfähiger Videoplayer
- Fließendes Laden für mehr Leistung
- Benutzerdefinierte Miniaturansichten
- Autoplay-Optionen
Profi-Tipp: Verwenden Sie Videos für Produktdemonstrationen, Anleitungen und Kundenberichte, um die Konversion zu steigern.
Video-Anleitung
Produkt-Zusatzsystem
Das Add-on-System ermöglicht es Ihren Kunden, mit einem einzigen Klick verwandte Produkte hinzuzufügen. Die Produkte erscheinen als Kontrollkästchen unter der Schaltfläche "In den Warenkorb", so dass es einfach ist, Zubehör, Versicherungen oder andere relevante Produkte zu verkaufen.
Was sind Add-ons?
Add-ons sind eine Funktion, mit der Sie verwandte Produkte an ein Hauptprodukt anhängen können. Wenn der Kunde auf "In den Warenkorb" klickt, kann er die Zusatzprodukte gleichzeitig hinzufügen, indem er die entsprechenden Kästchen ankreuzt.
Beispiele für die Verwendung:
- Batterien für Elektronik
- Versicherung oder Garantieverlängerung
- Zubehör für das Hauptprodukt
- Ergänzende Produkte (z. B. Kaffee für Kaffeemaschinen)
Konfiguration von Add-ons
1. Produktebene (höchste Priorität)
Dies ist die spezifischste Konfiguration und hat Vorrang vor allen anderen Einstellungen:
- Gehen Sie zu dem Produkt, zu dem Sie Add-ons hinzufügen möchten
- Klicken Sie auf die Registerkarte Erweiterungen
- Suchen Sie den Abschnitt "Addon-Einstellungen".
- Geben Sie in das Feld
Produkt-IDskommagetrennte Produkt-IDs ein.
Beispiel:
123,456,789
2. Kategorie-Ebene
Gilt für alle Produkte in der Kategorie (wenn sie keine Add-ons auf Produktebene haben):
- Setzen Sie das Metafeld
addon_idsin der Kategorie - Alle Produkte in der Kategorie werden automatisch mit diesen Add-Ons versehen
3. die Ebene der übergeordneten Kategorie (Fallback)
Wenn weder für das Produkt noch für die Kategorie Add-ons konfiguriert sind:
- Das System prüft übergeordnete Kategorien rekursiv
- Erste übergeordnete Kategorie verwenden, für die
addon_idsfestgelegt ist
Wichtige Einschränkungen
- Nur Produkte OHNE Varianten können als Add-ons verwendet werden
- Add-ons werden als separate Warenkorbzeilen hinzugefügt (nicht mit dem Hauptprodukt gebündelt)
- Add-ons werden immer mit der Nummer 1 hinzugefügt (nicht konfigurierbar)
- Keine Sonderpreise oder Bündelrabatte für Add-ons
- Es steht dem Kunden frei, die im Warenkorb befindlichen Add-ons nachträglich zu ändern oder zu entfernen.
Benutzererfahrung
Auf der Produktseite
- Überschrift: "In den Warenkorb mit"
- Checkbox-Liste mit allen Add-ons
- Jedes Add-on zeigt:
- - 32x32px Produktbild
- - Name des Produkts
- - Preis
- - Augensymbol (Link zur vollständigen Produktseite)
Im Korb
- Add-ons erscheinen als normale Produkte
- Kein visueller Hinweis darauf, dass es sich um Add-ons handelt
- Kann unabhängig gewechselt und entfernt werden
- Keine Bindung an das Hauptprodukt
Technische Einzelheiten
Name des Erweiterungsfeldes:
addon_product_ids
Meta-Feldname (Kategorie):
addon_ids
Format:
Kommagetrennte Produkt-IDs (z. B.: 123.456.789)
Vorrangige Reihenfolge:
- Wert der Produkterweiterung (
addon_product_ids) - Produkt-Metawert (
addon_ids) - Kategorie-Meta-Wert (
addon_ids) - Metawert der übergeordneten Kategorie (
addon_ids)
Bewährte Praktiken
- Verwenden Sie nur relevante Add-ons, die dem Kunden einen Mehrwert bieten.
- Halten Sie die Anzahl der Add-ons zwischen 2 und 5, um den Kunden nicht zu überfordern.
- Verwenden Sie die Konfiguration auf Kategorieebene für Produkte mit denselben Add-ons
- Testen Sie die Preise von Zusatzprodukten - zu hohe Preise können die Konversionsrate senken.
- Wählen Sie Zusatzprodukte mit guten Produktbildern und -beschreibungen
- Beachten Sie, dass nur Produkte ohne Varianten verwendet werden können
Nutzenversprechen
Delaware unterstützt 4 konfigurierbare Wertangebote, die auf der Startseite oder an anderen strategischen Stellen angezeigt werden können, um Ihre einzigartigen Vorteile hervorzuheben.
Aufstellung von Wertvorschlägen
Navigation zu den Einstellungen:
Gehen Sie zu Themeneinstellungen → Home → Wertangebot
Für jedes Nutzenversprechen können Sie eine Konfiguration vornehmen:
- - Überschrift - kurz und prägnant (max. 25 Zeichen)
- - Kurztext - Ausführliche Beschreibung (max. 50 Zeichen)
- - Icon - Wählen Sie aus über 35 Icons
- - Link (optional) - Link zur entsprechenden Seite
Bewährte Praktiken:
- - Texte kurz und klar halten
- - Wählen Sie Symbole, die zur Nachricht passen
- - Heben Sie Ihre einzigartigen Vorteile hervor
- - Test auf dem Handy auf Lesbarkeit
Beispiele von Wertangeboten
Kostenloser Versand
Für Einkäufe über 399 kr
30 Tage Rückgabe
Vollständiges Rückgaberecht
Kundenbetreuung
Mo-Fr 9-17 Uhr
Sichere Bezahlung
SSL-verschlüsselt
Verfügbare Icons
Delaware enthält über 35 Symbole für Wertangebote:
Lkw
Kreditkarte
schild-alt
Kopfhörer
rückgängig machen
Geschenk
Uhr
Auszeichnung
Daumen hoch
...und viele weitere in den Themeneinstellungen
Blog-Funktionen
Delaware enthält ein komplettes Blogging-System mit SEO-Optimierung, Kategorien, Tags und erweiterten Bildfunktionen.
Blogbeiträge erstellen
Grundlegende Einrichtung:
- Gehe zu Inhalt → Blog → Neuer Beitrag
- Titel und URL-Slug ausfüllen
- Schreiben Sie Ihren Inhalt im Editor
- Bilder und Medien hinzufügen
- Konfigurieren Sie die SEO-Einstellungen
- Veröffentlichen oder als Entwurf speichern
Einfügen von Bildern in Blog-Beiträge
Delawares einzigartiges Bildgebungssystem:
Verwenden Sie Shortcodes, um Bilder direkt in Ihre Blogbeiträge einzufügen:
Das funktioniert folgendermaßen:
- Bilder über die Schaltfläche "Bilder hochladen" hochladen
- Bilder werden automatisch mit einer Indexnummer versehen (1, 2, 3...)
- Fügen Sie das Bild mit
[image index=X]ein. - Bilder werden reaktionsschnell mit automatischer Größenänderung angezeigt
Blog-Layout-Optionen
Gitternetz-Layout
- - 2-4 Spalten reaktionsfähiges Raster
- - Hervorgehobenes Bild
- - Auszug und weiterführender Link
- - Perfekt für visuelle Inhalte
Layout der Liste
- - Klassisches Blog-Listenformat
- - Seitenleiste mit Kategorien
- - Vollständige Auszugsansicht
- - Angaben zu Datum und Autor
Magazin-Layout
- - Abschnitt "Ausgewählte Beiträge
- - Kategoriebezogene Ansicht
- - Gemischtes Raster und Liste
- - Widget für beliebte Beiträge
Blog-SEO-Funktionen
On-Page-SEO
- - Benutzerdefinierte Metatitel und Beschreibungen
- - Automatische Open-Graph-Tags
- - Kanonische URLs
- - Schema.org-Auszeichnung
- - Integration der XML-Sitemap
Kategorien & Tags
- - Unbegrenzte Kategorien
- - Tag-basierte Navigation
- - Kategoriespezifische RSS-Feeds
- - Verwandte Beiträge Automatik
- - Tag Clouds Widget
Farbanpassung
Delaware gibt Ihnen die volle Kontrolle über das Farbschema Ihres Themes mit erweiterten Anpassungsoptionen und voreingestellten Farbthemen.
Einstellungen für Primärfarben
Passen Sie die folgenden Farben an:
Marke Farben
#2563eb
#9333ea
#db2777
UI-Farben
#16a34a
#ca8a04
#dc2626
Abzeichen & Etikettenfarben
Individuelle Farbgestaltung von Produktplaketten und Etiketten:
#dc2626
#16a34a
#2563eb
#9333ea
Voreingestellte Farbschemata
Klassisch Blau
Professionell und vertrauenswürdig
Warme Erde
Warm und einladend
Modernes Gefälle
Modern und dynamisch
Erweiterte Farbeinstellungen
Benutzerdefinierte CSS-Eigenschaften:
Für Entwickler - Anpassung über CSS-Variablen:
Theme-Einstellungen
Delaware verfügt über mehr als 100 Konfigurationsoptionen, die Ihnen die volle Kontrolle über das Aussehen und die Funktionalität Ihres Themes geben, ohne dass Sie programmieren müssen.
Zugang zu den Einstellungen
Navigation: Admin → Design → Themes → Delaware → Einstellungen
Schneller Zugang:
- - Live-Vorschau verfügbar
- - Änderungen in Echtzeit
- - Sofortiges Speichern und Veröffentlichen
Sicherungssystem:
- - Automatische Sicherung der Einstellungen
- - Konfiguration exportieren/importieren
- - Wiederherstellen der Standardeinstellungen
Allgemeine Einstellungen
Farben & Branding
- Markenfarben - Primär-, Sekundär- und Akzentfarben
- Hintergrundbilder - Farbverlauf, Bild oder Volltonfarbe
- Schaltflächengestaltung - Rund, quadratisch oder benutzerdefinierter Rahmenradius
- Logo-Einstellungen - Größe, Position und mobile Version
- Favicon - Laden Sie Ihr eigenes Website-Symbol hoch
Typografie
- Google Fonts - über 800 Schriftarten verfügbar
- Header-Styling - H1-H6 mit individueller Steuerung
- Fließtext - Schriftgröße, Zeilenhöhe und -gewicht
- Schaltflächentext - Schriftart und Styling für CTAs
- Benutzerdefiniertes CSS - Erweiterte Typografiekontrolle
Layout und Navigation
Layout der Seite
- - Breite des Containers (1140px, 1200px, 1320px)
- - Position der Seitenleiste (links/rechts)
- - Einstellungen für klebrige Überschriften
- - Layout und Inhalt der Fußzeile
- - Mobile responsive Haltepunkte
Hauptmenü
- - Horizontales oder vertikales Layout
- - Dropdown-Animationen
- - Konfiguration des Mega-Menüs
- - Mobiles Hamburger-Styling
- - Integration der Suchleiste
Brotkrümel
- - Aktivieren/Deaktivieren auf verschiedenen Seiten
- - Benutzerdefinierte Trennzeichen (>, /, |)
- - Schema-Auszeichnung für SEO
- - Styling und Platzierung
- - Einstellungen für den Home-Link
Produkt-Einstellungen
Produktbilder
- Billedeshoppen - Hover-Zoom, Leuchttisch, 360°-Ansicht
- Thumbnail-Styling - Raster, Schieberegler oder gestapeltes Layout
- Lazy Loading - Leistungsoptimierung
- WebP-Unterstützung - Moderne Bildformate
- Bildseitenverhältnis - Einheitliche Bildhöhe
Informationen zum Produkt
- Preisanzeige - Vorher/Nachher-Preis, Informationen zur Mehrwertsteuer
- Lagerbestandsstatus - "Auf Lager", "Zurückholen" Meldungen
- Varianten - Dropdown-, Farbfeld- oder Schaltflächen-Styling
- Bewertungen - Sterne, Bewertungen, aggregierte Bewertung
- Soziale Netzwerke - Schaltflächen für Facebook, Twitter und Pinterest
Shop & Checkout Einstellungen
Einkaufskorb
- Wagenschublade - Korb von der Seite oder von oben einschiebbar
- Mini-Wagen - Hover-Vorschau in der Kopfzeile
- AJAX-Updates - Kein Neuladen der Seite beim Hinzufügen
- Warenkorb-Benachrichtigungen - Erfolgsbenachrichtigungen und Animationen
- Upsell-Vorschläge - "Andere haben auch gekauft" im Warenkorb
Checkout-Prozess
- Einseitiger Checkout - Optimierter Fahrprozess
- Gast-Kasse - Kaufen ohne Registrierung
- Fortschrittsindikatoren - Schritt-für-Schritt-Ansicht
- Vertrauenssymbole - SSL, Zahlungssicherheitssymbole
- Zusammenfassung der Bestellung - Sticky Sidebar mit Gesamtbetrag
Marketing und SEO
Popups und Benachrichtigungen
- - Popup zur Newsletter-Anmeldung
- - Durch Exit-Intent ausgelöste Angebote
- - Cookie-Zustimmungsbanner
- - Ankündigungsleiste
- - Benachrichtigungen zum sozialen Nachweis
SEO-Optimierung
- - Meta-Titel und -Beschreibungen
- - Open Graph-Bilder
- - Schema-Auszeichnung (JSON-LD)
- - Kanonische URLs
- - Erstellung der Sitemap
Analytik
- - Integration von Google Analytics 4
- - Facebook-Pixel-Einrichtung
- - Verbesserte Verfolgung des elektronischen Handels
- - Benutzerdefinierte Konversionsziele
- - Unterstützung von Heatmapping
Integrationen von Drittanbietern
Marketing-Dienstleistungen
- E-Mail-Marketing - Integration von Klaviyo und Mailchimp
- Live-Chat - Intercom, Zendesk Chat-Unterstützung
- Bewertungen - Trustpilot, Google Bewertungen Widgets
- Suchen & Finden - Clerk.io AI-Integration
Business-Tools
- Buchhaltung - e-conomic, Dinero-Synchronisierung
- Logistik - GLS, PostNord, Bring Labels
- Zahlungen - QuickPay, PensoPay, Stripe, PayPal einrichten
- Inventar - Bestandsverwaltung in Echtzeit
Erweiterte Einstellungen
Benutzerdefinierter Code
- Benutzerdefiniertes CSS - Hinzufügen von benutzerdefiniertem Styling ohne Verlust von Aktualisierungen
- Benutzerdefiniertes JavaScript - Tracking oder Funktionalität hinzufügen
- Vorlagenüberschreibungen - Anpassen bestimmter Abschnitte
- Webhook-Endpunkte - Integration mit externen Systemen
Leistung
- Langsames Laden - Bilder, Videos und Komponenten
- Asset-Minifizierung - CSS- und JS-Komprimierung
- CDN-Einstellungen - Optimierung der Inhaltsbereitstellung
- Caching-Kontrolle - Browser- und Server-Caching
Verwaltung der Einstellungen
Einstellungen exportieren
Laden Sie Ihre komplette Theme-Konfiguration als JSON-Datei zur Sicherung oder Migration herunter.
Einstellungen importieren
Hochladen und Anwenden gespeicherter Konfigurationen oder übertragener Einstellungen aus einem anderen Webshop.
Einstellungen zurücksetzen
Stellen Sie alle Einstellungen mit einem einzigen Klick auf die Standardwerte des Themas zurück.
Sehen Sie sich die Einstellungen in Aktion an:
Entdecken Sie die umfangreichen Konfigurationsmöglichkeiten von Delaware unter: https://delaware.shoporama.dk
theme_settings.json Struktur
Die Konfiguration von Delaware ist definiert in theme_settings.json Datei, die volle Kontrolle über die Einstellungen und Funktionen des Themas bietet.
Drahtstruktur
Gruppen einstellen
Struktur der Gruppe
{
"path": "design",
"name": "Design",
"description": "Indstillinger for dit design",
"fields": [
// Individuelle felter
]
}
Standard-Gruppen
- Gestaltung - Logo, Farben, Typografie
- Titelseite - Titelseitenspezifische Einstellungen
- Fußzeile - Inhalt und Layout der Fußzeile
- Einstellungen - Allgemeine Funktionen
- einige - Soziale Medien
Feldtypen
Text & Eingabe
string- Einzelne Textzeilewysiwyg- Rich-Text-Editorhtml- HTML-Code-Eingabetextarea- Mehrzeiliger Text
Auswahlmöglichkeiten und Optionen
bool- Ja/Nein-Kippschalterlist- Dropdown-Auswahlcolor- Farbwählernumber- Numerische Eingabe
Medien & Dateien
image- Bild-Uploadfile- Hochladen von Dateienvideo- Video-URLicon- Icon-Auswahl
Beispiel für eine Felddefinition
Vollständiges Feldbeispiel:
{
"path": "enable_login",
"name": "Enable Login",
"description": "Lets your customers create accounts and log in",
"type": "bool",
"default": true,
"required": false,
"depends_on": {
"field": "some_other_field",
"value": true
}
}
Erforderliche Eigenschaften:
- •
path- Eindeutiger Bezeichner - •
name- Name anzeigen - •
type- Feldtyp
Optionale Eigenschaften:
- •
description- Hilfetext - •
default- Standardwert - •
depends_on- Bedingte Anzeige
Beispiel für ein Listenfeld
Dropdown mit Optionen:
{
"path": "layout_type",
"name": "Layout Type",
"description": "Vælg layout stil",
"type": "list",
"values": [
{
"name": "Standard Grid",
"value": "grid"
},
{
"name": "Masonry Layout",
"value": "masonry"
},
{
"name": "List View",
"value": "list"
}
],
"default": "grid"
}
Zusätzliche Einstellungen
add_settings zum Hinzufügen von Einstellungen zu bestimmten Verwaltungsseiten:
"add_settings": [
{
"url": "category/edit",
"path": "add_filter",
"name": "Tilføj filter",
"description": "Tilføj filtrering på denne kategori",
"type": "bool"
}
]
Dies fügt eine "Filter hinzufügen"-Option direkt auf der Seite zur Bearbeitung von Kategorien hinzu.
Seitendesigner-Module
Delaware unterstützt mehr als 50 Page Designer Module, die in modules Array:
Banner
produkt_liste
Video
Spalten
Karussell
Empfehlungsschreiben
Newsletter
50+ mehr
Bewährte Praktiken
- Verwenden Sie beschreibende Namen: Machen Sie deutlich, was die Einstellung tut
- Hilfetext hinzufügen: Verwenden Sie das Beschreibungsfeld, um den Benutzer zu führen
- Zusammengehörige Einstellungen gruppieren: Ähnliche Einstellungen zusammenhalten
- Standardwerte verwenden: Setzen Sie sinnvolle Standardwerte
- Änderungen testen: Überprüfen, ob die Einstellungen korrekt funktionieren
Wunschzettel & Favoriten
Delaware verfügt über zwei unabhängige Systeme zum Speichern von Produkten: Wunschlisten (erfordert Anmeldung, Freigabe über Link) und Favoriten (lokal im Browser, Herz-Taste).
Wunschzettel
Der Kunde kann mehrere benannte Wunschlisten erstellen, Produkte mit Mengen und Varianten hinzufügen und sie über einen eindeutigen Link freigeben.
- Erfordert eine Anmeldung - Daten werden in der Datenbank gespeichert
- Mehrere Wunschlisten pro Kunde
- Freigabe über einen eindeutigen Link
- Unterstützte Varianten und Nummern
- Öffentliche Ansicht mit Schaltflächen "In den Warenkorb".
Freischaltung: Einstellungen → Webshop → Wunschlisten freischalten
Favoriten
Einfacher Herz-Button auf Produktkarte und Produktseite. Favoriten werden lokal im Browser gespeichert - keine Anmeldung erforderlich.
- Keine Anmeldung erforderlich
- Herz-Button auf Produktkarte und Produktseite
- Seitenleiste mit allen Favoriten
- Direkt "In den Warenkorb" aus der Seitenleiste
- Zähler in der Kopfzeile
Aktivierung: Theme-Einstellungen → Produkt → Wunschzettel aktivieren
Hinweis: Die beiden Systeme sind unabhängig voneinander - Sie können eines oder beide gleichzeitig verwenden. Wunschlisten erfordern eine Anmeldung und sind ideal zum Teilen (Geburtstagswünsche, Weihnachtswünsche), während Favoriten schnell und unverbindlich sind.
Abonnements
Delaware bietet volle Unterstützung für wiederkehrende Bestellungen, so dass die Kunden laufende Abonnements für Produkte abschließen können.
Einrichten von Abonnementprodukten
Um Abonnements für ein Produkt zu aktivieren, füllen Sie unter Produkte → Produkt bearbeiten die folgenden Felder aus:
Preis des Abonnements
Preis pro Lieferung
Intervall
Täglich, wöchentlich oder monatlich
Bindungsfrist
Optionale Mindestdauer
Kundenerfahrung
Produkt-Seiten
- Abo-Box mit Art und Preis
- Wählen Sie das Zustellungsintervall (z. B. "alle 2 Monate")
- Variantenauswahl mit Abonnementpreisen
- Kommentarfeld
- Nachricht über die Bindungsdauer (falls festgelegt)
Mein Profil
- Übersicht über alle Abonnements
- Nächste Lieferung und Intervall ändern
- Zahlungskarte aktualisieren
- Abonnement kündigen oder neu eröffnen
- Siehe Produkt- und Adressangaben
Warenkorb & Kasse
- Abonnements werden im Warenkorb und im Seitenmenü mit Symbol und Intervall angezeigt
- Schaltfläche für Abonnements im Warenkorb und in der Seitenleiste entfernen
- Modal "Produkt wurde dem Warenkorb hinzugefügt" beim Hinzufügen eines Abonnements
- Abo-Badge auf der Produktkarte
E-Mail-Vorlagen
Delaware enthält 6 E-Mail-Vorlagen für Abonnements:
Bestätigung bei der Schöpfung
Nachricht bei Kündigung
Nachricht zur Wiedereröffnung
Erinnerung vor der Lieferung
Geplante Annullierung nach der Bindung
Bestätigung der Kartenaktualisierung
Wichtig: Für Abonnements ist ein Zahlungsgateway erforderlich, das wiederkehrende Zahlungen unterstützt (z. B. Stripe oder Quickpay). Wenden Sie sich an Ihren Zahlungsanbieter, um sicherzustellen, dass wiederkehrende Zahlungen für Ihr Konto aktiviert sind.
Leistung & SEO
Delaware ist von Grund auf für Geschwindigkeit und Suchmaschinen optimiert.
Leistungsmetriken
Brauchen Sie Hilfe?
Wir wollen Ihnen helfen, das Beste aus Delaware herauszuholen