Vad betyder headless?
En webbshop består av två delar. Den ena är det kunderna ser: startsidan, produktsidorna och kategorierna. Den andra är motorn bakom: produkter, lager, kassa, betalningar och ordrar.
I en vanlig Shopify-butik sitter delarna ihop. Designen styrs av ett tema, och ni kan anpassa det inom de ramar temat ger.
I en headless-butik är delarna separerade. Framsidan byggs som en egen sajt, och motorn är fortfarande Shopify. Framsidan hämtar produkter och kundvagn från Shopify via ett gränssnitt som kallas Storefront API. Namnet kommer från att butiken saknar ett fast "huvud", alltså ett fast tema.
Så fungerar det med Shopify
Framsidan, som vi bygger
- Startsida, kategorier och produktsidor
- Design som följer ert varumärke
- Sök, filter och kampanjsidor
- Snabb hosting och SEO
Motorn, som Shopify sköter
- Produkter, varianter och lager
- Kassa och betalningar
- Ordrar, frakt och kundkonton
- Moms, valutor och kvitton
För er som jobbar i butiken ändras inte mycket. Ni lägger upp produkter, hanterar ordrar och följer försäljningen i Shopify precis som vanligt. Ändringarna syns direkt på framsidan.
Ett köp, steg för steg
- Kunden öppnar butiken på er egen domän. Sidan laddas från servrar nära kunden.
- Produkterna, priserna och lagerstatusen hämtas från Shopify.
- Kunden lägger varor i kundvagnen, som också sparas i Shopify.
- Vid betalning skickas kunden vidare till Shopifys kassa. Där kan kunden betala med till exempel kort eller Klarna.
- Ordern landar i Shopify, där ni hanterar den som vanligt.
Fördelar med headless
- Snabbare butik. Framsidan levereras från servrar nära kunden och laddar bara det som behövs. Snabba sidor gör det lättare att handla, särskilt i mobilen, och laddtid är en av sakerna Google väger in. Mer om det i inlägget om SEO för företagshemsidan.
- Fri design. Butiken kan se ut precis som ert varumärke, utan att begränsas av ett tema.
- Butik och innehåll i samma sajt. Guider, kampanjsidor och produkter hänger ihop, vilket gör det enklare att synas på fler sökningar än bara produktnamnen.
- Shopify i botten. Kassan, betalningarna och lagret sköts av en plattform som används av miljontals butiker.
Nackdelar och när det inte passar
Headless är inte rätt för alla butiker.
- Det kostar mer att bygga. Framsidan byggs från grunden istället för att utgå från ett färdigt tema.
- Vissa appar fungerar inte. Shopify-appar som arbetar i bakgrunden, för till exempel frakt, bokföring och lager, fungerar oftast som vanligt. Appar som lägger till saker i temat, som recensioner eller popup-rutor, behöver ibland ersättas.
- Ändringar i designen kräver en utvecklare. I ett vanligt tema kan ni flytta block själva. I en headless-butik gör vi det åt er.
Har ni ett litet sortiment och vill komma igång så billigt som möjligt räcker ofta en vanlig Shopify-butik med ett färdigt tema.
Vad kostar det?
Kostnaden består av två delar.
- Shopify. Ni betalar abonnemanget direkt till Shopify. Enligt Shopifys amerikanska priser kostar Basic 29 dollar i månaden vid årsbetalning. Dessutom tillkommer en avgift per köp som beror på plan och betalsätt.
- Framsidan. Hos oss kostar e-handel från 5 995 kr i månaden. Design, bygge, hosting, SEO och löpande ändringar ingår. Läs mer om e-handel hos Vamonos.
Betalningar i Sverige
Med Shopify Payments kan svenska kunder betala med kort och Klarna i kronor. Swish finns inte direkt i Shopify Payments men kan läggas till med en betalapp från tredje part.
Passar headless er butik?
Svarar ni ja på flera av de här frågorna är headless värt att titta på:
- Vill ni att butiken ska se annorlunda ut än andra Shopify-butiker?
- Kommer de flesta kunderna från mobilen eller från annonser, där varje sekund räknas?
- Vill ni ha guider, kampanjer och innehåll som hänger ihop med butiken?
- Säljer ni redan så mycket att en snabbare butik gör skillnad i intäkterna?
Och svarar ni ja på de här passar en vanlig Shopify-butik ofta bättre:
- Är sortimentet litet och budgeten begränsad?
- Använder ni många appar som syns direkt i butiken?
- Vill ni själva kunna flytta runt delar av designen?
Byta från en annan plattform
Flyttar ni från till exempel WooCommerce eller Wix flyttar vi produkter, kunder och ordrar till Shopify. Varje gammal produktsida får en omdirigering till den nya, så att ni behåller era placeringar i Google. Läs mer om hur det går till.
Osäkra på vad som passar er?
Boka ett samtal så går vi igenom er butik, era appar och era mål. Vi säger ärligt om vi tror att headless är rätt, eller om en vanlig Shopify-butik räcker.
