Shopify-case
Shopify-nettbutikk og QR-løsning for Blomsten Inger Høyvik
Nettløft har bygget og videreutviklet Shopify-nettbutikken til Blomsten Inger Høyvik for lokal blomsterlevering i Haugesund, Karmøy og nærområdene. Prosjektet kombinerer nettbutikk, produktstruktur, lokal SEO, bildearbeid, bestillingsflyt og en spesialutviklet QR-løsning for leveringsbekreftelse.
Utgangspunktet
En lokal blomsterbutikk med flere behov enn en vanlig nettbutikk
Blomsten Inger Høyvik selger blomster til mange ulike anledninger, blant annet bursdag, kjærlighet, kondolanse og begravelse. Nettbutikken måtte derfor gjøre mer enn å vise produkter. Den måtte hjelpe kunden med å velge riktig type blomster, riktig størrelse, aktuelle tillegg, kort- eller sløyfetekst og korrekt leveringsinformasjon.
Lokal blomsterlevering skaper også behov som ikke alltid passer inn i en standard nettbutikkmal. Leveringsområde, leveringsdag, bestillingsfrister og informasjon til mottakeren må være tydelige, samtidig som bestillingen skal være enkel på mobil.
Målet var en løsning som både gjorde det lettere for kunden å bestille og ga blomsterbutikken en mer ryddig arbeidsflyt etter at ordren var mottatt.
- En tydelig produktstruktur for ulike anledninger og produkttyper.
- En mobilvennlig bestillingsflyt med færre unødvendige hindringer.
- Bedre informasjon om lokal levering, frister og leveringsområder.
- Innhold og struktur som kunne styrke lokal synlighet i Google.
- Praktiske funksjoner som gjorde ordre- og leveringsarbeidet enklere.
Shopify-arbeidet
Fra produktkatalog til en tydelig lokal bestillingsflyt
Arbeidet omfattet både det kundene ser i nettbutikken og strukturen som gjør produkter, kategorier, levering og innhold enklere å håndtere over tid.
Produkter og samlinger
Produkter ble organisert i relevante samlinger som buketter, dekorasjoner, kjærlighet, kondolanse, begravelse, kranser, hjerter, kors, kistepynt, planter og roser. Dette gjør det lettere å finne riktig produkt ut fra anledning og behov.
Valg og tillegg
Bestillingsflyten ble tilpasset med størrelsesvalg og relevante tillegg som vase, sjokolade, kort og sløyfe. Tekstfelt for kort- og sløyfetekst gjør det mulig å sende nødvendig informasjon sammen med bestillingen.
Lokal levering
Leveringsinformasjon, bestillingsfrister og lokale leveringsvalg ble gjort tydeligere. Målet var at kunden skulle forstå når og hvor blomster kan leveres før bestillingen fullføres.
Mobil og kundereise
Struktur, navigasjon og innhold ble vurdert med utgangspunkt i mobilbruk. Kunden skal raskt kunne gå fra anledning til produkt, gjøre nødvendige valg og fullføre bestillingen.
Bilder og produktinnhold
Nettløft har arbeidet med bilderedigering, filstørrelser, filnavn, alt-tekster og tekstforslag til produkter og informasjonssider. Dette styrker både presentasjon, tilgjengelighet og søkbarhet.
Videreutvikling
Nettbutikken er utviklet videre over tid med nye sider, forbedret struktur, tekniske justeringer og praktiske funksjoner. Løsningen kan dermed vokse i takt med bedriftens behov.
Kundeopplevelse
Informasjonen må være enkel å finne før kunden bestiller
Ved lokal blomsterlevering oppstår mange spørsmål før kjøpet: leverer butikken til riktig område, kan blomstene leveres samme dag, når er bestillingsfristen, og hvor skriver man kortteksten?
Derfor er informasjon om bestilling, levering og produktvalg en del av selve kjøpsopplevelsen. Tydelige innholdssider og riktig plasserte forklaringer reduserer usikkerhet og gjør det lettere å fullføre bestillingen.
Lokal SEO
Synlighet for blomsterlevering i Haugesund og på Karmøy
Lokal SEO ble integrert i produktstruktur, kategorier, bilder og innhold. Målet er at nettbutikken skal være relevant når personer søker etter blomster og levering i områder butikken faktisk betjener.
Spesialutvikling
QR-basert leveringsbekreftelse koblet direkte til Shopify
Målet var enkelt fra sjåførens side: Skann en QR-kode på leveringsseddelen, åpne en vanlig mobilside og trykk «Marker som levert». Ingen egen sjåførapp, ingen Shopify-innlogging og ingen komplisert arbeidsflyt.
Den tekniske utfordringen var Shopifys fulfillment-modell. Når ordreseddelen skrives ut, kan ordren fortsatt være uoppfylt. Da finnes det ikke nødvendigvis et vanlig Fulfillment-objekt som QR-løsningen kan bruke direkte.
QR-lenken inneholder et signert token som identifiserer ordren. Backend kontrollerer tokenet, henter den aktive Shopify-ordren, finner eller oppretter riktig fulfillment og registrerer deretter leveringen gjennom Shopify GraphQL Admin API.
Se kjernen i GraphQL-mutasjonen
mutation MarkDelivered($fulfillmentEvent: FulfillmentEventInput!) {
fulfillmentEventCreate(fulfillmentEvent: $fulfillmentEvent) {
fulfillmentEvent {
id
status
happenedAt
}
userErrors {
field
message
}
}
}Omfang og pris
Vanlig Shopify-arbeid og spesialutvikling er to ulike leveranser
Det er viktig å skille mellom arbeid som normalt inngår i oppsett eller forbedring av en nettbutikk, og utvikling av en egen app eller API-integrasjon.
Arbeid i selve nettbutikken
- Produkt- og kategoristruktur
- Design og mobilvisning
- Leveringsinformasjon og bestillingsflyt
- Produktbilder, alt-tekster og innhold
- SEO og internlenking
- Forbedring av eksisterende Shopify-oppsett
Egen app og Shopify-integrasjon
- Signerte QR-tokens og sikker ordreidentifisering
- Ekstern Node/Express-backend
- Oppslag og mutasjoner gjennom Shopify Admin API
- Håndtering av ulike fulfillment-tilstander
- Testmodus og feilkontroll
- Drift, deploy og teknisk vedlikehold
Praktisk verdi
Et prosjekt som kobler kundeopplevelse og intern arbeidsflyt
Prosjektet viser at en nettbutikk ikke bare handler om forsiden og produktene. En god løsning må også støtte arbeidet som skjer etter at kunden har trykket «bestill».
Vanlige spørsmål
Spørsmål om Shopify-prosjektet og QR-løsningen
Hva omfattet Shopify-prosjektet for Blomsten Inger Høyvik?
Prosjektet omfattet blant annet produktstruktur, samlinger, mobilvisning, levering, innhold, bilder, lokal SEO og videreutvikling av bestillingsflyten i Shopify. I tillegg ble det utviklet en separat QR-basert løsning for leveringsbekreftelse.
Hva gjør den QR-baserte leveringsløsningen?
Sjåføren skanner en QR-kode på leveringsseddelen, åpner en enkel mobilside og markerer bestillingen som levert. Backend verifiserer den signerte lenken, finner riktig ordre og fulfillment-status og registrerer leveringshendelsen gjennom Shopify Admin API.
Er QR-appen inkludert i en vanlig Shopify-pakke?
Nei. En egen app, ekstern backend eller API-integrasjon er spesialutvikling og prises separat fra vanlig Shopify-oppsett, design, produktarbeid og SEO.
Kan Nettløft vurdere lignende funksjoner for andre nettbutikker?
Ja. Nettløft kan vurdere enklere spesialfunksjoner og integrasjoner når behovet er tydelig og løsningen er praktisk og teknisk forsvarlig. Ta kontakt med en kort beskrivelse av arbeidsflyten eller problemet som skal løses.
Kan Nettløft også forbedre en eksisterende Shopify-butikk?
Ja. Nettløft kan hjelpe med struktur, produkter, bilder, innhold, mobilvisning, SEO og praktiske forbedringer i en eksisterende Shopify-butikk. Les mer på siden Shopify-hjelp.
Trenger nettbutikken din bedre struktur eller en praktisk spesialfunksjon?
Fortell kort hva du ønsker å forbedre eller hvilken arbeidsflyt som skaper problemer. Nettløft vurderer om behovet kan løses med vanlig Shopify-arbeid, en integrasjon eller spesialutvikling.