Lovable payment integration with eCom Pay card payments
Lovable turns a description into a working React app in an afternoon. Taking money is the part it cannot finish on its own, because that needs an approved merchant account and a checkout that handles declines, refunds and bank checks properly. eCom Pay gives your Lovable app both, with one prompt and one key.
Docs, libraries and the prompt at docs.ecompay.co.uk. Prefer it done for you? Tell us about the app and we set it up with you.
24 hrs
approval, once documents are in
150+
currencies processed
4.5
Trustpilot rating
2010
processing payments since
Frequently asked
Can a Lovable app take card payments in the UK?
Yes. Create a free test account at the eCom Pay dashboard, paste the eCom Pay prompt into Lovable, and the AI adds a browser encrypted card form with Apple Pay and Google Pay. Test with test cards, then swap one key to go live once the account is approved, usually within one working day.
Is eCom Pay a Stripe alternative for Lovable?
eCom Pay is a UK payment gateway that works with Lovable apps through the same prompt based setup. It specialises in sectors that need a specialist, alongside everyday online businesses, and every account is reviewed by a UK team rather than an automated model.
Do I need to write any payment code in Lovable?
No. The prompt in the eCom Pay docs tells Lovable what to build. If something needs adjusting, eCom Pro, our sister development company, can finish the integration for you, quoted per job.
Built your store in Lovable and been told your business cannot take payments?
Lovable suggests a mainstream processor by default. Many of the businesses people build in Lovable, from supplements and vape to competitions and travel, sit outside what those processors accept under their published terms. eCom Pay was set up for exactly those merchants, and for everyday businesses that want a UK team on the phone.
How Lovable builds, and where the checkout goes
Lovable generates a React app with a Supabase backend and publishes it to a lovable.app address or your own domain. The eCom Pay card form sits in the checkout page the AI has already built, and the order confirmation runs from the signed payment update, so a customer closing the tab early cannot leave an order half paid.
How to add card payments to your Lovable app in three steps
Create a test account
Sign up at the eCom Pay dashboard and you are in test mode straight away, with test cards. Nothing goes live until our team has approved your account, usually within one working day.
Paste the prompt into Lovable
Copy the eCom Pay prompt from the docs into your builder. It tells the AI how to add the card form, confirm payments and handle refunds. Test with the test cards until the flow is right.
Swap one key to go live
Once approved, we add your live account details to your dashboard. You swap your test key for the live one. Nothing else in your app changes.
The prompt to paste into Lovable
This is the short version. The full prompt for AI coding assistants, with the test card numbers and the signed update format, is on the docs page.
Add eCom Pay card payments to this app. Follow the integration guide at https://docs.ecompay.co.uk/ exactly. Use my test mode key until I say go live, show the embedded card form on the checkout page, confirm the order only when the signed payment update arrives, and never store card numbers.
What your checkout gets
Built and tested on the eCom Pay gateway. The same checkout whichever tool built your app.
Card details encrypted in the browser
Card numbers are encrypted on the customer's device before they leave the page. Your app and your server never see them, which keeps your build simple and your customers safe.
Embedded form or hosted page
Drop the card form into your own page, or send customers to a ready made eCom Pay checkout page when you would rather not build one.
Apple Pay and Google Pay on one switch
Turn wallets on in your dashboard. No Apple or Google developer setup on your side.
3D Secure handled for you
The bank check, including the frictionless flow, runs inside the form. Nothing extra to build.
Payment links and QR codes
One off or reusable links from the dashboard, with a QR code, WhatsApp sharing and up to three reminder emails until it is paid.
Signed order updates
Every payment, refund and dispute update is signed, so your app can prove it came from eCom Pay before it changes an order.
Refunds only when you choose
Full or partial, from the dashboard or from your own system. Nothing is refunded automatically.
Next working day settlement
Money lands the next working day with no rolling reserve, the standard eCom Pay proposes to every merchant, subject to approval.
Businesses eCom Pay approves on AI built apps
Everyday online businesses, and the specialist sectors that need a specialist. Every account is reviewed by a UK team, not an automated model.
Lovable payments, frequently asked
Which Lovable projects does this work with?
Any Lovable project with a page that takes a payment. One off purchases, deposits, bookings and payment links all work. Subscriptions are not available on the gateway yet.
Does the card form match my Lovable design?
Yes. The embedded form takes your fonts and colours, and the AI places it inside the checkout page it has already built.
What happens before my account is approved?
You build and test in test mode with test cards. Real cards are not charged until the account is approved and you switch to your live key.
Can eCom Pro finish the build for me?
Yes. Send the project over and eCom Pro, our sister development company, will finish the checkout, connect it and test it with you. Quoted per job.
Card payments for your Lovable app, set up properly
One prompt to build it, test cards to prove it, one key to go live. Approved in 24 hours once your documents are in, settled the next working day with no rolling reserve.