Introduction
The Flutterwave Payment UI tools help you present payment experiences directly inside your product. Instead of building payment interfaces from scratch, you can use our ready-made components to securely collect payments, support multiple payment methods, and deliver a smooth checkout experience.
This section introduces the user-facing payment components available to you and explains how to implement them in your application.
You can collect payments with any of the following options:
Flutterwave Inline: Our most popular client-side integration. Include our JavaScript library on your checkout page and trigger the payment flow from your button. When a customer clicks to pay, we handle the payment experience and return them to your app when the transaction is complete.
HTML Checkout: Create a simple HTML form to initiate payments. When the customer submits the form, they are redirected to Flutterwave to complete payment and then returned to your site after the transaction.
Checkout: A hosted payment page that Flutterwave manages. Your server creates a payment link, and the customer completes payment on that page. Use Checkout when you want the least frontend work and still need to set the amount, customer, and where to send them afterwards.
If you don't want to write code, you can use any of these options:
- Payment links: Send customers a secure link to complete payment from anywhere.
- Invoices: Create and send invoices to request payment from customers.
- Flutterwave Store: Launch an online store with product listings, inventory management, discounts, and more.
- Mobile POS: Use the Flutterwave mobile app to accept payments in person.
Next Steps
Choose a topic below to get started: