Steg-för-steg-guide för små handlare att planera, bygga och lansera en webbplats med onlinekatalog, upphämtning och enkla löpande uppdateringar.

Innan du väljer tema, skriver texter eller tar produktbilder — bestäm vad sajten är till för. Många små butiker får en webbplats som ser bra ut men som inte minskar telefonsamtal, ökar kundflödet eller hjälper kunder att bestämma vad de ska köpa.
En onlinekatalog (endast bläddring) är en produktvisning: kunder kan se varor, priser (valfritt), storlekar/färger och notiser om tillgänglighet, och sedan kontakta dig eller besöka butiken. Den passar när lagret ändras snabbt, produkterna är skräddarsydda eller när du föredrar att sälja i butik.
En full e-butik låter kunder lägga i varukorgen och betala online. Det kan öka försäljningen utanför öppettider, men det ger också mer löpande arbete: betalningsinställningar, skatter, fraktregler, returer och kundsupport.
En praktisk mellanväg är "reservera / begär / hämta": kunder bläddrar online och skickar sedan en förfrågan eller reserveringsbegäran så att ditt team bekräftar tillgängligheten.
Välj 1–2 huvudsakliga mål och bygg allt runt dem. Exempel:
Skriv ner hur du ska mäta framgång: ”20 offertförfrågningar/månad” eller ”minska ’Har ni X?’-samtal med 30%.”
Var ärlig om vad du kan stödja vecka för vecka:
För de flesta butiker, planera en enkel cykel: Planera (1–3 dagar) → Bygg (1–2 veckor) → Lansera (1 dag) → Underhåll (30–60 minuter/vecka).
En webbplats som hålls uppdaterad slår en perfekt site som är inaktuell.
Innan du väljer funktioner eller börjar ladda upp produkter, var tydlig med vem sajten är för och vad de försöker göra. Små detaljhandelssajter fungerar bäst när de speglar de verkliga frågor du hör i kassan.
Lista 2–4 kärngrupper (inte 12). Håll dem specifika och baserade på vad du faktiskt ser i butiken.
Till exempel:
För varje grupp, skriv vad de brukar fråga i butiken: ”Har ni öppet idag?” ”Kan jag se storlekar/färger?” ”Var parkerar man?” ”Gör ni reparationer?” De frågorna bör bli webbplatsinnehåll.
Din webbplats ska hjälpa någon att nå ett mål snabbt, särskilt på mobilen. Skriv de fem viktigaste uppgifterna en besökare ska kunna slutföra på under 60 sekunder. En praktisk standardlista är:
Dessa uppgifter ska vara uppenbara från startsidan och toppnavigeringen—ingen jakt.
Sök efter andra lokala butiker i din kategori och skärmdumpa exempel.
Notera vad du gillar (tydliga kategorier, enkel ”Reservera”-knapp, rena bilder) och vad du ska undvika (pop-ups, liten text, gömda öppettider, kontaktformulär som saknar telefonnummer). Det sparar tid senare när du fattar designbeslut.
Välj den huvudsakliga åtgärd du vill att de flesta besökare ska göra: Ring, WhatsApp/SMS, Mejl, Boka, eller Besök.
Gör det konsekvent: en primär knappstil överallt på sajten, placerad tydligt på mobil. Sekundära åtgärder kan finnas—men din site konverterar bättre när nästa steg känns självklart.
En liten butikswebbplats fungerar bäst när kunder snabbt kan få svar på tre frågor: Vad säljer ni? Finns det i lager (eller går det att beställa)? Hur besöker eller kontaktar jag er?
Sidstruktur och navigering bör stödja de frågorna först—allt annat är sekundärt.
Håll basuppsättningen enkel och igenkännbar:
Om du vill hålla toppmenyn kort kan “Butiksinfo” och “Policyer” ligga i sidfoten.
Sikta på en tydlig väg till katalogen och undvik rörighet. Ett vanligt upplägg är:
Startsida · Shop/Katalog · Nytt · Om oss · Butiksinfo · Kontakt
Om du har många kategorier, använd en dropdown under Shop istället för fler toppnivåobjekt.
Välj den ordning som matchar hur kunder pratar om dina produkter:
Använd en primär struktur och lägg till de andra som filter eller kollektionssidor.
Även en liten katalog tjänar på:
Innan du bygger sidor, skissa hur folk rör sig på sajten:
Startsida → /katalog → /katalog/kategori-namn → /produkt/produkt-namn → /kontakt
Lägg till stödjande länkar där de naturligt hjälper, som “Frågor?” som länkar till /kontakt, eller en kort notis på policy-sidor som länkar tillbaka till /katalog.
Innan du väljer en byggare, bestäm vad du egentligen säljer online: information (en bläddringskatalog) eller transaktioner (kassa, betalning, leverans). Rätt val sparar dig veckovisa huvudvärk.
En katalogsite låter kunder bläddra produkter och sedan ringa, meddela eller skicka en förfrågan för att beställa. Det fungerar bra för butiker med snabbt skiftande lager, unika varor eller varierande priser.
Du vill ha snabb produktsökning och filter, tydliga ”Hur köper jag?”-uppmaningar och snabba kontaktåtgärder (ring/sms/mejl). Det är också enklare att underhålla och undviker betalnings- och fraktinställningar.
Om kunder förväntar sig att kunna köpa direkt, välj kassa. Det stödjer kort, digitala plånböcker, skatter, fraktsatser, click and collect och automatiska ordermejl. Det kräver mer inställning, men kan minska fram-och-tillbaka och fånga impulsköp.
Shopify: Bäst om du vill ha kassa, lagerverktyg, rabatter och många integrationer.
Wix / Squarespace: Bra allt-i-ett-byggare med enklare designstyrning; solid för katalog eller enklare e-handel.
WordPress + plugins (WooCommerce, etc.): Flexibelt och kraftfullt, men kräver oftast mer löpande skötsel (uppdateringar, plugins, backups).
Om du vill ha något mer skräddarsytt än en mall—som reservera/upphämtning, anpassade förfrågningsformulär per kategori eller en katalog som matchar hur din personal faktiskt säljer—kan Koder.ai vara ett praktiskt alternativ. Det är en vibe-coding-plattform där du beskriver sajten i chatten och genererar en riktig applikation (React-frontend med en Go + PostgreSQL-backend), med funktioner som export av källkod, hosting/deployment samt snapshots/rollback för säkrare uppdateringar.
Den största fördelen för små butiker är flexibiliteten: du kan börja med en katalog + förfrågningar och sedan lägga till kassa utan att bygga om från grunden.
Välj inte bara baserat på ett demotema—välj efter veckans arbete:
Bekräfta stöd för din POS, Instagram shopping, Google Business Profile och e-postmarknadsföring (välkomsterbjudanden, tillbaka-i-lager, lokala evenemang).
Slutligen, välj plattform efter vem som ska underhålla den varje vecka, inte bara vem som kan bygga den en gång. Om uppdateringar inte kommer ske spelar de bästa funktionerna ingen roll.
Rätt grundinställningar får din butik att se etablerad ut, ökar kundernas förtroende och undviker onödiga problem senare.
Börja med ditt butiknamn. Om det är upptaget eller för generiskt, lägg till en enkel modifierare som din stadsdel, stad eller specialitet (t.ex. “oakstreetbooks.com” eller “brighton-bikes.com”). Håll det kort, lätt att stava och undvik bindestreck om möjligt.
Om du redan har sociala konton, försök matcha dem nära så folk inte undrar om de hittat rätt företag.
Om du använder en hosted plattform ingår hosting—ditt huvudjobb är att koppla domänen.
Om du hostar själv (WordPress på egen server), välj en pålitlig host med:
Oavsett, se till att sajten laddas via HTTPS. Det ”hänglås”-tecknet är viktigt: kunder är mer benägna att bläddra, fylla i formulär och klicka ”Ring” eller ”Vägbeskrivning” när sajten ser säker ut.
En företagsmejl som [email protected] ser mer trovärdig ut än en personlig gratisadress och gör personalbyten enklare.
De flesta domänregistratorer och plattformar låter dig skapa en adress och vidarebefordra till din befintliga inkorg, så du slipper byta rutin. Överväg två adresser:
Använd starka lösenord och slå på tvåstegsinloggning där det är möjligt. Ge personal egna inloggar med rätt åtkomstnivå (undvik delade adminlösenord).
Om du hostar själv, bekräfta att backups är automatiska och återställbara—backups hjälper bara om du faktiskt kan rulla tillbaka efter ett misstag.
De flesta hittar din butik via mobilen—ofta medan de redan är ute. Din webbplats bör fungera för två sinnesstämningar: snabba ”är ni öppet?”-sökningar och djupare bläddring i katalogen.
Designa för den minsta skärmen först. En enkel header med logotyp, en sökikon (om du har det) och en primär åtgärd (som Ring eller Vägbeskrivning) slår en rörig meny.
Gör varje tryck enkelt:
För lokal detaljhandel är förtroende praktiskt. Placera din adress, öppettider, telefonnummer och en tydlig länk ”Hur hittar du oss” nära toppen av startsidan och katalogsidor.
Lägg till några äkta bilder—fasaden, gångarna, personal eller bästsäljare—så kunder känner igen platsen när de kommer.
Om du har omdömen, visa ett litet utdrag tidigt. Det lugnar nya besökare.
Ett konsekvent visuellt system gör katalogen lättare att använda:
Tillgänglighet förbättrar tydlighet för alla:
Mobilkunder har ofta svagare uppkoppling. Komprimera bilder, undvik tunga animationer och håll sidor fokuserade.
Snabba sidor gör katalogbläddring enkel—och minskar att folk lämnar innan de ser vad du säljer.
En bra katalog gör samma jobb som din bästa personal: hjälper en kund att snabbt förstå vad det är, om det funkar för dem, och hur de får det. Målet är inte perfektion dag ett—det är att göra katalogen lätt att bläddra, söka i och lita på.
Varje produktsida bör ha en tydlig uppsättning grunddata som fylls i på samma sätt varje gång:
Konsekvens är viktigare än perfektion. Om en artikel listar storlekar som ”S/M/L” och en annan ”Small/Medium/Large” blir filter och skumläsning svårare.
Om din personal upprepar samma svar hela dagen, hör hemma de svaren på produktsidan.
Sikta på korta, hjälpsamma beskrivningar som täcker:
En praktisk struktur: en kort, vardaglig paragraf, följt av några snabba specifikationer. Det räcker för de flesta att bestämma om de ska besöka eller skicka ett meddelande.
Dina kategorier bör matcha hur kunder tänker, inte hur du staplar hyllorna. Håll toppnivåkategorierna begränsade (ofta 5–8 räcker), och använd taggar för detaljer som ”perfekt som present”, ”miljövänligt”, ”ny”, ”under 500 kr” eller ”lokal tillverkare”.
Bra taggar förbättrar filtrering och stöder marknadsföringsidéer som säsongskollektioner (t.ex. ”Högtidens dukning” eller ”Skolstart”).
Om en vara finns i flera storlekar eller färger, lägg till varianter så kunder slipper separata sidor för varje version. Var tydlig med lagerstatus:
Det minskar frustration och sätter förväntningar innan någon gör resan till butiken.
Merförsäljning behöver inte kännas påträngande. Använd milda förslag som:
Det hjälper när något är slut i lager och håller kunderna engagerade—särskilt på mobilen—utan att tvinga dem att börja om från startsidan.
Bra katalogbilder behöver inget studiojobb—de kräver konsekvens. När varje artikel fotograferas likadant känns katalogen trovärdig och kunder kan jämföra enkelt.
Välj en plats och lås den för upprepade tagningar. En pålitlig setup: ett bord nära ett fönster för mjukt dagsljus, en konsekvent bakgrund (plain vägg, kartong eller tyg) och din telefon på ett litet stativ eller en bokhög.
För varje artikel, sikta på 3–6 vinklar:
Lägg till en bild i kontext när det hjälper att visa skala eller användning—på ett bord, på en hylla, bärs eller bredvid vardagliga föremål.
Skriv produkttext som om du hjälper någon att bestämma på 10 sekunder. Använd en återanvändbar mall:
Håll beskrivningarna korta, men inkludera alltid information som förebygger returer och onödiga frågor.
Skapa ett namngivningsflöde innan du laddar upp någonting. Till exempel:
kategori_produktnamn_färg_storlek_01.jpgMatcha bildnamn med SKU eller streckkod när ni har en. Lagra original i en mapp och redigerade versioner i en annan så du kan exportera igen utan gissningar.
Ge varje kategori en nyckelbild: en enkel bannerbild, en liten ikon eller 1–2 rader introtext som sätter förväntningar (prisklass, bästa användningsområden, vad som ingår).
Undvik vilseledande bildredigering—kunder märker. Pressa inte upp mättnad för att få färger att se bättre, och visa alltid korrekt skala. Om ljuset ändrar färg, lägg till en notis som ”visas i dagsljus” och inkludera en andra vinkel för tydlighet.
Din beställningslösning ska matcha hur butiken faktiskt fungerar i vardagen. Många små återförsäljare tjänar på att börja enkelt (förfrågningar + upphämtning) och lägga till kassa senare när logistiken är stabil.
Om lagret ändras snabbt—eller varor är unika—lägg till lätta knappar på varje produkt:
Routa dessa till en delad inkorg (eller ett formulär som skapar ett mejl). Ange förväntningar nära knappen: ”Vi svarar vanligtvis inom 2 arbets timmar.”
Ett enkelt ”Håll för upphämtning”-flöde kan öka kundbesöken utan fraktkomplexitet. Var tydlig med reglerna:
Upprepa dessa detaljer på produktsidan och igen i bekräftelsemeddelandet så det inte blir missförstånd.
Erbjud inte frakt ”överallt” bara för att kunna—sätt fraktregler efter verklig kapacitet:
Om ni erbjuder lokal leverans, definiera radie och minsta ordervärde.
Innan ni aktiverar kassan, bestäm betalmetoder, transaktionsavgifter och hur återbetalningar hanteras.
Skapa en tydlig retur-/bytespolicy och länka från produktsidor (t.ex. ”Returns & exchanges”). En synlig policy minskar tvekan och förebygger tvister.
Lokal SEO handlar om att göra det lätt för närliggande kunder att hitta dig när de söker ”någon i närheten” eller inkluderar en plats. Målet är inte att lura sökmotorer—utan att klart beskriva vem ni är, var ni finns och vad ni säljer.
Arbeta in din stad eller stadsdel i relevanta sidor på ett sätt som läser naturligt:
Undvik att mala samma fras överallt. Några tydliga omnämnanden slår upprepning.
Se till att företagsnamn, adress och telefonnummer matchar överallt—webbplats, Google och sociala profiler.
Lägg in NAP i:
Har ni flera platser, ge varje plats sin egen sida med unika uppgifter.
Klargör och fyll i er Google Business Profile, och länka till webbplatsens kontakt/lokal-sida.
Efter köp, bjud in kunder att lämna recension—ingen ersättning, ingen press. Ett enkelt sätt är att lägga till en ”Recensera oss”-länk på kvitton eller uppföljningsmeddelanden.
Sidtitel och meta-beskrivning syns ofta i sökresultat. Skriv unika för dina top-kategorier:
Publicera 3–6 korta inlägg som svarar på vanliga frågor och guidar kunder till artiklar i katalogen:
Länka från varje inlägg till relevanta produktsidor (och överväg ett enkelt /blog-index så folk hittar dem senare).
Att lansera är inte mållinjen—det är när du får verklig återkoppling. En lugn lansering, grundläggande mätning och enkla rutiner håller din katalog användbar.
Innan du delar länken någonstans, gör en snabb kvalitetsgenomgång:
Om din plattform stödjer snapshots/rollback (t.ex. Koder.ai) använd det före större ändringar så du kan återgå snabbt.
Installera GA4 (eller använd plattformens inbyggda analys) och sätt några tydliga mål du kan agera på:
Om du erbjuder click and collect, spåra tryck på ”Reservera”, ”Upphämtning” eller ”Tillgänglighet”—det är starka köpindikatorer.
Gör det själv och be en vän testa också:
Sök → öppna en produkt → hitta pris/tillgänglighet → kontakta/köpa → bekräftelse.
Sök efter friktion: små knappar, förvirrande val, saknade bekräftelsemeddelanden eller formulär som känns oändliga.
En gång i månaden, lägg 30 minuter på:
Använd analys för att styra små uppgraderingar:
Justera sedan: skriv om oklara produkttitlar, lägg bättre bilder på topplistor och gör bästsäljarna enklare att hitta från startsidan.