Vad du bygger
En butikssida som ser ut som ditt varumärke och inte som ett tema — utan att du rör kassan.
Innan du börjar
- Shopify-butiken med minst fem produkter inne.
- Ett konto på Lovable om du vill bygga sektionerna själv.
- Dina färger, din logga och två teckensnitt du står för.
Steg för steg
1. Bestäm var gränsen går
Shopify äger kassan. Rör den inte. Allt före kassan — startsidan, kollektionssidorna, berättelsen om produkten — är fritt fram att göra om. Den gränsen är hela lektionen: du får se unik ut utan att riskera att någon inte kan betala.
2. Börja i temats egna inställningar
Färger, typsnitt, knappform och avstånd finns redan i temaredigeraren. Nio av tio butiker som "ser mallade ut" har aldrig ändrat något av det. Gör det först, det tar tjugo minuter och tar dig halvvägs.
3. Bygg en sektion i Lovable när temat inte räcker
Behöver du något temat inte har — en jämförelse, en tidslinje över hur produkten tillverkas, en konfigurator — bygg den i Lovable och beskriv exakt vad du vill: bredd, mobilanpassning, färgkoder, ingen egen typsnittsimport. Lägg in resultatet som en egen sektion i temat.
4. Låt AI:n skriva innehållet i sektionen, inte designen
Be Claude om rubriker och brödtext i din ton, med produktens verkliga egenskaper som underlag. Design som beskrivs i ord blir generisk. Text som bygger på sanning blir specifik.
5. Testa i mobilen innan du sparar
Öppna förhandsvisningen i telefonen. Sektioner som ser vackra ut på en bred skärm brukar bli tre skärmars scroll i mobilen. Kapa tills den tål en tumme.
6. Mät att sidan fortfarande är snabb
En hemsnickrad sektion med tunga bilder kostar sekunder. Kontrollera laddtiden före och efter. Blev den märkbart långsammare är sektionen inte värd det, hur snygg den än är.
Byggloftets tips
- Duplicera temat innan du ändrar. Att kunna gå tillbaka är billigare än att minnas vad du gjorde.
- Två teckensnitt räcker. Tre ser ut som en bilverkstadsskylt.
- Vitt utrymme är gratis och gör mer för intrycket än någon animation.
Vanliga fel
- Du bygger om kassan: du tappar konvertering och ibland betalsätt.
- Du hämtar in externa skript för småsaker: varje skript är en fördröjning för alla besökare.
- Du designar innan bilderna finns: designen anpassas alltid efter innehållet, inte tvärtom.
Du är klar när…
Butiken går att känna igen som din, laddar lika snabbt som förut, och kassan är orörd.
