Hemsida för matbutik 2026: veckans blad i mobilen och förbeställning i delin

Veckans blad är hjärtat, inte webbshoppen

För en matbutik är veckans blad det kunderna faktiskt vill ha från hemsidan. Hos min kund låg bladet bara på Facebook, på en sida med tiotusentals följare, och den gamla hemsidan hade ingen koppling alls. Problemet med Facebook är inte räckvidden utan att inlägget försvinner ner i flödet på en dag, och att den som inte har Facebook aldrig ser det. På den nya sajten lägger butikschefen upp bladet som PDF i panelen, och sajten gör resten: varje sida blir en bild som går att bläddra i mobilen, PDF:en ligger kvar för den som vill skriva ut, och bladet får en egen sida med en delningsbild som ser rätt ut när länken läggs på Facebook eller skickas i Messenger.

Det andra steget är bladet i mejlen. Rutan på startsidan tar bara en mejladress, inget namn och ingen samtyckesruta: knappen är anmälan och bekräftelsen i mejlet är samtycket, i två steg som alla andra utskick. Varje vecka går butikschefen till fliken Kampanjbladet i panelen, kontrollerar att veckan stämmer, skriver en egen rad om det behövs, och trycker Skicka prov till mig. Knappen Skicka till prenumeranterna är låst tills provet gått för exakt det innehållet och rutan "jag har öppnat provmejlet och bladet ser rätt ut" är ikryssad. Är bladet för samma vecka redan skickat varnar sidan och kräver en kryssruta till. Mejlet bär bladets första sida som bild, så att erbjudandena syns utan ett klick, och en länk till hela bladet.

Utskicket går i kö i stället för på en gång: i mitt eget bygge går dagens brev inom en timme, och är listan större än 250 adresser går resten klockan åtta morgnarna därpå, så att en ny avsändardomän hinner bygga rykte hos mottagarnas skräppostfilter. Vilka regler som gäller för samtycke, avregistrering och kö står i guiden om nyhetsbrev för småföretag. En sak ska sägas rakt ut: Google läser inte bladet. Det är bilder av sidor, och ingen hittar butiken på en sökning efter veckans erbjudande. Det är accepterat, för bladet är till för de kunder som redan känner butiken. Jag hade kunnat låta AI läsa av bladet och skriva erbjudandena som text, men butiken valde bort det tills vidare, och det var rätt: ett blad med fel pris i text är värre än ett blad som Google inte ser.

Fem verksamheter under ett tak: öppet nu för var och en

Stormarknaden jag byggde åt har, som många på landsbygden, mer än en verksamhet i huset: butiken, en blomsterhandel med växthus, en grill, ett café och en delidisk. På den gamla sajten fanns butikens tider och inget annat, och den som sökte grillen fick gissa. Nu ligger de fem som en flikrad överst på varje sida, med loggan, namnet och en rad som säger om just den verksamheten är öppen eller stängd just nu, räknat från dess egna tider. Butiken har öppet alla dagar sju till nio på kvällen hos min kund; delidisken har kortare tider och stängt på söndagar, och det ska stå på delins flik, inte butikens.

Två beslut gjorde det hållbart. Bara ordinarie öppettider visas som lista; avvikande dagar som julafton styr "öppet nu" men listas inte, för en lista med tjugo helgdagar är det ingen som läser. Och samma öppettider matar den strukturerade datan som Google läser, med butiken som huvudenhet och de andra som avdelningar med egna tider, precis som i bygget åt en färghandel där proffsdisken öppnar före butiken. Hur Google Företagsprofil sköts i övrigt står i guiden om lokal SEO. Det finns inget sätt att ändra tiderna på två ställen; panelen är det enda stället, och butikschefen bekräftar dem med en knapp som heter Tiderna stämmer.

Minisidorna: grillen visar sina tavlor, caféet sina två priser

Varje verksamhet fick en egen minisida, och den viktigaste regeln var att inte hitta på något. Grillens meny finns på fyra tv-tavlor i lokalen, och de tavlorna är menyn på sajten också, ordagrant, som bilder under rubriken "Urval från sortimentet". Ingen "hela menyn", ingen räkning av rätter, ingen text som personalen inte skrivit. Överst skriver grillen själv två tre meningar och sitt telefonnummer i panelen. Det låter anspråkslöst, men en meny som alltid stämmer med tavlan slår en snyggare som är fel om en månad.

Caféet fick en digital meny med foto och två priser per vara: ett för att äta här och ett för att ta med. Skillnaden är inte en rabatt utan momsen: enligt Skatteverket är servering en tjänst med 12 procent, medan mat som tas med säljs som livsmedel och tillfälligt ligger på 6 procent, vilket guiden om cateringpriser och moms går igenom i detalj. Eftersom tre av fyra kunder tar med sig fikat, enligt butiken själv, står ta med-priset först. Och en vara som saknar bekräftat pris visar inget pris alls, hellre än en gissning. Blomsterhandeln fick fem kampanjplatser med bild, rubrik och text som floristen fyller själv, utan AI, och bladets blomstersidor visas inte där: en kampanj ska stå på ett ställe.

Förbeställning till delidisken: betalt vid disken, inte på nätet

