Välj betalväg först, provköp sedan. Lovables inbyggda betalning skapar leverantörskontot åt dig och kräver en betald plan. Eget Stripe-konto fungerar även på gratisplanen men då sköter du kontot själv. Ett projekt kan bara ha en väg och en leverantör åt gången. Gör sedan tre provköp i testläget: ett lyckat, ett nekat och ett med 3D Secure.
Före start: vad säljer du, och till vem?
Skriv ned två saker innan du öppnar chatten. För det första: är det ett engångsköp, till exempel en mall eller en kurs, eller en prenumeration med månadsavgift? För det andra: måste köparen vara inloggad? Lovables inbyggda betalning gäller digitala produkter och programvara. Lovable rekommenderar inloggning så att köpet kan kopplas till rätt användare. Med eget Stripe-konto fungerar engångsköp utan konto i appen, eftersom Stripe då samlar in köparens e-post. Prenumerationer kräver däremot inloggning, och Lovable matchar prenumerationen mot användaren via e-postadressen.
Varför inte köpa betalningen färdig och låta bli att fundera? Det är precis vad du gör, men du väljer fortfarande vilken färdig tjänst. Principen, att kortuppgifter aldrig ska passera din egen kod, står i guiden om data, inloggning och betalning. Här går vi från princip till handgrepp.
Steg 1: inbyggd betalning eller eget Stripe-konto
Inbyggd betalning. Lovable skapar och kopplar leverantörskontot åt dig och ger dig separata test- och livemiljöer. Enligt Lovables sida krävs i dag Pro-plan eller högre, och bara administratörer och ägare av projektet eller arbetsytan kan slå på funktionen. Leverantören är Paddle eller Stripe, och Lovable visar antingen båda eller rekommenderar en av dem utifrån vad du säljer.
- Paddle är så kallad merchant of record. Enligt Lovable är Paddle då juridiskt säljaren: Paddle beräknar, tar in och betalar in skatten och sköter fakturor och kvitton. Du får utbetalningar efter avgifter.
- Stripe i den inbyggda varianten är en betaltjänst. Stripe erbjuder en valfri säljarroll (Managed Payments) per transaktion för digitala produkter, men i färre länder än vanlig Stripe. Utan den är det du som säljer.
Eget Stripe-konto. Du lämnar en nyckel från ditt befintliga konto, och pengarna går direkt dit. Det kräver ingen betald Lovable-plan. Enligt Lovable sköter du då verifiering, utbetalningar, skatter och tvister i Stripe. Vad det betyder för din moms beror på din verksamhet. Fråga någon som kan redovisning innan första skarpa köpet.
Avgifterna skiljer sig mellan leverantörerna, och Lovable anger att det inte kostar mer att gå via Lovable än att koppla leverantören direkt. Siffrorna ändras, så läs dem på Lovables betalningssida samma dag du bestämmer dig. Bygget i sig drar krediter som vilken ändring som helst.
Två begränsningar gör valet svårt att ångra. Ett projekt kan bara ha en inbyggd leverantör åt gången, och inte inbyggd betalning och eget Stripe-konto samtidigt. Byter du leverantör följer varken produkter, priser eller prenumerationer med. Dessutom anger Lovable att ett projekt med inbyggd betalning inte längre kan remixas. Vill du ha en kopia av projektet att experimentera i, gör den innan du slår på betalningen.
Steg 2: beställ utcheckningen, lämna nyckeln i formuläret
Beskriv i projektchatten vad som ska säljas, med samma ord som i din anteckning. Till exempel: Jag vill sälja min mall som ett engångsköp. Lägg till en köpknapp, en sida för genomfört köp och en för avbrutet köp. Jag vill kunna testa innan något går skarpt.
Med inbyggd betalning visar Lovable en dialog, Enable payments, och därefter ett kort formulär för leverantörskontot. För Paddle får e-postadressen inte redan vara registrerad hos Paddle. För Stripe går e-postadressen inte att ändra efteråt, så välj den adress som ska ha kontot.
Vill du använda eget Stripe-konto rekommenderar Lovable först inbyggd betalning. Säg då uttryckligen att du vill använda ditt eget konto. Lovable visar formuläret Connect Stripe. Skapa en begränsad nyckel (börjar med rk_) i Stripe under Developers → API keys, gärna i testläge, och klistra in den där. En publik nyckel (pk_) fungerar inte. Klistra aldrig in nyckeln som ett vanligt chattmeddelande. I formuläret sparas den som en hemlighet på serversidan och hamnar inte i appens kod. Varför det spelar roll förklaras i guiden om säkerhet.
Steg 3: tre provköp i testläget
Kontrollera först att du verkligen är i testläge. Med inbyggd betalning gäller testläget när du använder projektet i förhandsvisningen: bara testkort fungerar och inga pengar dras. Lovable visar en banner om testläget som bara syns i förhandsvisningen. Med eget Stripe-konto avgör nyckeln läget. Med en livenyckel är köp från förhandsvisningen skarpa. Använd aldrig ett riktigt kort för att testa; Stripes villkor förbjuder det.
Gör tre separata köp med de testkort som Lovables betalningssida listar. Ange ett valfritt framtida utgångsdatum, till exempel 12/34, och tre valfria siffror som CVC. Stripe påpekar att ett test kan påverka nästa test med samma kort, så håll isär korten.
- Lyckat köp:
4242 4242 4242 4242. Förväntat utfall: köpet går igenom. - Nekat kort:
4000 0000 0000 0002. Förväntat utfall: kortet nekas och köpet genomförs inte. - 3D Secure:
4000 0000 0000 3220. Förväntat utfall: ett extra bekräftelsesteg visas. Enligt Stripe går betalningen igenom först när steget är slutfört.
Utcheckningen kan öppnas i en ny flik. Händer ingenting när du klickar, tillåt popupfönster för appens adress och försök igen.
Steg 4: kontrollera vad köparen och du ser
Efter varje prov tittar du på två ställen. Som köpare: hamnade du på sidan för genomfört köp och låstes rätt innehåll upp? Efter det nekade kortet ska appen inte ha låst upp något, och du ska se ett begripligt felbesked i stället för en tom sida. Har du eget Stripe-konto: stäng också utcheckningen en gång utan att betala. Då ska du hamna på sidan för avbrutet köp.
Som säljare öppnar du Payments under projektets More-meny. Med inbyggd betalning finns en växel mellan test- och livedata, och det lyckade köpet ska synas bland transaktionerna i testdatan. Med eget Stripe-konto visar samma vy en skrivskyddad översikt märkt Self-managed Stripe; detaljerna finns i Stripes egen kontrollpanel. Har du lagt till en knapp för att hantera prenumerationen fungerar den inte i Lovables förhandsvisningspanel. Prova den i en fristående webbläsarflik.
Det lyckade köpet låser upp rätt innehåll och syns som transaktion i testdatan. Det nekade kortet ger ett felbesked men ingen åtkomst och inget genomfört köp. 3D Secure-köpet kräver bekräftelsen innan det går igenom. Ett avbrutet köp leder till rätt sida. Skriv ned utfallet för varje kort, så har du ett facit att jämföra med efter nästa ändring.
Steg 5: gå live
Med inbyggd betalning följer du checklistan i Payments-fliken. Lovable kontrollerar att den publicerade appen har integritetspolicy, användarvillkor och återbetalningspolicy och att innehållet är äkta. Paddle kräver dessutom en verifiering av dig eller ditt företag och granskar domänen. Det kan ta flera dagar. Med Stripe tar du över kontot som Lovable skapat och slutför Stripes egen registrering. Tills stegen är klara fungerar inte skarp betalning. Leverantörerna granskar livedomänen, och Lovable rekommenderar egen domän; se guiden om egen domän.
Med eget Stripe-konto ber du Lovable byta nyckel och lämnar en livenyckel i formuläret Update Stripe secret key. Kontrollera att produkterna och priserna finns i Stripes liveläge och be Lovable byta till livepriserna, eftersom deras id skiljer sig från testlägets. Gör sedan ett riktigt köp i den publicerade appen. Vårt förslag är att du återbetalar det köpet i Stripes kontrollpanel när du sett att det fungerar. Mer om vad som ska vara på plats vid publicering står i guiden om att publicera appen.
Krav, begränsningar och testkort kontrollerades 30 september 2026 mot Lovable: Add payments to your app, Lovable: Connect your own Stripe account och Stripe: Testing. Planer, avgifter och leverantörer ändras ofta; läs Lovables sida innan du väljer. Provköpen ovan är förslag på prov med förväntat utfall enligt källorna, inte prov vi själva har gjort.