Vad du bygger
Ett fullt fungerande och säkert kontaktformulär på din kunds hemsida. När en besökare fyller i sina uppgifter sparas informationen i en databas samtidigt som systemet skickar ett automatiskt e-postmeddelande så att du eller din kund kan svara direkt.
Innan du börjar
- Ett aktivt konto på verktyget Lovable.
- Din påbörjade kundhemsida öppen i editorn.
- Din egen e-postadress redo för att göra ett första test.
Steg för steg
- Öppna chattpanelen – Klicka på chattikonen till vänster på skärmen för att öppna konversationsfönstret där du instruerar verktygets AI.
- Be om formuläret – Skriv ett meddelande i chatten där du beskriver exakt vilka fält som behövs och vart informationen ska skickas.
Lägg till ett kontaktformulär med fälten namn, mejl, telefon (frivilligt) och meddelande. Spara varje inskick i en databas. Skicka mig ett mejl varje gång någon skickar formuläret.
- Godkänn Lovable Cloud – Klicka på den blå knappen för att aktivera Lovable Cloud när verktyget frågar om det i chatten. Det är denna molntjänst som sköter databasen och skickar mejlen åt dig.
- Vänta tills koden är klar – Låt verktyget arbeta i några sekunder medan databasen byggs upp och e-posttjänsten kopplas på. Du ser en grön bock när processen är färdig.
- Publicera dina ändringar – Klicka på knappen Publish längst upp till höger i gränssnittet för att göra formuläret aktivt på den levande hemsidan.
- Testa formuläret själv – Öppna den publicerade länken till hemsidan i en ny flik, fyll i testuppgifter och klicka på skicka-knappen.
Byggloftets tips
- Krångla inte till det: Fråga bara efter det du absolut behöver. Namn och e-post räcker oftast. Vår maskot Bygge brukar säga att för många fält i ett formulär är som att be om legitimation innan man ens får hälsa.
- Skriv personliga bekräftelser: Ändra standardtexten för skickat formulär från tråkig engelska till en trevligare svensk version, till exempel "Tack för ditt meddelande. Vi hör av oss inom 24 timmar."
- Spara historiken: Även om du får ett mejl är det guld värt att ha alla inskickade formulär sparade i databasen om ett mejl skulle råka försvinna på vägen.
Vanliga fel
- "Mejlet kommer inte fram": Kontrollera din skräppostmapp och dubbelkolla att du har godkänt aktiveringen av Lovable Cloud i chatten.
- "Sidan laddar i en evighet när jag testar": En validering eller databasanslutning har fastnat. Skriv i chatten och be Lovable att kontrollera och laga felen i formulärets kod.
- "Inskicken sparas inte i databasen": Du har troligen glömt att trycka på Publish. Gör det och fyll i formuläret på nytt.
Du är klar när…
Du har fyllt i testuppgifter på den skarpa hemsidan och ser att ett e-postmeddelande landar i din inkorg samtidigt som raden dyker upp i din databasvy.