Delidisken är den del av en matbutik där en hemsida kan sälja på riktigt, för smörgåstårtor och uppläggningar beställs i förväg ändå, och i dag sker det per telefon mitt i lunchrusningen. Flödet jag byggde är detsamma som åt ett viltrökeri utanför Ystad, där kunden förbeställer och betalar i luckan: ingen betalväxel, ingen kortavgift, inga returer att hantera. Kunden väljer vara och storlek, smörgåstårta för fem, tio, femton eller tjugo personer, eller en uppläggning per portion med ett minsta antal, skriver eventuella allergier och önskemål, väljer dag och tid inom delidiskens öppettider, och får en bekräftelse i mejlen inom några sekunder. Betalningen sker vid disken när varan hämtas.

Ledtiden är det som avgör om delin litar på systemet. Hos min kund är golvet 48 timmar: ingen beställning på webben kan läggas för hämtning tidigare än så. Hinner disken kan personalen sänka golvet till 24 timmar med ett tryck på iPaden, och höja det lika lätt, och varje tryck loggas. En vara som behöver längre tid bär sin egen ledtid i dygn ovanpå golvet. Personalens egna telefonordrar är undantagna: där får de lägga en beställning med kort varsel om de själva bekräftar att de hinner, för den som står i disken vet bättre än en regel.

Allergierna hanteras som lagen kräver vid distansköp: delin kryssar för varje vara vilka av EU:s fjorton allergener den innehåller, och en vara som inte är ifylld visar en text som ber kunden fråga oss, aldrig ett tomt fält som ser ut som "fri från". Vad reglerna säger för mat som beställs på nätet står i guiden om allergener på menyn och hemsidan. I disken står en iPad med två stora knappar per beställning, Bekräfta och Hämtad, gjorda för en tumme med handske på. Butiken valde att ingen beställning tas emot automatiskt: disken trycker Bekräfta själv, så att ingen kund får ett löfte som ingen sett. Behöver de nå kunden ringer de, numret är klickbart på ordern; mejl från disken är avstängt tills butikens inkommande post är på plats.

Det som sparar mest tid är dagens lista: ett A4 som delin skriver ut på morgonen med varorna summerade per vara och storlek, så att de vet att det ska göras sju och ett halvt kilo potatissallad i dag, och sedan beställningarna i tidsordning med namn, telefon, varor, önskemål och allergier. Hämtade och avbokade står inte med. Enligt butikens egen uppskattning handlar det om tjugo till sextio beställningar i veckan, och för den volymen är en dagvy och ett papper rätt verktyg, inte en orderhantering med statusflöden.

Två konton, en knapp som heter Publicera

Panelen har två sorters konton. Butikschefen ser allt: bladet, sidorna, öppettiderna, menyerna, mejlen och beställningarna. Delidiskens konto ser bara beställningarna och butikens mejl, kan lägga in en telefonorder och ringa en kund, men kan inte stänga en dag för webben eller ändra en öppettid; det gör bara butikschefen. Allt som ändras på sidorna går genom samma tre steg: ändra, Visa hur det blir i en telefonram, Publicera. Sajten låg bakom ett lösenord hela bygget, och lanseringen är en enda brytare som samtidigt tar bort lösenordet, öppnar robots-filen, tar bort noindex och slår på kakrutan. Innan den slås om gör butiken sitt: läser villkoren, kryssar allergenerna, bekräftar tiderna. Ingen lansering sker förrän de säger till.

En nackdel med en ny domän ska ni räkna med från dag ett: mejlen hamnar i skräpposten hos en del mottagare den första tiden. I mitt eget bygge gick provbeställningens bekräftelse ut inom tio sekunder med SPF, DKIM och DMARC godkända, och hamnade ändå i skräpposten i Outlook, för domänen var ett par veckor gammal och hade knappt skickat något. Det går över när domänen skickat ett tag, och det är därför kön värmer upp utskicken i stället för att skicka allt första dagen. Säg det till kunderna på bekräftelsesidan: "Kolla skräpposten om mejlet dröjer."

Kundklubben: byggd, men avstängd tills butiken vill

Butiken fick också en kundklubb, byggd på samma motor som bladet: anmälan med förnamn och mejl i två steg, erbjudandebrev från panelen med en till tre varor med foto, pris eller gratis vara, giltighetstid och högst så många per kund, och ett provbrev till den egna adressen innan något går ut. Utskicken sprids över dagarna efter ett tak som växer med vad domänen bevisat, och det går minst tre dygn mellan två brev. Inför lanseringen valde butiken att hålla klubben stängd och börja med bladet. Det är rätt ordning: en lista som får ett blad varje vecka är en lista som öppnar, och först då är ett erbjudande värt att skicka. Inget på sajten lovar en klubb som inte finns än.

Checklista för en matbutiks hemsida

• Veckans blad som sidbilder och PDF, på en egen sida med rätt delningsbild, upplagt av butiken själv i panelen.
• Bladet i mejlen: anmälan med bara en adress, bekräftelse i två steg, prov till dig själv före varje utskick, och en kö som värmer upp domänen.
• Öppet nu per verksamhet i huset, med bara ordinarie tider som lista och avvikande dagar som styr utan att listas.
• Menyer som stämmer med väggen: grillens tavlor som bilder, caféets två priser med ta med först, inget pris där inget är bekräftat.
• Förbeställning till delidisken med en ledtid disken själv kan sänka, allergener per vara, betalning vid hämtning och en dagslista på papper.
• Två konton: butikschefen som ser allt, disken som ser sina beställningar.
• Ingen matkasse, ingen hemkörning, och en Google-profil som inte påstår det heller.

När jag bygger åt en matbutik är det här grunden: bladet dit kunderna är, en sanning om vad som är öppet, och en disk som tar emot beställningar utan att någon behöver stå i telefon. Vad jag bygger och hur det går till står under tjänster.