The 123FormBuilder – Stripe payment integration provides an extremely easy way to collect payments with your online order form. The best thing about Stripe is that it doesn’t require a merchant account. Funds go directly into your bank account and Stripe’s fee at successful payments is 2.9% + 30¢, with no other setup or monthly fees.
Stripe is primarily aimed at developers, but 123FormBuilder is here to help non-developers out. Like any other of our payment integrations, the integration with Stripe requires just authentication data that allows the applications to communicate. Your order form with Stripe can be set up in minutes!
1. Click New Form from your account dashboard and start creating your payment form.
You can use choice fields (single/multiple choice and dropdown lists) to display the products on sale or, even better, Product field.
2. In your Form Editor, in the left side panel, you will notice the Payments section. By using the search bar, you can quickly find Stripe.
3. After adding Stripe on your form, you will notice a couple of changes: the Stripe payment processor has a tag near its name & the settings panel opens up to the right side of the page.
4. In order to set up the Stripe integration, you have to click on Connect and follow the instructions to enable the integration.
4. Back to the Form Editor, you have to provide the connected account. If you want to use recurring billing, tick the option Use recurrent payment and add the necessary data.
5. Enable the payment integration by clicking on Enable button. By enabling Stripe, you will notice a couple of changes on your form.
The Stripe payment processor on the left side panel has an Enabled tag on it so you could easily scan which payment processor is enabled.
Another change is that on your form it will be displayed an Order summary. Here will appear all the products your respondents select on the form, together with the price per option, quantity and the total price. If you want to customize the order summary, all you have to do is click on it and the available settings appear on the right side panel.
Another change is related to the Submit button. Once your payment integration is enabled, the Submit button is changed to Continue to payment. Below it, we are displaying a disclaimer together with the Stripe logo so that respondents are aware they are proceeding to a payment.
Also, the accepted cards by the Stripe integration are visually displayed so that respondents know from the start what is the accepted payment method.
You can customize the action bar (everything that is related to the submit button, additional buttons, disclaimer, etc) by simply clicking on this area.
You can also make changes to the default settings related to showing the accepted cards and the icon & logo of the payment processor. By default, both of these settings are enabled, but you can disable them by clicking on the payment processor.
If the Reference ID is enabled on your online form, you’ll also find it in your Stripe account, in the Transactions → Payments section, under Description. You may use this workaround to track your transactions.
Important NoteThe Reference ID prefix can contain up to 9 characters.
Note that the minimum recurrence period for Stripe is one month.
To test out the integration without having to do real transactions, follow these steps:
1. Enable the Use sandbox option.
2. Click Connect.
3. On the new tab at the top of the page click on Skip this form.
4. Make a test submission and check your Test data information in Stripe.
Now sit back and let the payments begin!
Stripe supports processing payments in over 135 currencies. For a list of all currencies, check out their article.