Payment Integration Setup
Follow these steps to enable automated payment processing
Your app is currently set up with manual payment instructions. Customers can pay via PayPal link, bank transfer, or cash on arrival. You must manually update booking payment status.
To enable automated payments: Complete the setup steps below to accept card payments directly through your app and automatically update booking statuses.
What You'll Get
Automatic Payment Processing
Accept card payments, Apple Pay, and Google Pay instantly
Real-time Status Updates
Bookings automatically marked as paid after successful payment
Secure & PCI Compliant
Bank-level security without storing sensitive card data
Revenue Dashboard
Track payments, revenue, and manage withdrawals
Setup Steps
Enable Backend Functions
Go to Dashboard → Settings → Backend Functions → Enable
- Required for payment processing
- Enables secure API endpoints
- Allows webhook handling
Set Up Stripe Account
Create a Stripe account at stripe.com
- Sign up for free at stripe.com
- Complete business verification
- Get your API keys from Dashboard
Add Stripe API Keys
Add your Stripe keys to app secrets
- STRIPE_SECRET_KEY - From Stripe Dashboard
- STRIPE_PUBLISHABLE_KEY - From Stripe Dashboard
- STRIPE_WEBHOOK_SECRET - After creating webhook
Configure Stripe Webhook
Set up webhook to receive payment notifications
- Add webhook URL in Stripe Dashboard
- Select payment_intent.succeeded event
- Copy webhook signing secret
- Add secret to app configuration
Install Stripe Packages
Packages will auto-install when backend functions are enabled
- @stripe/stripe-js
- @stripe/react-stripe-js
- stripe (Node.js)
Need Help?
Setting up payments for the first time? Here are some resources: