Delaware Dokumentasjon
Alt du trenger å vite for å utnytte det fulle potensialet i Delaware-temaet
Velkommen til Delaware
Delaware er Shoporamas mest avanserte tema med over 37 kraftige funksjoner, omfattende støtte for sidedesignere og full e-handelsfunksjonalitet. Dette temaet er designet for å gi deg maksimal fleksibilitet og kontroll over utseendet og funksjonaliteten til nettbutikken din.
Merk: Videoene i denne dokumentasjonen viser den forrige versjonen av administrasjonspanelet, men alle funksjoner og innstillinger fungerer på samme måte i den nåværende versjonen.
Rask oppsett
Kom raskt i gang med vår intuitive sidebygger og forhåndsbygde seksjoner
Full kontroll
Tilpass alle aspekter av nettbutikken din ned til minste detalj
100 % responsiv
Perfekt optimalisert for alle enheter og skjermstørrelser
Sidedesigner
Delawares kraftige sidedesigner gjør det enkelt å bygge profesjonelle sider uten koding. Med dra-og-slipp-funksjonalitet, forhåndsvisning i sanntid og responsiv redigering kan du lage akkurat det designet du ønsker.
Viktige funksjoner:
Brukervennlig grensesnitt
- Dra-og-slipp-redigering
- Forhåndsvisning live
- Responsiv forhåndsvisning
- Angre/gjenta-funksjonalitet
Avanserte alternativer
- Gjenbrukbare maler
- Globale seksjoner
- Tilpasset CSS/JS
- Støtte for A/B-testing
Tips: Ta utgangspunkt i en av våre ferdige maler, og tilpass den til dine behov. Dette sparer tid og sikrer et profesjonelt resultat.
Videoopplæring
Komponenter
Delaware inneholder et omfattende bibliotek med over 50 ferdige komponenter som er optimalisert for e-handelskonvertering og brukeropplevelse.
Integrering av sidedesigner
Alle komponentene er fullt integrert med Shoporama Page Designer og kan tilpasses visuelt uten koding.
Dra og slipp-grensesnitt
- Live forhåndsvisning av redigering
- Kontroller for responsiv design
- Tilpassede CSS-overstyringer
Forhåndsbygde oppsett
- 15+ maler for startsider
- Oppsett for kategorisider
- Design av destinasjonssider
Produktkomponenter
Produktvisning
- Product Grid - Responsiv produktvisning med filtrering
- Produktkarusell - Sveipbar produktglidebryter med lazy-loading
- Hurtigvisning av produktet - Modal med produktdetaljer og kjøp
- Utvalgte produkter - Utvalgte produkter med merker
- Bestselgere - Automatisk bestselgerutstilling
Kundeengasjement
- Ønskelisteintegrasjon - Ønskeliste med sosial deling
- Produktsammenligning - Sammenligning side om side
- Nylig sett - Historikk over besøkte produkter
- Lagervarsler - "Varsle når det er på lager"-varsler
- Størrelsesguide Modal - Interaktiv størrelsesguide
Innholds- og layoutkomponenter
Helt og bannere
- - Helteseksjoner i full bredde
- - Videobakgrunner
- - Parallax-rulleeffekter
- - Overlegg med oppfordring til handling
- - Flere banneroppsett
- - Mobiloptimalisert design
Sosialt bevis
- - Kundeuttalelser
- - Gjennomgå karuseller
- - Galleri med tillitsmerker
- - Strømmer fra sosiale medier
- - Kundebilder
- - Vurderingsdisplay
Informasjon
- - Trekkspill FAQ
- - Utvidbare innholdsbokser
- - Innholdsseksjoner med faner
- - Sammenligningstabeller for funksjoner
- - Trinn-for-trinn-veiledninger
- - Lister over ikonfunksjoner
Markedsføring og konvertering
Haster og knapphet
- Nedtellingstimer - Til salgs og kampanjer
- Advarsler om lavt lagerbeholdning - "Kun 3 igjen på lager"
- Flash Sale Banners - Dynamiske rabattbannere
- Varsler om sosialt bevis - "12 kjøpte i dag"
Leadgenerering
- Popup-vinduer for nyhetsbrev - Exit-intensjon og tidsbestemt
- Rabattkode Bars - Sticky promocoder
- SMS-registreringsskjemaer - Markedsføringspåmeldinger
- Referral Widgets - "Del og få rabatt"
Navigasjon og søk
Avansert navigasjon
- - Megameny med produktvisning
- - Breadcrumb-navigasjon
- - Sidefelt for kategorier med filtre
- - Mobilvennlig hamburgermeny
- - Klistret navigasjonslinje
Smart søk
- - Autofullfør søk
- - Visuelle søkeresultater
- - Tolerant mot stavefeil
- - Kategorispesifikt søk
- - Søkehistorikk
Kasse og tillit
Konverteringsoptimaliserte komponenter
- Fremdriftslinje i kassen
- Sikkerhetsmerker
- Ikoner for betalingsmåter
- Leveringskalender
- Mulighet for gjesteutsjekking
- Sidefelt for bestillingsoversikt
- Beskyttelse mot oppgivelse
- Express checkout-knapper
- Integrasjon av mobilbetaling
Skreddersydde komponenter
Utviklervennlige funksjoner
Tilpassede komponenter
- - Smarty malsystem
- - Arv av komponenter
- - API-dataintegrasjon
- - Databinding i sanntid
Styling System
- - Tailwind CSS-rammeverk
- - Tilpassede CSS-variabler
- - SCSS-kompilering
- - Mobil-først responsiv
Ytelse og SEO
Alle komponenter er optimalisert for hastighet og søkemotorer:
- Lazy Loading - Bilder og komponenter lastes inn etter behov
- Minifiserte ressurser - Komprimert CSS og JavaScript
- CDN Ready - Optimalisert for innholdsleveringsnettverk
- Schema Markup - Strukturerte data for Google
- Mobiloptimalisert - Core Web Vitals fokus
- A11y-kompatibel - WCAG 2.1-tilgjengelighet
Se alle komponentene i aksjon:
Opplev Delaware-komponentene live på: https://delaware.shoporama.dk
Kortkoder
Bruk kortkoder til å sette inn dynamisk innhold og funksjonalitet direkte på sidene og i produktbeskrivelsene dine.
1. Sett inn lenker til produkter, kategorier og destinasjonssider
Kortkode med tilpasset tekst:
Kortkode med tittelen på objektet:
Slik finner du ID-en:
ID-en finner du i Shoporama-kontrollpanelet i URL-adressen når du redigerer en produkt-/kategori/landingsside.
Eksempel på URL: /admin/no/6581/product/edit/2633263
ID-en er det siste tallet i URL-en (2633263)
2. Sett inn produktliste
Kortkodesyntaks:
Merk: Ingen mellomrom mellom produkt-ID-ene. Finn produkt-ID-er i Shoporama-kontrollpanelet.
3. Sett inn YouTube-video
Kortkodesyntaks:
Merk: Erstatt med 11-sifret YouTube-video-ID. Finn ID-en i URL-adressen til YouTube-videoen.
4. Sett inn opplastede bilder
Kortkode for opplastet bilde:
Merk: Setter inn det første opplastede bildet på siden. Du kan laste opp et ubegrenset antall bilder og referere til dem via indeksen. Bildeteksten vises hvis den er spesifisert.
5. Sett inn bilder med absolutt bane
Kortkode for absolutt bildebane:
Videoopplæring
Filtre og søk
Avansert produktfiltrering med AJAX-oppdatering, flere verdier og intelligent søk.
Filtertyper
- Prisglidebryter med min/maks
- Fargeprøver
- Størrelsesguide
- Brannfilter
- Filterattributt
- Lagerstatus
- Vurderinger og anmeldelser
- Tilbud/salg
Videoopplæring
Fraktmetoder
Tilpass fraktmetoder med leverandørikoner, leveringstider og beskrivelser for å forbedre kundeopplevelsen.
Oppsett av leverandørikoner
Konfigurasjon av HTML-felt:
Opprett et HTML-felt kalt transportør i fraktmetoden for å vise leverandørikoner.
Tilgjengelige leverandørikoner:
burd
gls
postnord
pickup
bring
budbee
dhl
dao
dkfragt
instabox
coolrunner
swipbox
ups
Oppsett av leveringstid
Konfigurasjon av HTML-felt:
Opprett et HTML-felt kalt delivery_time for å vise leveringstider.
Beste praksis:
Bruk et klart og konsekvent språk, for eksempel "1-2 virkedager", "samme dag", "3-5 virkedager"
Oppsett av leveringsbeskrivelse
Konfigurasjon av HTML-felt:
Opprett et HTML-felt kalt delivery_info for detaljerte beskrivelser.
Eksempler på beskrivelser:
- - "Leveres direkte til døren din"
- - "Hent i nærmeste pakkeshop"
- - "Levering mellom 08:00-16:00"
- - "Gratis ved kjøp over 500 kr."
Se demoen:
Se fraktmetoder i aksjon på: https://delaware.shoporama.dk
Støtte:
Mangler du ikoner for din leverandør? Kontakt oss på support@shoporama.dk
Vis etter postnummer
Vis bare relevante fraktmetoder basert på kundens postnummer.
Skjul etter postnummer
Skjul fraktmetoder for bestemte områder eller postnumre.
Generelt oppsett av fraktmetode
Betalingsmetoder
Vis betalingsalternativene godt synlig med kortsymboler for å øke kundetilliten og oppfyllelsesgraden.
Oppsett av HTML-felt
Installasjonsprosessen:
Opprett et HTML-felt som heter kort i betalingsmåten din.
Tilgjengelige betalingsikoner
anyday
banktransfer
dankort
ean
invoice
klarna
maestro
mastercard
mobilepay
paypal
viabill
visa
Eksempel på konfigurasjon
Eksempel på oppsett for en Dankort-betalingsmetode:
Da vises Dankort-, Mastercard- og Visa-ikonene for denne betalingsmåten.
Se demoen:
Se betalingsmetoder i aksjon på: https://delaware.shoporama.dk
Støtte:
Mangler du ikoner for betalingsmåten din? Kontakt oss på support@shoporama.dk
Videoopplæring
Størrelser og vaskeanvisninger
Profesjonell oppsett av størrelsesguider og vaskeanvisninger med fleksibelt etikettbasert system.
1. Aktivering i temainnstillinger
Aktiver funksjonalitet:
- Gå til Temainnstillinger
- Klikk på produktseksjonen
- Aktiver "Vaskeinstruksjoner" og/eller "Størrelsesguide"
- Valgfritt: Tilpass tittelen (standard: "Vaskeanvisning"/"Størrelsesguide")
2. Opprette etiketter
Gå til Produkter → Etiketter:
Vaskeanvisning etiketter:
Størrelsesguide for merkelapper:
3. Opprette instruksjonssider
Gå til Navigasjon → Sider:
- Opprett ny side med beskrivende tittel
- Skriv detaljerte vaske- og størrelsesinstruksjoner
- Lagre og rediger siden
- I kategorien "Avansert": Legg til tilsvarende opt-tag (må samsvare med etiketten)
Eksempel på opt tag matching:
vaskeinstruksjoner-1 vaskeinstruksjoner-1 4. Brukes på produkter
Gå til et bestemt produkt i Produkter:
- Naviger til fanen "Etiketter"
- Velg den relevante vaske-/størrelsesetiketten
- Lagre produktet
Fleksibelt system
Fordeler med systemet:
- Flere instruksjonssett: Lag forskjellige vaske-/dimensjoneringsveiledninger for ulike produkttyper
- Fleksibel bruk: Samme instruksjoner kan brukes på flere produkter
- Enkel administrasjon: Sentralisert håndtering av alle instruksjoner
- Automatisk visning: Instruksjoner vises automatisk på produktsidene
Se demoen:
Se størrelses- og vaskeveiledninger i aksjon på: https://delaware.shoporama.dk
Videoopplæring
Checkout Features
Delawares konverteringsoptimaliserte kasseprosess reduserer antallet kunder som forlater handlekurven med opptil 35 % gjennom en strømlinjeformet brukeropplevelse og tillitsbyggende elementer.
Flyten i utsjekkingsprosessen
Handlekurv
Gjennomgå og rediger elementer
Kundeinformasjon
Kontakt- og faktureringsinformasjon
Frakt og betaling
Levering og betalingsalternativer
Bestill komplett
Bekreftelse og sporing
Betaling kansellert / mislykket
Når en kunde avbryter eller mislykkes i betalingsflyten, blir de omdirigert tilbake til butikken med parameteren ?payment_cancelled=1 i URL-en.
Delaware-temaet viser automatisk en advarsel øverst på siden via header.html når denne parameteren er til stede.
Smarty-kode i temaet ditt:
<{include file="components/alert.html" variant="warning" icon="information" text="Din betaling blev ikke gennemført."}>
<{/if}>
Kunden beholder handlekurven og kan prøve å betale på nytt.
Kasse på én side
Strømlinjeformet opplevelse
- Ensidig flyt - All informasjon på én side
- AJAX-oppdateringer - Ingen sideinnlasting under betaling
- Validering i sanntid - Øyeblikkelig tilbakemelding på feil
- Fremdriftsindikatorer - Tydelig fremdrift gjennom prosessen
- Mobiloptimalisert - berøringsvennlig på alle enheter
Alternativer for gjesteutsjekking
- Ingen registrering kreves - Kjøp uten å opprette konto
- Valgfri kontooppretting - Tilbud etter kjøp
- Sosial innlogging - Google, Facebook, Apple ID
- Automatisk lagring av informasjon - Støtte for automatisk utfylling i nettleseren
- Gjenkjenning av tilbakevendende kunder - Gjenkjenne tidligere kunder
Alternativer for ekspressutsjekking
Apple Pay
One-touch-kasse med Touch ID/Face ID på Safari- og iOS-enheter.
Google Pay
Rask betaling med fingeravtrykk på Android og i Chrome-nettleseren.
MobilePay
Danmarks mest populære mobilbetalingsløsning med kjøp med ett klikk.
Tillit og sikkerhet
Sikkerhetsfunksjoner
- SSL-kryptering - 256-biters kryptering av alle data
- PCI DSS-kompatibel - Sertifisert betalingssikkerhet
- GDPR Ready - Overholdelse av personvernforordningen
- Privacy First - Ingen sporing uten samtykke
- Secure Hosting - Danske servere med backup
Tillitsmerker og sertifiseringer
- e-Mærket - dansk e-handelssertifisering
- Trustpilot Integration - Live anmeldelser og vurdering
- Norton Secured - beskyttelse mot skadelig programvare og virus
- 30 dagers returrett - Lovbestemt angrerett
- Gratis frakt - For kjøp over grensen
Betalingsmetoder
Delaware støtter alle populære betalingsmetoder i Danmark og Norden:
Leveringsalternativer
Intelligent leveringskalender
- - Leveringsdatoer fra transportører i sanntid
- - Postnummerbaserte estimater for leveringstid
- - Bevissthet rundt helger og helligdager
- - Alternativer for ekspresslevering
Integrasjon av pakkeshop
- - GLS, PostNord, Bring pakkeshopsøker
- - Interaktivt kart med pakkeshops
- - Åpningstider og avstander
- - Automatisk forslag til nærmeste butikk
Beskyttelse mot forlatte vogner
Popup-vinduer med exit-intent
- - Oppdage "exit"-bevegelser
- - Tilby rabatt eller gratis frakt
- - E-postfangst for oppfølging
Automatisert oppfølging
- - 1-3-5-7 dagers e-postserie
- - Personlig tilpasset med glemt innhold
- - A/B-test emnelinjer
Hastetaktikk
- - Tidsbegrensede tilbud
- - Advarsler om lav lagerbeholdning
- - Varsel om prisøkning
Analyse og optimalisering av kassen
Konverteringssporing
- Traktanalyse - Handlekurv → Kasse → Kjøpsrater
- Klikksporing - Identifiser friksjonspunkter
- Enhetsytelse - Konvertering mellom stasjonære og mobile enheter
- Tidsanalyse - Gjennomføringstider for utsjekking
A/B-testing
- Knappefarger - Test ytelsen til CTA-knappene
- Copy Testing - Overskrifter og knapptekster
- Layoutvarianter - Kasse med ett eller flere trinn
- Tillitselementer - Plassering av tillitsmerker
Test betalingsprosessen:
Oppdag Delawares optimaliserte kasse på: https://delaware.shoporama.dk
Integrasjoner
Delaware er fullt integrert med Shoporamas økosystem og populære tredjepartstjenester.
Markedsføring
- - Google Analytics 4
- - Facebook-piksel
- - Google Ads
- - Klaviyo
Sosiale medier
- - Instagram-feed
- - Facebook-chat
- - Sosial innlogging
- - Del knapper
Verktøy
- - Trustpilot
- - Cookiebot
- - Direkte chat
- - Helpdesk
C
Clerk.io-integrering
Delaware har full integrasjon med Clerk.io for AI-drevet personalisering og produktanbefalinger.
Funksjoner som kan erstattes med Clerk.io:
- Intelligent søk - Med feilstaving, synonymer og kategorier
- Produktanbefalinger - Relaterte, lignende og "andre har også kjøpt"
- Anbefalinger til handlekurven - Kryssalg i kassen
- Automatisering av e-post - Personaliserte e-poster
Oppsett: Legg til Clerk.io API-nøkkelen din i temainnstillingene under "Integrations" og velg hvilke funksjoner du vil aktivere.
Ikonbibliotek
Delaware inneholder et omfattende bibliotek med ikoner som du kan bruke i verdiforslag, knapper og UI-elementer.
Merkevareikoner
Apple Pay
eLabelled
Google Pay
MobilePay
Ikoner for betalingskort
Hvilken som helst dag
Takkekort
Mastercard
PayPal
Visum
Klarna
Ikoner for fraktmetoder
Ta med
DHL
GLS
PostNord
UPS
Språkflagg
Dansk (da)
Engelsk (en)
Norsk (nb)
Svensk (sv)
Ekstra ikoner
Delaware bruker ikoner fra Heroicons-biblioteket og inkluderer:
Justering
Chevron
Søk
Vogn
Bruker
Hjerte
Starling
Mer
Trenger du flere ikoner? Kontakt oss på support@shoporama.dk for å be om flere ikoner til temaet ditt.
Vaskesymboler
Delaware inkluderer omfattende støtte for tekstilpleieanvisninger med internasjonalt standardiserte vaskesymboler.
Vaskeinstruksjoner
30°C
40°C
50°C
Servant
Ingen vask
Skånsom
Bleking
Kun oksygenbleking
Ingen bleking
Klor tillatt
Tørkering
Tørketrommel
Tørking på linje
Skyggetørking
Flat tørking
Stryking
Lav temperatur
Middels temperatur
Høy temperatur
Ikke sveip
Automatisk integrering: Vaskesymboler integreres automatisk på produktsidene når de legges til i produktadministrasjonen.
Merkevareledelse
Delaware inkluderer kraftig funksjonalitet for merkevarestyring, slik at du kan vise frem merkevarene dine på en profesjonell måte.
Sette opp brannoversikt
- Opprett ny side: Gå til Sider → Opprett ny side
- Velg mal: Velg "Brands"-mal fra rullegardinmenyen
- Automatisk innlasting: Alle merker lastes automatisk inn i alfabetisk rekkefølge
- Publiser siden: Lagre og publiser merkevareoversikten
Skaper merkevarer
Administrasjon
- - Gå til fanen Produkter → Varemerker
- - Klikk på "Legg til merke"
- - Fyll inn merkevaretittel
- - Legg til sidehenvisning
- - Last opp merkevarebilde
Bildeanbefalinger
- - Format: PNG med gjennomsiktig bakgrunn
- - Størrelse: 300x300 piksler anbefales
- - Logoer av høy kvalitet
- - Konsekvent styling
Merkevarefunksjoner
Alfabetisk sortering
Merkene vises automatisk i alfabetisk rekkefølge
Responsiv design
Perfekt visning på alle enheter
Automatiske lenker
Lenke til merkevarespesifikke produktsider
Eksempel: Se hvordan merkevareoversikten fungerer på delaware.shoporama.com/brands
Avanserte postnummerfunksjoner
Delaware tilbyr avanserte postnummerbaserte funksjoner for å vise eller skjule fraktmetoder basert på bestemte postnummerområder.
To metoder for postnummersjekk
Vis etter kamp
Fraktmetoden vises bare for bestemte postnummerområder.
Bruk: Når du bare ønsker å tilby en fraktmetode i bestemte områder (f.eks. bylevering)
Fjern etter fyrstikk
Fraktmetoden er skjult for bestemte postnummerområder.
Bruk: Når du vil ekskludere en fraktmetode fra bestemte områder (f.eks. øyer eller avsidesliggende steder)
Vis etter match-metode
Implementering:
- Gå til Dashboard → Frakt → Rediger fraktmetode
- Opprett et nytt HTML-felt med navnet
allowed_zip_codes - Angi postnummerområder i formatet:
1000-1999,3000-3999,5000-5999 - Lagre innstillingene dine
Eksempel på postnummerområder:
1000-1999,2000-2999,3000-3999,4000-4999,5000-5999
Dette vil vise fraktmetoden for postnumrene 1000-5999
Videoopplæring - Vis fraktmetoder
Fjern ved hjelp av Match-metoden
Implementering:
- Gå til Dashboard → Frakt → Rediger fraktmetode
- Opprett et nytt HTML-felt med navnet
disallowed_zip_codes - Skriv inn postnummerområder i formatet:
3900-3999,9000-9999 - Lagre innstillingene dine
Eksempel på ekskludering:
3900-3999,9000-9999
Dette skjuler fraktmetoden for Bornholm (3900-3999) og Færøyene (9000-9999)
Videoopplæring - Skjul fraktmetoder
Retningslinjer for format
Støttede formater
1000-1999- Område fra 1000 til 19992000,2100,2200- Spesifikke postnumre3000-3999,4000- Kombinert areal og spesifikk5000-5999,6000-6999- Flere områder
Viktige merknader
- - Bruk komma for å skille områder
- - Bindestrek for å definere områder
- - Ingen mellomrom mellom verdiene
- - Både firesifrede danske og internasjonale postnumre støttes
Eksempler på praktisk anvendelse
Levering av sykler
Kun tilgjengelig i København og Aarhus
1000-2999,8000-8999
Ekspresslevering
Ikke tilgjengelig på øyer
disallowed: 3900-3999,9000-9999
Levering til øya
Kun for Bornholm og Færøyene
3900-3999,9000-9999
Profftips: Test alltid postnummerkonfigurasjonene dine grundig ved å simulere ulike kundeadresser under betalingsprosessen.
Innbygging av video
Legg inn videoer og spillelister direkte i nettbutikken for å skape engasjerende innhold og demonstrere produktene dine.
Støttede plattformer
- YouTube-videoer og spillelister
- Vimeo-videoer
- Lokale videoer (MP4, WebM)
- Direkte strømming
Avanserte funksjoner
- Responsiv videospiller
- Lazy loading for bedre ytelse
- Egendefinerte miniatyrbilder
- Alternativer for automatisk avspilling
Profftips: Bruk videoer til produktdemonstrasjoner, veiledninger og kundehistorier for å øke konverteringen.
Videoopplæring
System for produkttillegg
Med tilleggssystemet kan kundene legge til relaterte produkter med ett enkelt klikk. Produktene vises som avmerkingsbokser under "Legg i handlekurven"-knappen, noe som gjør det enkelt å kryss-selge tilbehør, forsikring eller andre relevante produkter.
Hva er tilleggsprogrammer?
Tilleggsprodukter er en funksjon som lar deg knytte relaterte produkter til et hovedprodukt. Når kunden klikker på "Legg i handlekurven", kan de velge å legge til tilleggsproduktene samtidig ved å krysse av i avmerkingsboksene.
Eksempler på bruk:
- Batterier til elektronikk
- Forsikring eller garantiforlengelse
- Tilbehør til hovedproduktet
- Tilleggsprodukter (f.eks. kaffe til kaffemaskiner)
Slik konfigurerer du tilleggsprogrammer
1. Produktnivå (høyeste prioritet)
Dette er den mest spesifikke konfigurasjonen og overstyrer alle andre innstillinger:
- Gå til produktet der du vil legge til tilleggsprogrammer
- Klikk på fanen Utvidelser
- Finn delen "Addon-innstillinger"
- I feltet
Product Idsskriver du inn kommaseparerte produkt-ID-er
Eksempel:
123,456,789
2. Kategori nivå
Gjelder for alle produkter i kategorien (hvis de ikke har tillegg på produktnivå):
- Angi metafeltet
addon_idspå kategorien - Alle produkter i kategorien vil automatisk få disse tilleggene
3. Overordnet kategorinivå (fallback)
Hvis verken produkt eller kategori har tilleggsprogrammer konfigurert:
- Systemet sjekker overordnede kategorier rekursivt
- Bruk den første overordnede kategorien som har
addon_idsangitt
Viktige begrensninger
- Bare produkter UTEN varianter kan brukes som tilleggsprodukter
- Tilleggsprodukter legges til som separate kurvrekker (ikke sammen med hovedproduktet)
- Tillegg legges alltid til med nummer 1 (ikke konfigurerbart)
- Ingen spesialpriser eller pakkerabatter for tilleggsprogrammer
- Kunden står fritt til å endre eller fjerne tilvalg i handlekurven i etterkant.
Brukeropplevelse
På produktsiden
- Overskrift: "Legg i handlekurven med"
- Avkrysningsliste med alle tilleggsprogrammer
- Hvert tillegg viser:
- - 32x32 px produktbilde
- - Produktnavn
- - Pris
- - Øyeikon (lenke til hele produktsiden)
I kurven
- Tilleggsprogrammer vises som vanlige produkter
- Ingen visuell indikasjon på at de var add-ons
- Kan endres og fjernes uavhengig av hverandre
- Ingen binding til hovedproduktet
Tekniske detaljer
Navn på utvidelsesfelt:
addon_product_ids
Navn på metafelt (kategori):
addon_ids
Format:
Kommaseparerte produkt-ID-er (f.eks.: 123 456 789)
Prioritert rekkefølge:
- Verdi av produktutvidelse (
addon_product_ids) - Produktets metaverdi (
addon_ids) - Metaverdi for kategori (
addon_ids) - Metaverdi for overordnet kategori (
addon_ids)
Beste praksis
- Bruk bare relevante tilleggsprogrammer som gir kunden verdi
- Hold antallet tilleggsprogrammer mellom 2-5 for å unngå å overvelde kunden
- Bruk konfigurasjon på kategorinivå for produkter med samme tilleggsprogrammer
- Test prisene på tilleggsprodukter - for høye priser kan redusere konverteringen
- Velg tilleggsprodukter med gode produktbilder og -beskrivelser
- Husk at bare produkter uten varianter kan brukes
Verdiforslag
Delaware støtter fire konfigurerbare verdiforslag som kan vises på forsiden eller andre strategiske steder for å fremheve de unike fordelene dine.
Sette opp verdiforslag
Navigering til innstillinger:
Gå til Temainnstillinger → Hjem → Verdiforslag
Du kan konfigurere for hvert verditilbud:
- - Overskrift - Kort og konsis (maks 25 tegn)
- - Kort tekst - Utdypende beskrivelse (maks 50 tegn)
- - Ikon - Velg mellom mer enn 35 ikoner
- - Lenke (valgfritt) - Lenke til relevant side
Beste praksis:
- - Hold tekstene korte og tydelige
- - Velg ikoner som passer til budskapet
- - Legg vekt på dine unike fordeler
- - Test lesbarheten på mobil
Eksempler på verdiforslag
Gratis frakt
For kjøp over 399 kr
30 dagers returrett
Fullstendige returregler
Kundeservice
Man-fre 9-17
Sikker betaling
SSL-kryptert
Tilgjengelige ikoner
Delaware inneholder mer enn 35 ikoner for verdiforslag:
lastebil
kredittkort
skjold-alt
hodesett
angre
gave
klokke
pris
tommel opp
...og mange flere i temainnstillingene
Bloggfunksjoner
Delaware inkluderer et komplett bloggsystem med SEO-optimalisering, kategorier, tagger og avanserte bildefunksjoner.
Opprette blogginnlegg
Grunnleggende oppsett:
- Gå til Innhold → Blogg → Nytt innlegg
- Fyll inn tittel og URL-slug
- Skriv innholdet ditt i redigeringsprogrammet
- Legg til bilder og media
- Konfigurer SEO-innstillinger
- Publiser eller lagre som utkast
Bildeinnsetting i blogginnlegg
Delawares unike bildesystem:
Bruk kortkoder til å sette inn bilder direkte i blogginnleggene dine:
Det er slik det fungerer:
- Last opp bilder via knappen "Last opp bilder"
- Bildene tildeles automatisk et indeksnummer (1, 2, 3...)
- Sett inn bildet med
[image index=X] - Bilder vises responsivt med automatisk endring av størrelse
Alternativer for blogglayout
Rutenettoppsett
- - 2-4 kolonners responsivt rutenett
- - Utvalgt bilde uthevet
- - Utdrag og lenke til les mer
- - Perfekt for visuelt innhold
Listeoppsett
- - Klassisk blogglisteformat
- - Sidefelt med kategorier
- - Vis hele utdraget
- - Dato og forfatterinformasjon
Layout for magasiner
- - Seksjon for utvalgte innlegg
- - Kategoribasert visning
- - Blandet rutenett og liste
- - Widget for populære innlegg
SEO-funksjoner for blogg
SEO på siden
- - Tilpassede metatitler og -beskrivelser
- - Automatiske Open Graph-tagger
- - Kanoniske nettadresser
- - Schema.org-oppmerking
- - Integrering av XML-områdekart
Kategorier og tagger
- - Ubegrenset antall kategorier
- - Taggbasert navigasjon
- - Kategorispesifikke RSS-feeder
- - Relaterte innlegg automatikk
- - Widget for taggskyer
Fargematching
Delaware gir deg full kontroll over temaets fargeskjema med avanserte tilpasningsmuligheter og forhåndsinnstilte fargetemaer.
Innstillinger for primærfarge
Tilpass følgende farger:
Merkevarefarger
#2563eb
#9333ea
#db2777
UI-farger
#16a34a
#ca8a04
#dc2626
Badge- og etikettfarger
Tilpass farger på produktmerker og etiketter:
#dc2626
#16a34a
#2563eb
#9333ea
Forhåndsinnstilte fargeskjemaer
Klassisk blå
Profesjonell og pålitelig
Varm jord
Varmt og innbydende
Moderne gradient
Moderne og dynamisk
Avanserte fargeinnstillinger
Tilpassede CSS-egenskaper:
For utviklere - tilpass via CSS-variabler:
Temainnstillinger
Delaware leveres med over 100 konfigurasjonsalternativer som gir deg full kontroll over temaets utseende og funksjonalitet uten koding.
Tilgang til innstillinger
Navigasjon: Admin → Design → Temaer → Delaware → Innstillinger
Rask tilgang:
- - Live forhåndsvisning tilgjengelig
- - Endringer i sanntid
- - Lagre og publiser umiddelbart
Backup-system:
- - Automatisk sikkerhetskopiering av innstillinger
- - Eksporter/importer konfigurasjon
- - Gjenopprett til standardinnstillingene
Generelle innstillinger
Farger og merkevarebygging
- Merkevarefarger - primær-, sekundær- og aksentfarger
- Bakgrunnsbilder - Gradient, bilde eller ensfarget
- Knappestyling - rund, firkantet eller egendefinert kantradius
- Logoinnstillinger - størrelse, plassering og mobilversjon
- Favicon - Last opp ditt eget ikon for nettstedet
Typografi
- Google Fonts - mer enn 800 tilgjengelige skrifter
- Header styling - H1-H6 med individuell kontroll
- Brødtekst - Skriftstørrelse, linjehøyde og -vekt
- Knapptekst - Skrifttype og styling for CTA-er
- Tilpasset CSS - avansert typografikontroll
Layout og navigasjon
Sideoppsett
- - Containerbredde (1140 px, 1200 px, 1320 px)
- - Sidefeltets posisjon (venstre/høyre)
- - Innstillinger for klistret overskrift
- - Layout og innhold i bunntekst
- - Mobiltilpassede bruddpunkter
Hovedmeny
- - Horisontal eller vertikal layout
- - Nedtrekksanimasjoner
- - Konfigurasjon av mega-menyer
- - Mobil hamburgerstyling
- - Integrering av søkefelt
Brødsmuler
- - Aktivere/deaktivere på forskjellige sider
- - Egendefinerte skilletegn (>, /, |)
- - Schemaoppmerking for SEO
- - Styling og plassering
- - Innstillinger for hjemlenke
Produktinnstillinger
Produktbilder
- Billedeshoppen - Hover-zoom, lysboks, 360° visning
- Miniatyrbildestil - rutenett, glidebryter eller stablet layout
- Lazy loading - optimalisering av ytelse
- WebP-støtte - moderne bildeformater
- Aspect ratio - Konsistent bildehøyde
Produktinformasjon
- Prisvisning - før/etter-pris, momsinformasjon
- Lagerstatus - "På lager "- og "Få tilbake"-meldinger
- Varianter - rullegardinmeny, fargeprøve eller knapp
- Vurderinger - Stjerner, anmeldelser, samlet vurdering
- Sosial deling - Facebook-, Twitter- og Pinterest-knapper
Butikk- og kasseinnstillinger
Handlekurv
- Skuff til vogn - Skyv inn kurven fra siden eller toppen
- Minivogn - forhåndsvisning ved å holde musepekeren over overskriften
- AJAX-oppdateringer - ingen ny innlasting av siden ved tilføyelse
- Varsler om handlekurv - Suksessvarsler og animasjoner
- Forslag til mersalg - "Andre har også kjøpt" i handlekurven
Checkout-prosessen
- En sides kasse - strømlinjeformet kjøreprosess
- Gjestekasse - Kjøp uten registrering
- Fremdriftsindikatorer - trinnvis visning
- Tillitsmerker - SSL, ikoner for betalingssikkerhet
- Ordreoversikt - Sticky sidefelt med total
Markedsføring og SEO
Popup-vinduer og varsler
- - Popup-vindu for påmelding til nyhetsbrev
- - Tilbud utløst av exit-intensjon
- - Banner for samtykke til informasjonskapsler
- - Kunngjøringslinje
- - Varsler om sosiale bevis
SEO-optimalisering
- - Metatitler og -beskrivelser
- - Open Graph-bilder
- - Skjemamerking (JSON-LD)
- - Kanoniske nettadresser
- - Generering av nettstedskart
Analyse
- - Integrasjon med Google Analytics 4
- - Oppsett av Facebook Pixel
- - Forbedret sporing av e-handel
- - Tilpassede konverteringsmål
- - Støtte for varmekartlegging
Tredjepartsintegrasjoner
Markedsføringstjenester
- E-postmarkedsføring - Klaviyo, Mailchimp-integrasjon
- Live chat - Intercom, Zendesk Chat-støtte
- Omtaler - Trustpilot, Google Reviews widgets
- Søk og oppdagelser - Clerk.io AI-integrasjon
Forretningsverktøy
- Regnskap - E-conomic, Dinero-synkronisering
- Logistikk - GLS, PostNord, Bring labels
- Betalinger - QuickPay, PensoPay, Stripe, PayPal-oppsett
- Lagerbeholdning - lagerstyring i sanntid
Avanserte innstillinger
Tilpasset kode
- Tilpasset CSS - Legg til tilpasset styling uten å miste oppdateringer
- Tilpasset JavaScript - Legg til sporing eller funksjonalitet
- Overstyring av maler - Tilpass spesifikke seksjoner
- Webhook-sluttpunkter - Integrasjon med eksterne systemer
Ytelse
- Lazy loading - bilder, videoer og komponenter
- Minifisering av ressurser - komprimering av CSS og JS
- CDN-innstillinger - Optimalisering av innholdslevering
- Caching-kontroll - Caching i nettleser og på server
Administrasjon av innstillinger
Eksporter innstillinger
Last ned hele temakonfigurasjonen som en JSON-fil for sikkerhetskopiering eller migrering.
Importinnstillinger
Last opp og bruk lagret konfigurasjon eller overførte innstillinger fra en annen nettbutikk.
Tilbakestill innstillinger
Gjenopprett alle innstillinger til temaets standardverdier med ett enkelt klikk.
Se innstillingene i aksjon:
Oppdag Delawares omfattende konfigurasjonsalternativer på: https://delaware.shoporama.dk
theme_settings.json Struktur
Delawares konfigurasjon er definert i theme_settings.json filen, som gir full kontroll over temaets innstillinger og funksjonalitet.
Trådstruktur
Innstilling av grupper
Konsernstruktur
{
"path": "design",
"name": "Design",
"description": "Indstillinger for dit design",
"fields": [
// Individuelle felter
]
}
Standardgrupper
- Design - logo, farger, typografi
- Forsiden - Forsidespesifikke innstillinger
- bunntekst - innhold og layout for bunntekst
- innstillinger - Generelle funksjoner
- noen - Sosiale medier
Felttyper
Tekst og inndata
string- En enkelt tekstlinjewysiwyg- Redigeringsprogram for rik teksthtml- HTML-kodeinntastingtextarea- Tekst på flere linjer
Valg og alternativer
bool- Ja/Nei veksle mellomlist- Nedtrekksvalgcolor- Fargevelgernumber- Numerisk inntasting
Medier og filer
image- Bildeopplastingfile- Filopplastingvideo- Video-URLicon- Ikonvelger
Eksempel på feltdefinisjon
Eksempel på komplett felt:
{
"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ødvendige egenskaper:
- •
path- Unik identifikator - •
name- Vis navn - •
type- Felttype
Valgfrie egenskaper:
- •
description- Hjelpetekst - •
default- Standardverdi - •
depends_on- Betinget visning
Eksempel på listefelt
Nedtrekksmeny med alternativer:
{
"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"
}
Ytterligere innstillinger
add_settings brukes til å legge til innstillinger på bestemte administrasjonssider:
"add_settings": [
{
"url": "category/edit",
"path": "add_filter",
"name": "Tilføj filter",
"description": "Tilføj filtrering på denne kategori",
"type": "bool"
}
]
Dette legger til et "Legg til filter"-alternativ direkte på kategoriredigeringssiden.
Sidedesignermoduler
Delaware støtter mer enn 50 Page Designer-moduler definert i modules array:
banner
produkt_liste
video
kolonner
karusell
attester
nyhetsbrev
50+ flere
Beste praksis
- Bruk beskrivende navn: Gjør det klart hva innstillingen gjør
- Legg til hjelpetekst: Bruk beskrivelsesfeltet til å veilede brukeren
- Grupper relaterte innstillinger: Hold lignende innstillinger samlet
- Bruk standardverdier: Angi fornuftige standardverdier
- Test endringer: Kontroller at innstillingene fungerer som de skal
Ønskelister og favoritter
Delaware har to uavhengige systemer for lagring av produkter: ønskelister (krever innlogging, deles via lenke) og favoritter (lokalt i nettleseren, hjerteknapp).
Ønskelister
Kunden kan opprette flere navngitte ønskelister, legge til produkter med antall og varianter, og dele dem via en unik lenke.
- Krever innlogging - data lagres i databasen
- Flere ønskelister per kunde
- Deling via unik lenke
- Varianter og antall som støttes
- Offentlig visning med "Legg i handlekurven"-knapper
Aktivering: Innstillinger → Nettbutikk → Aktiver ønskelister
Favoritter
Enkel hjerteknapp på produktkort og produktside. Favoritter lagres lokalt i nettleseren - ingen pålogging kreves.
- Ingen pålogging kreves
- Hjerte-knapp på produktkort og produktside
- Sidefelt med alle favoritter
- Direkte "Legg i handlekurven" fra sidepanelet
- Teller i toppteksten
Aktivering: Temainnstillinger → Produkt → Aktiver ønskeliste
Merk: De to systemene er uavhengige av hverandre - du kan bruke ett eller begge samtidig. Ønskelister krever innlogging og er ideelle for deling (bursdagsønsker, juleønsker), mens favoritter er raske og uforpliktende.
Abonnementer
Delaware har full støtte for gjentatte bestillinger, slik at kundene kan tegne løpende abonnementer på produkter.
Sette opp abonnementsprodukter
For å aktivere abonnementer på et produkt fyller du ut følgende felt under Produkter → Rediger produkt:
Abonnementspris
Pris per levering
Intervall
Daglig, ukentlig eller månedlig
Bindingsperiode
Valgfri minimumsvarighet
Kundeopplevelse
Produktsider
- Abonnementsboks med type og pris
- Velg leveringsintervall (f.eks. "Hver 2. måned")
- Variantutvalg med abonnementspriser
- Kommentarfelt
- Melding om bindingsperiode (hvis angitt)
Min profil
- Oversikt over alle abonnementer
- Endre neste levering og intervall
- Oppdater betalingskort
- Avbryt eller gjenåpne abonnementet
- Se produkt- og adressedetaljer
Handlekurv og kasse
- Abonnementer vises i handlekurven og i sidemenyen med ikon og intervall
- Fjern knappen på abonnementer i handlekurven og sidefeltet
- Modalvinduet "Produktet ble lagt i handlekurven" når du legger til et abonnement
- Abonnementsmerke på produktkortet
Maler for e-post
Delaware inkluderer 6 e-postmaler for abonnementer:
Bekreftelse ved skapelsen
Melding ved avbestilling
Melding om gjenåpning
Påminnelse før levering
Planlagt kansellering etter binding
Bekreftelse på kartoppdatering
Viktig: Abonnementer krever en betalingsgateway som støtter gjentatte betalinger (f.eks. Stripe eller Quickpay). Kontakt betalingsleverandøren din for å forsikre deg om at gjentatte betalinger er aktivert på kontoen din.
Ytelse og SEO
Delaware er optimalisert for hastighet og søkemotorer fra grunnen av.
Prestasjonsmålinger
Trenger du hjelp?
Vi er her for å hjelpe deg med å få det beste ut av Delaware