Collect Payment Method
After turning on your Stripe integration, you can collect payments from your users.
Once you've turned on your Stripe integration, you can collect payments from your users in one of two ways.
- 1.Custom Feathery Design - Your entire checkout experience is in your Feathery flow.
- 2.Stripe Checkout - Once your user has selected products or plans to purchase in your Feathery flow, they're automatically redirected to a Stripe Checkout page that presents a purchase summary, collects their payment information, and enables them to pay.
Once you set your Stripe integration settings to
Stripe Checkout, you can go back to your form and create a button with the
Checkout Cartaction. When this button is clicked, it'll automatically redirect your user to a
Stripe Checkoutsession that has the products & quantities pre-populated.
If you configure your Stripe settings to collect payments natively in your Feathery form, the
Payment Methodfield will become available to use.
This payment method field may be dragged anywhere onto your form and is the only way to enter payment/card information into your form to be passed securely to Stripe. The payment method field collects the card number, CVC, expiration month/year and postal code. It supports standard styling in Feathery.
A payment method field in a Feathery form
Once your end user fills the field and submits the step that holds it, the payment method will be automatically saved into your Stripe account for that customer. Also, if the payment method is on the same step that triggers a payment via the
Checkout Cartclick action, Feathery will first save the payment method into Stripe and then use it for the payment.
Note that it is not always necessary to collect new payment information when designing a custom checkout flow in Feathery. Feathery will use existing payment methods previously set up in Stripe for the customer. However, if you're unsure if a user has an existing payment method saved in Stripe, it is safer to require them to input it again.