Headless Shopify
I en headless-butik sköter Shopify produkterna, varukorgen, kassan och ordrarna, och butikens sidor byggs som en egen sajt som hämtar produkterna från Shopify. Butiken kan då vara en del av en större sajt, med samma design och samma innehåll, och se ut precis som den ska.
Det Shopify sköter
- Produkter och lager
- Varukorg och kassa
- Betalningar
- Ordrar och kunder
Sidorna och innehållet bygger vi som en egen sajt. Vi sitter i Göteborg och bygger butiker för hela Sverige.
När headless passar
Butiken i en större sajt
När butiken är en del av en sajt med mycket innehåll, som guider, recept eller en kunskapsbank, och allt ska hänga ihop i samma design.
Innehållet i ett CMS
Texter, bilder och kampanjer sköts i ett CMS som Sanity, och produkterna i Shopify. Sidorna visar båda.
Egna adresser
Adresserna bestämmer vi själva, i stället för Shopifys /products/ och /collections/. Det gör det enklare att behålla adresserna vid en flytt från en annan plattform.
Design utan temats gränser
Sidorna byggs från grunden, så butiken kan se ut och fungera på ett sätt som ett tema inte klarar.
Det headless kostar
Headless ger frihet, men den har ett pris. För många butiker är ett tema rätt val.
Mer att bygga
Sidorna, sökningen, filtren och varukorgen byggs från grunden. Det tar längre tid och kostar mer än en butik med tema.
Apparna fungerar inte som vanligt
Många appar i Shopifys appbutik är gjorda för teman och lägger in sig själva där. I en headless-butik behöver de kopplas in på annat sätt, eller ersättas.
Två ställen att redigera
Produkterna redigeras i Shopify och sidorna i ett CMS. Det fungerar bra när det är bestämt vad som hör hemma var.
En sajt att underhålla
Sidorna är en egen sajt med egen kod, som behöver underhållas på samma sätt som andra sajter. I ett tema sköter Shopify mer av det.
Så bygger vi en headless-butik
1. Vad som hör hemma var
Vi bestämmer vad som sköts i Shopify och vad som sköts i CMS:et, och hur adresserna ska se ut.
2. Design
Butiken designas tillsammans med resten av sajten, med produktsidan, kategorisidan och varukorgen först.
3. Bygge
Vi bygger sidorna och hämtar produkterna, priserna och lagret från Shopifys API för butiker (Storefront API). Kassan är Shopifys.
4. Lansering och flytt
Har ni en butik i dag leder vi de gamla adresserna vidare till de nya, så att placeringarna i Google följer med.
Läs mer
FAQ
Undrar du något?
Vad betyder headless?
Att det kunderna ser är skilt från systemet bakom. Shopify sköter produkterna, kassan och ordrarna, och sidorna är en egen sajt som hämtar det de behöver från Shopify.
Är kassan densamma i en headless-butik?
Ja. Kassan ligger kvar hos Shopify, med samma betalsätt och samma säkerhet.
Är headless bättre för SEO?
Inte av sig självt. Fördelen är att adresserna, sidornas uppbyggnad och innehållet går att styra helt. Men sitemap, titlar och omdirigeringar, som ett tema sköter, behöver då byggas.
Kan vi gå från ett tema till headless senare?
Ja. Produkterna, kunderna och ordrarna ligger kvar i Shopify, så det är sidorna som byggs om. Ändras adresserna behöver de gamla leda vidare till de nya.
Vad kostar en headless-butik?
Mer än en butik med tema, eftersom sidorna byggs från grunden. Shopifys planer och avgifter är desamma, och de står i Vad kostar en Shopify-butik?. Bygget räknar vi på när vi vet vad butiken ska göra.