Collecting credit card payments is hard for startups and small businesses on the web. You need to apply for a merchant account, make sure your servers are PCI-compliant, implement credit card sanity checks, and write server-side code to integrate with a service.
Stripe turned this very painful task of collecting credit card payments into a matter of copy & paste. How did they accomplish this? How can you collect payments on your web pages without worrying about merchant accounts and PCI compliance for your servers? The answer is something called stripe.js.
Here’s how you can integrate your form with Stripe:
- Click the Add Form Element button in the Form Builder.
- Go to the Payments tab.
- Search and select Stripe.
- Select the Mode in the Payment Settings panel.*
- Click the Connect button and connect your Stripe account.
*Change Live Mode to Test Mode if you want to test your payment form. Test Mode does not process actual payments.
- Select the Payment Type. To learn more, see “Order Form Types”.
- Expand the Additional Gateway Settings section for more options.
- Finally, click the Continue button to save the changes.
Stripe’s rates are great, they charge 2.9% of your transaction fee plus 30 cents per transaction. There are no setup fees, no monthly fees, no card storage fees, and no hidden costs, you only get charged when you earn money. Stripe is available in 32 countries, but they are working on providing their service in other countries as well. If Stripe is not available in your country yet, you can make a request for your country.
If you have any questions, feel free to write a comment below.