Vad du bygger
Du bygger en komplett och fullt fungerande landningssida på svenska för din hundfrisörsalong. Sidan har en tydlig rubrik, en presentation av ditt företag, tre olika tjänster med priser och ett kontaktformulär. Allt anpassar sig automatiskt för både mobil och dator och är redo att visas upp online.
Innan du börjar
- Ett registrerat konto på verktyget Lovable (det räcker bra med gratisversionen för att följa med).
- En dator med modern webbläsare, vi rekommenderar Google Chrome för bästa upplevelse.
- En idé om vad din test-hemsida ska handla om, till exempel en lokal hundklippare.
Steg för steg
-
Starta ditt projekt – Logga in i din workspace på Lovable och klicka på knappen New project som du hittar uppe i det högra hörnet på startskärmen.
-
Skriv din instruktion – Klicka i den stora textrutan i mitten av skärmen. Här beskriver du på vanlig, enkel svenska vad du vill bygga och vad sidan ska innehålla.
Bygg en enkel landningssida på svenska för min hundfrisörsalong "Klipp och Klart" i Göteborg. Lägg till en rubrik som fångar intresse, en kort presentation om oss, tre tjänster med priser och ett enkelt kontaktformulär.
-
Skicka iväg byggstarten – Klicka på den lilla skicka-knappen (pappersflygplanet) till höger i textrutan, eller tryck helt enkelt på Enter på ditt tangentbord.
-
Följ bygget i realtid – Vänta i 10–20 sekunder. På skärmen ser du nu hur Lovable läser din instruktion, tänker efter och börjar skriva koden och bygga upp designen helt automatiskt.
-
Granska resultatet – Titta på den högra sidan av skärmen. Här ser du din preview – en livslevande förhandsvisning av hur din hemsida faktiskt ser ut på riktigt.
-
Testa funktionaliteten – Använd muspekaren för att klicka runt på din nya hemsida i förhandsvisningen. Testa att hålla musen över knappar och klicka i kontaktformuläret för att se att allt reagerar som det ska. Vår maskot Bygge brukar rulla runt på isen av ren glädje när han ser hur snabbt det går att få en fungerande sajt på skärmen.
Byggloftets tips
- Var personlig och konkret. Ju fler detaljer du ger i din allra första prompt (som namn på företaget, ort och specifika tjänster), desto bättre grundmall får du att jobba vidare med.
- Kolla mobilen direkt. Du kan hämta en länk till din förhandsvisning och skicka till din telefon. Att se sidan på en mobilskärm ger direkt en känsla för hur dina framtida besökare kommer att uppleva den.
Vanliga fel
- "Genereringen stannar av eller ger felmeddelande": Ladda om webbläsaren med F5-tangenten och klicka på "Regenerate" för att starta om processen.
- Sidan blev på engelska: Ibland kan AI:n svara på engelska av farten. Skriv bara direkt i chatt-rutan: "Översätt hela sidan till svenska" så fixar den det på några sekunder.
- Layouten ser lite för enkel ut: Oroa dig inte, detta är bara stommen. Vi kommer att lägga till färger, bilder och justera designen i nästa steg.
Du är klar när…
Du ser din nya hundfrisörsalong på höger sida av skärmen med en rubrik, fungerande knappar och ett kontaktformulär som du kan klicka i.
