Delaware Dokumentation
Allt du behöver veta för att utnyttja Delaware-temats fulla potential
Välkommen till Delaware
Delaware är Shoporamas mest avancerade tema med över 37 kraftfulla funktioner, omfattande stöd för siddesigner och full e-handelsfunktionalitet. Detta tema är utformat för att ge dig maximal flexibilitet och kontroll över utseendet och funktionaliteten i din webbutik.
Obs: Videorna i den här dokumentationen visar den tidigare versionen av adminpanelen, men alla funktioner och inställningar fungerar identiskt i den aktuella versionen.
Snabb installation
Kom igång snabbt med vår intuitiva sidbyggare och förbyggda sektioner
Full kontroll
Anpassa varje aspekt av din webbutik in i minsta detalj
100% responsiv
Perfekt optimerad för alla enheter och skärmstorlekar
Siddesigner
Delawares kraftfulla siddesigner gör det enkelt att bygga professionella sidor utan kodning. Med dra-och-släpp-funktionalitet, förhandsgranskning i realtid och responsiv redigering kan du skapa exakt den design du vill ha.
Viktiga egenskaper:
Användarvänligt gränssnitt
- Drag-och-släpp-redigering
- Förhandstitt live
- Responsiv förhandsgranskning
- Ångra/Redo-funktionalitet
Avancerade alternativ
- Återanvändbara mallar
- Globala sektioner
- Anpassad CSS/JS
- Stöd för A/B-testning
Tips och råd: Börja med en av våra färdiga mallar och anpassa den efter dina behov. Det sparar tid och ger ett professionellt resultat.
Videohandledning
Komponenter
Delaware innehåller ett omfattande bibliotek med över 50 färdiga komponenter som är optimerade för konvertering till e-handel och användarupplevelse.
Integration av siddesigner
Alla komponenter är helt integrerade med Shoporama Page Designer och kan anpassas visuellt utan kodning.
Drag & släpp-gränssnitt
- Redigering med förhandsgranskning i realtid
- Kontroller för responsiv design
- Anpassade CSS-överstyrningar
Förbyggda layouter
- 15+ mallar för startsidor
- Layouter för kategorisidor
- Design av landningssidor
Produktkomponenter
Produktvisning
- Produktraster - Responsiv produktvisning med filtrering
- Product Carousel - Svepbar produktslider med lazy-loading
- Snabbvisning av produkt - Modal med produktinformation och köp
- Utvalda produkter - Utvalda produkter med badges
- Bästsäljare - Automatisk bestsellerpresentation
Kundengagemang
- Integration av önskelista - önskelista med social delning
- Produktjämförelse - Jämförelse sida vid sida
- Recently Viewed - Historik över besökta produkter
- Lageraviseringar - "Meddela när varan finns i lager"-aviseringar
- Storleksguide Modal - Interaktiv storleksguide
Innehålls- och layoutkomponenter
Hjältar och banderoller
- - Hjälteavsnitt i full bredd
- - Videobakgrunder
- - Parallax-skrollningseffekter
- - Överlägg för uppmaning till handling
- - Flera bannerlayouter
- - Mobiloptimerad design
Sociala bevis
- - Vittnesmål från kunder
- - Karuseller för granskning
- - Galleri med förtroendemärken
- - Flöden för sociala medier
- - Bilder från kunder
- - Betygsdisplayer
Information om
- - FAQ om dragspel
- - Expanderbara innehållsrutor
- - Innehållssektioner med flikar
- - Jämförelsetabeller för funktioner
- - Steg-för-steg-guider
- - Listor med ikonfunktioner
Marknadsföring & konvertering
Brådska och knapphet
- Nedräkningstimer - Till salu och för kampanjer
- Varningar för lågt lager - "Endast 3 kvar i lager"
- Flash Sale Banners - Dynamiska rabattbanners
- Meddelanden om sociala bevis - "12 köpta idag"
Leadgenerering
- Popup-fönster för nyhetsbrev - Exit-intent & timing
- Rabattkod Bars - Sticky promocoder
- SMS-registreringsformulär - Registreringar för marknadsföring
- Referral Widgets - "Dela och få rabatt"
Navigering och sökning
Avancerad navigering
- - Megameny med produktvisning
- - Breadcrumb-navigering
- - Sidofält för kategorier med filter
- - Mobilvänlig hamburgermeny
- - Klistrig navigationsfält
Smart sökning
- - Sök med autokomplettering
- - Visuella sökresultat
- - Felstavning-tolerant
- - Kategorispecifik sökning
- - Sökhistorik
Checkout och förtroende
Konverteringsoptimerade komponenter
- Förloppsindikator i kassan
- Säkerhetsbrickor
- Ikoner för betalningsmetoder
- Kalender för leverans
- Utcheckning för gäst
- Sidofält för orderöversikt
- Skydd mot övergivande
- Snabbknappar för kassan
- Integration av mobila betalningar
Kundanpassade komponenter
Utvecklarvänliga funktioner
Anpassade komponenter
- - Smarty mallsystem
- - Arv av komponenter
- - API-dataintegration
- - Databindning i realtid
Styling-system
- - Tailwind CSS-ramverk
- - Anpassade CSS-variabler
- - SCSS sammanställning
- - Mobilanpassad först och främst
Prestanda & SEO
Alla komponenter är optimerade för hastighet och sökmotorer:
- Lazy Loading - Bilder och komponenter laddas efter behov
- Minified Assets - Komprimerad CSS och JavaScript
- CDN Ready - Optimerad för innehållsleveransnätverk
- Schema Markup - Strukturerad data för Google
- Mobiloptimerad - Fokus på Core Web Vitals
- A11y-kompatibel - WCAG 2.1-tillgänglighet
Se alla komponenter i aktion:
Upplev Delaware-komponenterna live på: https://delaware.shoporama.dk
Kortkoder
Använd kortkoder för att infoga dynamiskt innehåll och funktioner direkt på dina sidor och i dina produktbeskrivningar.
1. Infoga länkar till produkter, kategorier och målsidor
Kortkod med anpassad text:
Kortkod med titeln på objektet:
Hur man hittar ID:
ID:t kan hittas i Shoporamas kontrollpanel i URL:en när du redigerar en produkt-/kategori/landningssida.
Exempel på URL: /admin/sv/6581/produkt/edit/2633263
ID är den sista siffran i webbadressen (2633263)
2. Infoga produktlista
Syntax för kortkoder:
Obs: Inga mellanslag mellan produkt-ID:n. Hitta produkt-ID:n i Shoporamas kontrollpanel.
3. Infoga YouTube-video
Syntax för kortkoder:
Obs: Ersätt med 11-siffrigt YouTube-video-ID. Hitta ID:t i YouTube-videons URL.
4. Infoga uppladdade bilder
Kortkod för uppladdad bild:
Obs: Infogar den första uppladdade bilden på sidan. Du kan ladda upp ett obegränsat antal bilder och referera till dem via index. Bildtexten visas om den har angetts.
5. Infoga bilder med absolut sökväg
Kortkod för absolut bildsökväg:
Videohandledning
Filter & sökning
Avancerad produktfiltrering med AJAX-uppdatering, flera värden och intelligent sökning.
Filtertyper
- Prisregulator med min/max
- Färgprover
- Storleksguide
- Brandfilter
- Filtrera attribut
- Lagerstatus
- Betyg och recensioner
- Erbjudanden/försäljning
Videohandledning
Fraktmetoder
Anpassa leveransmetoder med leverantörsikoner, leveranstider och beskrivningar för att förbättra kundupplevelsen.
Inställning av leverantörsikoner
Konfiguration av HTML-fält:
Skapa ett HTML-fält som heter carrier i din leveransmetod för att visa leverantörsikoner.
Tillgängliga leverantörsikoner:
burd
gls
postnord
pickup
bring
budbee
dhl
dao
dkfragt
instabox
coolrunner
swipbox
ups
Inställning av leveranstid
Konfiguration av HTML-fält:
Skapa ett HTML-fält som heter delivery_time för att visa leveranstider.
Bästa praxis:
Använd ett tydligt och konsekvent språk, t.ex. "1-2 arbetsdagar", "Samma dag", "3-5 arbetsdagar"
Inställning av leveransbeskrivning
Konfiguration av HTML-fält:
Skapa ett HTML-fält som heter delivery_info för detaljerade beskrivningar.
Exempel på beskrivningar:
- - "Levereras direkt till din dörr"
- - "Hämta ut på närmaste paketombud"
- - "Leverans mellan 08:00-16:00"
- - "Gratis vid köp över 500 kr."
Titta på demonstrationen:
Se fraktmetoder i praktiken på: https://delaware.shoporama.dk
Stöd:
Saknar du ikoner för din leverantör? Kontakta oss på support@shoporama.dk
Visa efter postnummer
Visa endast relevanta fraktmetoder baserat på kundens postnummer.
Dölj efter postnummer
Dölj leveransmetoder för specifika områden eller postnummer.
Inställning av allmän leveransmetod
Betalningsmetoder
Visa betalningsalternativen tydligt med kortsymboler för att öka kundernas förtroende och fullgörandegraden.
Inställning av HTML-fält
Inställningsprocess:
Skapa ett HTML-fält som heter cards i din betalningsmetod.
Tillgängliga betalningssymboler
anyday
banktransfer
dankort
ean
invoice
klarna
maestro
mastercard
mobilepay
paypal
viabill
visa
Exempel på konfiguration
Exempel på inställning för en Dankort-betalningsmetod:
Då visas Dankort-, Mastercard- och Visa-ikonerna för den här betalningsmetoden.
Titta på demonstrationen:
Se betalningsmetoder i aktion på: https://delaware.shoporama.dk
Stöd:
Saknar du ikoner för din betalningsmetod? Kontakta oss på support@shoporama.dk
Videohandledning
Storleks- och tvättinstruktioner
Professionell uppsättning av storleksguider och tvättråd med flexibelt etikettbaserat system.
1. aktivering i temainställningar
Aktivera funktionalitet:
- Gå till Temainställningar
- Klicka på avsnittet Produkt
- Aktivera "Tvättråd" och/eller "Storleksguide"
- Valfritt: Anpassa titel (standard: "Tvättråd"/"Storleksguide")
2. Skapa etiketter
Navigera till Produkter → Etiketter:
Tvättinstruktioner taggar:
Storlek efter taggar:
3. Skapa instruktionssidor
Gå till navigering → Sidor:
- Skapa en ny sida med en beskrivande titel
- Skriv detaljerade tvätt- och storleksinstruktioner
- Spara och redigera sidan
- På fliken "Avancerat": Lägg till motsvarande opt-tagg (måste matcha etiketten)
Exempel på matchning av opt-taggar:
tvättinstruktioner-1 tvättinstruktioner-1 4. Applicera på produkter
Gå till en specifik produkt i Produkter:
- Navigera till fliken "Etiketter"
- Välj relevant tvätt/storleksetikett
- Spara produkten
Flexibelt system
Fördelar med systemet:
- Flera instruktionsuppsättningar: Skapa olika tvätt- och storleksguider för olika produkttyper
- Flexibel tillämpning: Samma instruktioner kan användas på flera produkter
- Enkel administration: Centraliserad hantering av alla instruktioner
- Automatisk visning: Instruktioner visas automatiskt på produktsidor
Titta på demonstrationen:
Se storleks- och tvättguider i aktion på: https://delaware.shoporama.dk
Videohandledning
Funktioner för utcheckning
Delawares konverteringsoptimerade kassaprocess minskar antalet övergivna kundvagnar med upp till 35% genom en strömlinjeformad användarupplevelse och förtroendeskapande element.
Processflöde för utcheckning
Kundvagn
Granska och redigera objekt
Kundinformation
Kontakt- och faktureringsuppgifter
Frakt och betalning
Leverans- och betalningsalternativ
Beställning komplett
Bekräftelse & spårning
Betalning avbruten / misslyckad
När en kund avbryter eller misslyckas i betalningsflödet omdirigeras de tillbaka till butiken med parametern ?payment_cancelled=1 i URL:en.
Delaware-temat visar automatiskt en varning högst upp på sidan via header.html när denna parameter är närvarande.
Smarty-kod i ditt tema:
<{include file="components/alert.html" variant="warning" icon="information" text="Din betaling blev ikke gennemført."}>
<{/if}>
Kunden behåller sin korg och kan försöka genomföra betalningen igen.
Kassan på en sida
Strömlinjeformad upplevelse
- Single-page flow - All information på en sida
- AJAX-uppdateringar - Inga sidoladdningar under kassan
- Validering i realtid - Omedelbar felåterkoppling
- Indikatorer för framsteg - Tydliga framsteg genom processen
- Mobiloptimerad - Touchvänlig på alla enheter
Alternativ för utcheckning av gäster
- Ingen registrering krävs - Köp utan att skapa konto
- Valfritt kontoskapande - Erbjudande efter köp
- Social inloggning - Google, Facebook, Apple ID
- Spara information automatiskt - Stöd för autofyll i webbläsare
- Identifiering av återkommande kunder - Identifiera tidigare kunder
Alternativ för expressutcheckning
Apple Pay
One-touch checkout med Touch ID/Face ID på Safari- och iOS-enheter.
Google Pay
Snabb betalning med fingeravtryck på Android och i webbläsaren Chrome.
MobilePay
Danmarks mest populära mobila betalningslösning med köp med ett klick.
Förtroende och säkerhet
Säkerhetsfunktioner
- SSL-kryptering - 256-bitars kryptering av all data
- PCI DSS-kompatibel - Certifierad betalningssäkerhet
- GDPR Ready - efterlevnad av den allmänna dataskyddsförordningen
- Privacy First - Ingen spårning utan samtycke
- Säker hosting - danska servrar med backup
Trust Badges & Certifieringar
- e-Mærket - Dansk e-handelscertifiering
- Trustpilot Integration - Live recensioner och betyg
- Norton Secured - skydd mot skadlig programvara och virus
- 30 dagars ångerrätt - Lagstadgad ångerrätt
- Fri frakt - Vid köp över beloppsgränsen
Betalningsmetoder
Delaware stöder alla populära betalningsmetoder i Danmark och Norden:
Leveransalternativ
Intelligent leveranskalender
- - Leveransdatum i realtid från transportörer
- - Postnummerbaserade uppskattningar av leveranstid
- - Medvetenhet om helger och allmänna helgdagar
- - Alternativ för expressleverans
Integration av paketshop
- - GLS, PostNord, Hitta paketombud
- - Interaktiv karta med paketbutiker
- - Öppettider och avstånd
- - Automatiskt förslag på närmaste butik
Skydd mot övergivna kundvagnar
Popup-fönster med exit-intent
- - Upptäck "exit"-rörelser
- - Erbjuda rabatt eller fri frakt
- - E-post för uppföljning
Automatiserad uppföljning
- - 1-3-5-7 dagars e-postserie
- - Personifierad med bortglömt innehåll
- - A/B-testa ämnesrader
Taktik för brådskande ärenden
- - Erbjudanden under begränsad tid
- - Varningar för lågt lager
- - Avisering av prishöjningar
Analys och optimering av kassan
Spårning av konvertering
- Trattanalys - kundvagn → utcheckning → köpfrekvens
- Klickspårning - Identifiera friktionspunkter
- Enhetsprestanda - Konvertering mellan stationära och mobila enheter
- Tidsanalys - Checkoutens sluttider
A/B-testning
- Knappfärger - Testa CTA-knapparnas prestanda
- Copy Testing - Rubriker och knapptext
- Layoutvarianter - Enstegs- eller flerstegskassa
- Trust Elements - Placering av förtroendemärken
Testa utcheckningsprocessen:
Upptäck Delawares optimerade utcheckning på: https://delaware.shoporama.dk
Integrationer
Delaware är helt integrerat med Shoporamas ekosystem och populära tjänster från tredje part.
Marknadsföring
- - Google Analytics 4
- - Facebook Pixel
- - Google-annonser
- - Klaviyo
Sociala medier
- - Instagram-flöde
- - Chatt på Facebook
- - Social inloggning
- - Dela knappar
Verktyg
- - Trustpilot
- - Cookiebot
- - Live chatt
- - Helpdesk
C
Clerk.io-integration
Delaware har full integration med Clerk.io för AI-driven personalisering och produktrekommendationer.
Funktioner som kan ersättas med Clerk.io:
- Intelligent sökning - Med felstavning, synonymer och kategorier
- Produktrekommendationer - Relaterade, liknande och "andra har också köpt"
- Rekommendationer för kundvagnen - Cross-sell i kassan
- E-postautomatisering - Personliga e-postmeddelanden
Installation: Lägg till din Clerk.io API-nyckel i temainställningarna under "Integrations" och välj vilka funktioner du vill aktivera.
Ikonbibliotek
Delaware innehåller ett omfattande bibliotek med ikoner som du kan använda i dina värdeerbjudanden, knappar och användargränssnitt.
Ikoner för varumärken
Apple Pay
eMärkt
Google Pay
MobilePay
Ikoner för betalkort
Vilken dag som helst
Tackkort
Mastercard
PayPal
Visum
Klarna
Ikoner för leveransmetoder
Ta med
DHL
GLS
PostNord
UPS
Språkflagga
Danska (da)
Engelska (en)
Norsk (nb)
Svenska (sv)
Ytterligare ikoner
Delaware använder ikoner från Heroicons-biblioteket och innehåller:
Justering
Chevron
Sök
Vagn
Användare
Hjärta
Starling
Mer om
Behöver du fler ikoner? Kontakta oss på support@shoporama.dk för att beställa ytterligare ikoner till ditt tema.
Tvättsymboler
Delaware innehåller omfattande stöd för textilvårdsinstruktioner med internationellt standardiserade tvättsymboler.
Tvättråd
30°C
40°C
50°C
Tvättställ
Ingen tvätt
Mild
Blekning
Endast syrgasblekning
Ingen blekning
Klor tillåtet
Torkring
Torktumlare
Linjetorkning
Torkning av skugga
Platt torkning
Strykning
Låg temperatur
Medelhög temperatur
Hög temperatur
Svep inte
Automatisk integrering: Tvättsymboler integreras automatiskt på produktsidor när de läggs till i produkthanteringen.
Varumärkeshantering
Delaware innehåller kraftfulla funktioner för varumärkeshantering som gör att du kan visa upp dina varumärken på ett professionellt sätt.
Starta brand Översikt
- Skapa en ny sida: Gå till Sidor → Skapa en ny sida
- Välj mall: Välj mallen "Brands" från rullgardinsmenyn
- Automatisk laddning: Alla varumärken laddas automatiskt i alfabetisk ordning
- Publicera sidan: Spara och publicera varumärkesöversikten
Skapa varumärken
Administration
- - Gå till fliken Produkter → Varumärken
- - Klicka på "Lägg till varumärke"
- - Fyll i varumärkets titel
- - Lägg till sidhänvisning
- - Ladda upp varumärkesbild
Rekommendationer för bilder
- - Format: PNG med transparent bakgrund
- - Storlek: 300x300 pixlar rekommenderas
- - Logotyper av hög kvalitet
- - Konsekvent styling
Varumärkesfunktioner
Alfabetisk sortering
Varumärkena visas automatiskt i alfabetisk ordning
Responsiv design
Perfekt visning på alla enheter
Automatiska länkar
Länk till varumärkesspecifika produktsidor
Exempel: Se hur varumärkesöversikten fungerar på delaware.shoporama.com/brands
Avancerade postnummerfunktioner
Delaware erbjuder avancerade postnummerbaserade funktioner för att visa eller dölja fraktmetoder baserat på specifika postnummerområden.
Två metoder för postnummerkontroll
Visa efter match
Fraktmetoden visas endast för specifika postnummerområden.
Användning: När du bara vill erbjuda en leveransmetod i specifika områden (t.ex. stadsleverans)
Ta bort genom matchning
Fraktmetoden är dold för specifika postnummerområden.
Användning: När du vill utesluta en leveransmetod från specifika områden (t.ex. öar eller avlägsna platser)
Visa efter match-metoden
Genomförande:
- Gå till Dashboard → Frakt → Redigera fraktmetod
- Skapa ett nytt HTML-fält med namnet
allowed_zip_codes - Ange postnummerområden i formatet:
1000-1999,3000-3999,5000-5999 - Spara dina inställningar
Exempel på postnummerområden:
1000-1999,2000-2999,3000-3999,4000-4999,5000-5999
Detta kommer att visa fraktmetoden för postnummer 1000-5999
Videohandledning - Visa leveransmetoder
Ta bort med matchningsmetod
Genomförande:
- Gå till Dashboard → Frakt → Redigera fraktmetod
- Skapa ett nytt HTML-fält med namnet
disallowed_zip_codes - Ange postnummerområden i formatet:
3900-3999,9000-9999 - Spara dina inställningar
Exempel på uteslutning:
3900-3999,9000-9999
Detta kommer att dölja leveransmetoden för Bornholm (3900-3999) och Färöarna (9000-9999)
Videohandledning - Dölj leveransmetoder
Riktlinjer för format
Format som stöds
1000-1999- Intervall från 1000 till 19992000,2100,2200- Specifika postnummer3000-3999,4000- Kombinerad yta och specifik5000-5999,6000-6999- Fler områden
Viktiga anmärkningar
- - Använd kommatecken för att separera områden
- - Bindestreck för att definiera områden
- - Inga mellanslag mellan värdena
- - Stöd för både 4-siffriga danska och internationella postnummer
Praktiska tillämpningsexempel
Leverans av cyklar
Endast tillgängligt i Köpenhamn och Århus
1000-2999,8000-8999
Expressleverans
Ej tillgänglig på öar
disallowed: 3900-3999,9000-9999
Leverans till ön
Endast för Bornholm och Färöarna
3900-3999,9000-9999
Proffstips: Testa alltid dina postnummerkonfigurationer noggrant genom att simulera olika kundadresser under kassaprocessen.
Inbäddning av video
Bädda in videor och spellistor direkt i din webbutik för att skapa engagerande innehåll och visa upp dina produkter.
Plattformar som stöds
- YouTube-videor och spellistor
- Vimeo-videor
- Lokala videor (MP4, WebM)
- Direktsändningar
Avancerade funktioner
- Responsiv videospelare
- Lazy loading för bättre prestanda
- Anpassade miniatyrbilder
- Alternativ för autoplay
Proffstips: Använd videor för produktdemonstrationer, handledning och kundberättelser för att öka konverteringen.
Videohandledning
System för produkttillägg
Add-on-systemet gör det möjligt för dina kunder att lägga till relaterade produkter med ett enda klick. Produkterna visas som kryssrutor under knappen "Lägg i korgen", vilket gör det enkelt att korsförsälja tillbehör, försäkringar eller andra relevanta produkter.
Vad är tilläggsprogram?
Tilläggsprodukter är en funktion som gör att du kan lägga till relaterade produkter till en huvudprodukt. När kunden klickar på "Lägg i korgen" kan de välja att lägga till tilläggsprodukterna samtidigt genom att markera kryssrutorna.
Exempel på användning:
- Batterier för elektronik
- Försäkring eller garantiförlängning
- Tillbehör till huvudprodukten
- Kompletterande produkter (t.ex. kaffe till kaffemaskiner)
Så här konfigurerar du tillägg
1. Produktnivå (högsta prioritet)
Detta är den mest specifika konfigurationen och åsidosätter alla andra inställningar:
- Gå till den produkt där du vill lägga till tillägg
- Klicka på fliken Tillägg
- Hitta avsnittet "Addon-inställningar "
- I fältet
Product Idsanger du kommaseparerade produkt-ID:n
Exempel:
123,456,789
2. Kategori nivå
Gäller för alla produkter i kategorin (om de inte har tillägg på produktnivå):
- Ange metafältet
addon_idsför kategorin - Alla produkter i kategorin kommer automatiskt att få dessa tillägg
3. Nivå för föräldrakategori (fallback)
Om varken produkt eller kategori har tillägg konfigurerade:
- Systemet kontrollerar överordnade kategorier rekursivt
- Använd den första överordnade kategorin som har
addon_idsinställda
Viktiga begränsningar
- Endast produkter UTAN varianter kan användas som tillägg
- Tillägg läggs till som separata varukorgsrader (inte tillsammans med huvudprodukten)
- Tillägg läggs alltid till med nummer 1 (ej konfigurerbart)
- Inga specialpriser eller paketrabatter för tillägg
- Det står kunden fritt att ändra eller ta bort tillägg i korgen i efterhand
Användarupplevelse
På produktsidan
- Rubrik: "Lägg till i korgen med"
- Checkboxlista med alla tillägg
- Varje tillägg visar:
- - 32x32px produktbild
- - Produktens namn
- - Pris
- - Ögonikon (länk till fullständig produktsida)
I korgen
- Tillägg visas som vanliga produkter
- Ingen visuell indikation på att de var tillägg
- Kan ändras och tas bort oberoende av varandra
- Ingen bindning till huvudprodukten
Tekniska detaljer
Namn på fältet Extension:
addon_product_ids
Namn på metafält (kategori):
addon_ids
Format:
Kommaseparerade produkt-ID:n (t.ex.: 123 456 789)
Prioriterad ordning:
- Produktens förlängningsvärde (
addon_product_ids) - Produktens metavärde (
addon_ids) - Metavärde för kategori (
addon_ids) - Metavärde för överordnad kategori (
addon_ids)
Bästa praxis
- Använd endast relevanta tillägg som ger värde för kunden
- Håll antalet tillägg mellan 2-5 för att undvika att kunden blir överväldigad
- Använd konfiguration på kategorinivå för produkter med samma tillägg
- Testa priserna på tilläggsprodukter - för höga priser kan minska konverteringen
- Välj tilläggsprodukter med bra produktbilder och beskrivningar
- Kom ihåg att endast produkter utan varianter kan användas
Värdeerbjudande
Delaware stöder 4 konfigurerbara värdeerbjudanden som kan visas på förstasidan eller på andra strategiska platser för att lyfta fram dina unika fördelar.
Upprätta värdeerbjudanden
Navigering till inställningar:
Gå till Temainställningar → Hem → Värdeförslag
För varje värdeerbjudande kan du konfigurera:
- - Rubrik - Kort och koncis (max 25 tecken)
- - Kort text - Fördjupad beskrivning (max 50 tecken)
- - Ikon - Välj bland 35+ ikoner
- - Länk (valfritt) - Länk till relevant sida
Bästa praxis:
- - Håll texterna korta och tydliga
- - Välj ikoner som matchar budskapet
- - Framhäv dina unika fördelar
- - Testa läsbarheten på mobilen
Exempel på värdepropositioner
Fri frakt
Vid köp över 399 kr
30 dagars returrätt
Fullständig returpolicy
Kundservice
Måndag-fredag 9-17
Säker betalning
SSL-krypterad
Tillgängliga ikoner
Delaware innehåller 35+ ikoner för värdepropositioner:
Lastbil
Kreditkort
sköld-alt
headset
ångra
gåva
klocka
pris
tummen upp
...och många fler i temainställningarna
Bloggfunktioner
Delaware innehåller ett komplett bloggsystem med SEO-optimering, kategorier, taggar och avancerade bildfunktioner.
Skapa blogginlägg
Grundläggande inställning:
- Gå till Innehåll → Blogg → Nytt inlägg
- Fyll i titel och URL-slog
- Skriv ditt innehåll i redigeringsverktyget
- Lägg till bilder och media
- Konfigurera SEO-inställningar
- Publicera eller spara som utkast
Infoga bilder i blogginlägg
Delawares unika bildsystem:
Använd kortkoder för att infoga bilder direkt i dina blogginlägg:
Det är så här det fungerar:
- Ladda upp bilder via knappen "Ladda upp bilder"
- Bilderna tilldelas automatiskt ett indexnummer (1, 2, 3 ...)
- Infoga bilden med
[image index=X]. - Bilderna visas responsivt med automatisk storleksändring
Alternativ för blogglayout
Layout för rutnät
- - 2-4 kolumner responsivt rutnät
- - Utvalda bilder markerade
- - Utdrag och läs mer länk
- - Perfekt för visuellt innehåll
Layout för lista
- - Klassiskt format för blogglistor
- - Sidofält med kategorier
- - Fullständig visning av utdrag
- - Information om datum och författare
Layout för tidskrifter
- - Avsnittet Utvalda inlägg
- - Kategoribaserad vy
- - Blandat rutnät och lista
- - Widget för populära inlägg
SEO-funktioner för bloggar
SEO på sidan
- - Anpassade metatitlar och beskrivningar
- - Automatiska Open Graph-taggar
- - Kanoniska webbadresser
- - Schema.org-markup
- - Integration av XML-webbplatskarta
Kategorier & Taggar
- - Obegränsat antal kategorier
- - Taggbaserad navigering
- - Kategorispecifika RSS-flöden
- - Relaterade inlägg automatik
- - Widget för taggmoln
Färgmatchning
Delaware ger dig full kontroll över ditt temas färgschema med avancerade anpassningsmöjligheter och förinställda färgteman.
Inställningar för primärfärg
Anpassa följande färger:
Varumärkesfärger
#2563eb
#9333ea
#db2777
UI-färger
#16a34a
#ca8a04
#dc2626
Badge- och etikettfärger
Anpassa färgerna på produktmärken och etiketter:
#dc2626
#16a34a
#2563eb
#9333ea
Förinställda färgscheman
Klassisk blå
Professionell och pålitlig
Varm jord
Varmt och inbjudande
Modern gradient
Modern och dynamisk
Avancerade färginställningar
CSS anpassade egenskaper:
För utvecklare - anpassa via CSS-variabler:
Inställningar för tema
Delaware levereras med över 100 konfigurationsalternativ som ger dig full kontroll över ditt temas utseende och funktionalitet utan kodning.
Tillgång till inställningar
Navigering: Admin → Design → Teman → Delaware → Inställningar
Snabb åtkomst:
- - Live förhandsvisning tillgänglig
- - Förändringar i realtid
- - Spara och publicera direkt
System för säkerhetskopiering:
- - Automatisk säkerhetskopiering av inställningar
- - Exportera/importera konfiguration
- - Återställ till standardinställningar
Allmänna inställningar
Färger och varumärkesprofilering
- Varumärkesfärger - primära, sekundära och accentfärger
- Bakgrundsbilder - Gradient, bild eller enfärgad
- Knappstyling - Rund, fyrkantig eller anpassad kantradie
- Logotypinställningar - storlek, position och mobilversion
- Favicon - Ladda upp din egen webbplats-ikon
Typografi
- Google Fonts - 800+ teckensnitt tillgängliga
- Styling av rubriker - H1-H6 med individuell kontroll
- Brödtext - Fontstorlek, radhöjd och vikt
- Knapptext - Font och styling för CTA:er
- Anpassad CSS - Avancerad typografikontroll
Layout och navigering
Sidans layout
- - Containerbredd (1140px, 1200px, 1320px)
- - Sidofältets position (vänster/höger)
- - Inställningar för klisterrubriker
- - Sidfotens layout och innehåll
- - Mobilanpassade brytpunkter
Huvudmeny
- - Horisontell eller vertikal layout
- - Animationer för rullgardinsmenyer
- - Konfiguration av megameny
- - Styling av hamburgare i mobilen
- - Integration av sökfält
Brödsmula
- - Aktivera/avaktivera på olika sidor
- - Anpassade separatorer (>, /, |)
- - Schema-markering för SEO
- - Styling och placering
- - Inställningar för hemlänken
Produktinställningar
Produktbilder
- Billedeshoppen - Hover zoom, lightbox, 360° vy
- Styling av miniatyrbilder - rutnät, skjutreglage eller staplad layout
- Lazy loading - Prestandaoptimering
- Stöd för WebP - Moderna bildformat
- Aspect ratio - konsekvent bildhöjd
Information om produkten
- Prisvisning - Före/efter-pris, momsinformation
- Lagerstatus - "I lager ", "Få tillbaka" meddelanden
- Varianter - styling av rullgardinsmeny, färgprover eller knappar
- Betyg - Stjärnor, recensioner, sammanfattade betyg
- Social delning - knappar för Facebook, Twitter och Pinterest
Inställningar för butik och kassa
Varukorg
- Korglåda - Skjut in korgen från sidan eller uppifrån
- Minikorg - Hover-förhandsgranskning i sidhuvudet
- AJAX-uppdateringar - Ingen omladdning av sidan vid tillägg
- Meddelanden om kundvagnar - Meddelanden och animationer om framgång
- Förslag på merförsäljning - "Andra har också köpt" i korgen
Checkout-process
- Kassan på en sida - Strömlinjeformad körprocess
- Guest checkout - Köp utan registrering
- Indikatorer för framsteg - steg-för-steg-översikt
- Trust badges - SSL, ikoner för betalningssäkerhet
- Orderöversikt - Sticky sidofält med total
Marknadsföring & SEO
Popup-fönster och aviseringar
- - Popup för registrering av nyhetsbrev
- - Erbjudanden som triggas av exit-intent
- - Banner för samtycke till cookies
- - Tillkännagivande bar
- - Meddelanden om sociala bevis
SEO-optimering
- - Metatitlar och beskrivningar
- - Bilder i öppen graf
- - Schema-markering (JSON-LD)
- - Kanoniska webbadresser
- - Generering av webbplatskarta
Analys
- - Integration med Google Analytics 4
- - Inställning av Facebook Pixel
- - Förbättrad spårning av e-handel
- - Anpassade konverteringsmål
- - Stöd för värmekartläggning
Integrering av tredje part
Marknadsföringstjänster
- E-postmarknadsföring - Klaviyo, integration med Mailchimp
- Livechatt - Intercom, Zendesk Chattstöd
- Recensioner - widgets för Trustpilot, Google Reviews
- Sök och upptäck - Clerk.io AI-integration
Verktyg för företag
- Bokföring - E-conomic, synkronisering av Dinero
- Logistik - GLS, PostNord, Ta med etiketter
- Betalningar - QuickPay, PensoPay, Stripe, PayPal-installation
- Inventering - Lagerhantering i realtid
Avancerade inställningar
Anpassad kod
- Anpassad CSS - Lägg till anpassad styling utan att förlora uppdateringar
- Anpassad JavaScript - Lägg till spårning eller funktionalitet
- Template overrides - Anpassa specifika sektioner
- Webhook-slutpunkter - Integration med externa system
Prestanda
- Lazy loading - bilder, videor och komponenter
- Minifiering av tillgångar - komprimering av CSS och JS
- CDN-inställningar - optimering av innehållsleverans
- Cachningskontroll - Cachelagring i webbläsare och på server
Hantering av inställningar
Inställningar för export
Ladda ner din fullständiga temakonfiguration som en JSON-fil för säkerhetskopiering eller migrering.
Inställningar för import
Ladda upp och tillämpa sparad konfiguration eller överförda inställningar från en annan webbshop.
Återställ inställningar
Återställ alla inställningar till temats standardvärden med ett enda klick.
Se inställningarna i aktion:
Upptäck Delawares omfattande konfigurationsalternativ på: https://delaware.shoporama.dk
theme_settings.json Struktur
Delawares konfiguration definieras i theme_settings.json filen, som ger full kontroll över temats inställningar och funktionalitet.
Trådstruktur
Inställning av grupper
Koncernens struktur
{
"path": "design",
"name": "Design",
"description": "Indstillinger for dit design",
"fields": [
// Individuelle felter
]
}Standardgrupper
- Design - logotyp, färger, typografi
- Framsida - inställningar som är specifika för framsidan
- sidfot - innehåll och layout för sidfot
- inställningar - Allmänna funktioner
- några - Sociala medier
Fälttyper
Text & inmatning
string- Enstaka textraderwysiwyg- Rich text editorhtml- Inmatning av HTML-kodtextarea- Text på flera rader
Valmöjligheter och alternativ
bool- Växla mellan Ja/Nejlist- Val av rullgardinsmenycolor- Färgväljarenumber- Numerisk inmatning
Media & filer
image- Ladda upp bilderfile- Filuppladdningvideo- URL till videoicon- Ikonväljare
Exempel på fältdefinition
Komplett fältexempel:
{
"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
}
}
Nödvändiga egenskaper:
- •
path- Unik identifierare - •
name- Visa namn - •
type- Typ av fält
Valfria egenskaper:
- •
description- Hjälptext - •
default- Standardvärde - •
depends_on- Villkorlig visning
Exempel på listfält
Rullgardinsmeny med alternativ:
{
"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"
}
Ytterligare inställningar
add_settings används för att lägga till inställningar på specifika adminsidor:
"add_settings": [
{
"url": "category/edit",
"path": "add_filter",
"name": "Tilføj filter",
"description": "Tilføj filtrering på denne kategori",
"type": "bool"
}
]
Detta lägger till ett alternativ för "Lägg till filter" direkt på kategoriredigeringssidan.
Moduler för siddesigner
Delaware stöder över 50 Page Designer-moduler som definieras i modules array:
banner
produkt_lista
video
kolumner
karusell
Vittnesmål
Nyhetsbrev
50+ fler
Bästa praxis
- Använd beskrivande namn: Gör det tydligt vad inställningen gör
- Lägg till hjälptext: Använd beskrivningsfältet för att vägleda användaren
- Gruppera relaterade inställningar: Håll liknande inställningar tillsammans
- Använd standardvärden: Ställ in förnuftiga standardvärden
- Testa ändringar: Kontrollera att inställningarna fungerar korrekt
Önskelistor & Favoriter
Delaware har två oberoende system för att spara produkter: önskelistor (kräver inloggning, delas via länk) och favoriter (lokalt i webbläsaren, hjärtknapp).
Ønskelister
Kunden kan skapa flera namngivna önskelistor, lägga till produkter med antal och varianter och dela dem via en unik länk.
- Kräver inloggning - data lagras i databasen
- Flera önskelistor per kund
- Delning via unik länk
- Varianter och antal som stöds
- Publik vy med knappar för "Lägg till i korgen"
Aktivering: Inställningar → Webbshop → Aktivera önskelistor
Favoriter
Enkel hjärtknapp på produktkort och produktsida. Favoriter sparas lokalt i webbläsaren - ingen inloggning krävs.
- Ingen inloggning krävs
- Hjärtknapp på produktkort och produktsida
- Sidofält med alla favoriter
- Direkt "Lägg till i korgen" från sidofältet
- Räknare i sidhuvudet
Aktivering: Temainställningar → Produkt → Aktivera önskelista
Obs: De två systemen är oberoende av varandra - du kan använda ett eller båda samtidigt. Önskelistor kräver inloggning och är perfekta att dela med sig av (födelsedagsönskningar, julönskningar), medan favoriter är snabba och utan förpliktelser.
Prenumerationer
Delaware har fullt stöd för återkommande beställningar, så att kunderna kan teckna löpande prenumerationer på produkter.
Konfigurera prenumerationsprodukter
För att aktivera prenumerationer på en produkt fyller du i följande fält under Produkter → Redigera produkt:
Teckningspris
Pris per leverans
Intervall
Dagligen, veckovis eller månadsvis
Bindningstid
Valfri minsta varaktighet
Kundupplevelse
Produktsidor
- Prenumerationsbox med typ och pris
- Välj leveransintervall (t.ex. "Varannan månad")
- Varianturval med abonnemangspriser
- Kommentarfält
- Meddelande om bindningstid (om inställt)
Min profil
- Översikt över alla abonnemang
- Ändra nästa leverans och intervall
- Uppdatera betalkort
- Avbryt eller öppna prenumeration igen
- Se produkt- och adressinformation
Korg & kassa
- Prenumerationer visas i korgen och sidomenyn med en ikon och ett intervall
- Ta bort knappen för prenumerationer i korgen och sidofältet
- Modal "Produkt lades till i korgen" när du lägger till en prenumeration
- Prenumerationsmärke på produktkort
Mallar för e-post
Delaware innehåller 6 e-postmallar för prenumerationer:
Bekräftelse vid skapelsen
Meddelande vid avbokning
Meddelande om återöppning
Påminnelse före leverans
Planerad annullering efter bindning
Bekräftelse på kartuppdatering
Viktigt: Prenumerationer kräver en betalningsgateway som stöder återkommande betalningar (t.ex. Stripe eller Quickpay). Kontakta din betalningsleverantör för att se till att återkommande betalningar är aktiverade på ditt konto.
Prestanda & SEO
Delaware är optimerad för hastighet och sökmotorer från grunden.
Mätning av prestanda
Behöver du hjälp?
Vi är här för att hjälpa dig att få ut det bästa av Delaware