Easy Way To Setup Stripe Payment Integration in Bit Form

Another payment gateway plugin Stripe has been added to Bit Form. It allows Pre-authorized debit payments, Afterpay / Clearpay,  Alipay,  Bancontact,  Card payments,  Cash App Pay,  EPS,  giropay,  iDEAL,  Klarna,  Przelewy24,  SEPA Direct Debit,  Sofort,  ACH Direct Debit,  WeChat Pay.

The below instructions admins have to follow to set up their Stripe config with Bit Form.

Create Stripe Config

1. Navigate to the Bit Form dashboard. Then go to App Settings & click on Payments.

2. Click on Stripe.

3. At first, set a suitable integration name on the Integration Name field

4. Admin has to create an application from the Stripe Developer site. For that click the Stripe Developer Dashboard.

5. There are two types of apps – Test Mode and live mode. For the demonstration purpose, we have selected Test as an app. You have to select Live for the real-time transaction.

6. Now, copy the Publishable key and Secret key & go back to the Bit Form Stripe settings page. Then paste the it on Publishable key and Secret key fields.

7. Complete the stripe config settings by clicking on the Save button.

Add Stripe To You Form

Go to Bit Form, open the form where you want to add Stripe. In the builder, search for Stripe and add it by clicking on Stripe or by dragging and dropping it into your form.

Field Customization of Stripe Payment Integration

Field Key: In Bit Form, every field has a special identifier known as a Field Key. This field key uniquely identifies a field, it also helps to send data via email, PDF, store database, and PHP action hook. These keys are important in Success/Error Messages, WebHooks, Redirect Pages, Email Templates, Workflows, and Integrations.

Name: The Name is an HTML equivalent input field’s name, you can customize it easily according to your preferences. You can easily modify it to suit your needs.

A field’s name is like a special label used when you submit a form. For example, let’s say the field name is “stripe-1-9”. In this case, ‘stripe’ tells us the type of field it is, ‘1’ refers to the form ID, and ‘9’ means it’s the fourth-number field on the form. This field name can be used for various purposes such as Fetch data from url parameter.

Stripe Accounts: Select the Stripe account you want to use for collecting payments. You can connect with multiple Stripe accounts and choose the one you prefer.

Button Text: The Button Text is a configurable option in Bit Form that allows the administrator to set the text that appears on the button within the form.

Pay Button Text: The Pay Button Text is a configurable option in Bit Form that allows the administrator to set the text that appears on the button within the form.

Layout: Layout refers to the arrangement or design of elements on a ‘payment method’ of stripes. It typically involves the use of horizontal or vertical sections, creating a visually appealing and organized appearance with the payment form.

Theme: Stripe provides a variety of themes for the payment form. You can choose the theme that best suits your payment form.

Language: You can set the field language according to your preference.

Payment Method Type: You can add the payment method on the ‘Payment Method Type’ field from which you want to take payment. You can select multiple payment methods.

Description: Admin can set additional payment descriptions. Users can see this description while making their payments on the Razorpay window.

Currency: You can set the currency type, and there are 17 currency types available.

Amount Type: Admin can fix that in which way they want to take payments from users.

✔ Fixed: If the admin wants to set a limit of payment, they have to choose this option. For example, you have created a form for a particular sale. Then you have to set the payment digit on the field.

✔Dynamic: For dynamic payment, admins have to add a ‘number/radio field’ where users can add their amount according to their willingness.

Additional Settings: By default, the users have to fill in the Stripe checkout information like name and Address again. If admins want, they can map the field names of forms on the customization prefill fields – ‘Name’, Address. By this users don’t have to put mapped field information double time on the Stripe checkout window.

Hidden: This option allows you to make the field hidden when the form is displayed on the front end. You can show this button using conditional logic. Ex: When the price or address fields are filled in your payment form, only the payment button will appear

After setting up Stripe, click the Update button at the top-right corner.