Add payments to your app

1. 1

   Tell Lovable in your project chat that you want to add payments, specifying what you want to sell and how much it costs.

   This initiates the payment setup process, and Lovable will suggest the best payment provider for your needs.

2. 2

   Review the feature overview presented by Lovable and click 'Continue'.

   This confirms you understand the provider's features and pricing before proceeding.

3. 3

   Fill in the account setup form with your email, name, and project details.

   This creates your account with the chosen payment provider (Paddle or Stripe).

4. 4

   Tell Lovable to create your products and prices, including any discounts or free trials.

   This sets up the items you want to sell and builds the checkout flow in your app.

5. 5

   Test your payment flow in the preview using the provided test card numbers.

   This ensures your app correctly handles purchases, unlocks features, and records transactions before real money is involved.

6. 6

   Open the 'Payments' tab in your project, then follow the 'go-live checklist' for your chosen provider.

   This completes the necessary steps, like verification and readiness checks, to enable real payments on your published app.

7. 7

   Publish your project to sync your products and prices from the test environment to the live environment.

   This makes your products available for purchase on your live app once all go-live steps are complete.

Add a pricing page to my app with a $29/month subscription. I also want to sell my digital course for $197 as a one-time payment. Set up checkout and make sure I can test it before going live.

Merchant of Record (MoR)

A legal entity that takes responsibility for processing payments, handling taxes, and ensuring compliance for your sales. When a provider acts as MoR, they are legally the seller, and you receive payouts after fees.

PSP (Payment Service Provider)

A company that provides services to businesses to accept electronic payments, such as credit card payments, online.

Webhook

An automated message sent from one app to another when a specific event happens, like a successful payment. It allows your app to react to payment events in real-time.

KYC/KYB (Know Your Customer/Business)

A process where financial institutions verify the identity of their customers or businesses to prevent fraud and illegal activities.

Statement descriptor

The name that appears on a customer's bank or credit card statement for a purchase.

• Trying to sell physical products using built-in payments without managing inventory and logistics separately.
• Attempting to use built-in payments on a Free Lovable plan (requires Pro or higher).
• Not having authentication set up in your app, which makes it difficult to link purchases to specific users.
• Deleting or disabling Lovable-registered webhook endpoints in your payment provider's dashboard, which will stop payment events from reaching your app.
• Editing products directly in your payment provider's dashboard instead of through Lovable, which can cause issues with syncing and data consistency.
• Forgetting that discounts are not automatically synced from test to live environments and need to be created directly in the live environment or provider dashboard.