Sidbyggaren och headless: bygg butiken utan utvecklare

En webbutik är sällan klar. Startsidan ska göras om inför en kampanj, produktsidan behöver en ny flik, en landningssida ska upp innan helgen. I Nexta sköts det arbetet i sidbyggaren, ett visuellt verktyg där du bygger och ändrar sidor direkt i webbläsaren. Det som började som ett enklare temasystem har vuxit till ett komplett sätt att sätta upp hela butiken, utan att en utvecklare behöver vara inblandad i varje ändring. Här är en genomgång av vad sidbyggaren och det headless-stödet gör i dag.

Från temasystem till en byggare för hela butiken

Grunden är ett temasystem som samlar färger, typsnitt, logotyper och andra genomgående val på ett ställe. Byt tema, så slår ändringen igenom överallt. Ovanpå det bygger du sidor genom att dra in komponenter, ordna dem i sektioner och behållare och justera avstånd, storlekar och stil per skärmstorlek. Editorn har byggts om i flera omgångar för att hålla sig snabb även på stora sidor, med en lagervy där du ser sidans struktur och kan flytta delar dit du vill.

Sidbyggaren täcker numera inte bara startsidor och fristående landningssidor. Du kan styra utseendet på produktsidor, kategorisidor, varumärkessidor, kassans sidhuvud och sidfot, samt kundens egna sidor som profil, orderhistorik och favoriter. Det mesta av butiken går alltså att forma på samma sätt.

Färdiga mallar och ett brett komponentbibliotek

Du behöver inte börja från ett tomt ark. Det finns färdiga mallar att utgå från och sedan anpassa, och ett komponentbibliotek som täckt in allt fler behov. Ett urval av vad som går att lägga in:

För den som vill ha full kontroll över stilen finns stöd för Tailwind i sidbyggaren, som ett komplement när en komponents egna inställningar inte räcker till. Mörkt läge hanteras via temat, så du kan erbjuda det som ett val utan att bygga sidorna två gånger.

Headless: samma innehåll, egen front

För dig som vill köra en egen frontend är butiken headless. Innehåll och produktdata nås via API:et, medan sidbyggarens sidor och mallar fungerar som ett hanterat lager ovanpå. Det gör att en redaktion kan arbeta vidare med kampanjer och sidor i det välkända verktyget, samtidigt som utvecklarteamet bygger sin egen presentation där det behövs. Du väljer själv var gränsen ska gå.

AI-assistent i editorn

Det senaste tillskottet är en AI-assistent direkt i sidbyggaren. I stället för att klicka fram varje ändring kan du beskriva vad du vill ha, så föreslår och genomför assistenten justeringar på sidan. Den arbetar mot samma komponenter och inställningar som du själv använder, med dina behörigheter, så resultatet blir en riktig sida i sidbyggaren och inte något vid sidan om.

Vill du se hur sidbyggaren, teman och headless kan passa just din butik? Hör av dig till oss, så visar vi hur det fungerar i praktiken.