Do you have an eCommerce WordPress website? Are you looking for payments to accept options in WordPress?
Here, I will tell you about WPForms exciting feature, which allows us to accept the payment for your WordPress site with the help of Stripe Addon.
In my recent WPForms tutorials, I have discussed
Before starting this tutorial, I would like to tell you about the Stripe Payment Gateway.
Stripe Payment Gateway
Stripe is an online payment gateway, easy to process recurring payments, and if required, it can process the refund automatically. It is a trendy payment gateway used by many other brands for their payments.
Stripe charges a very less fee. For example, if you are doing a transaction of less than $1 million in a year, you will get charged $2.9% + 30¢. Also, Stripe doesn’t charge the fee for refund processing.
Now, let’s start configuring the WPForms and Stripe Addon.
Install the WPForms plugin
The first step is to install and activate the WPForms WordPress plugin. Also, to accept the recurring payments, we need to install the Stripe WPForms Addon.
To install the addon go to WPForms » Addon and install the Stripe.
The second step is to create the form which will accept the payments. We can create different types of forms using the WPForms plugin.
I am using the Donation form [you can create the forms as per your requirements].
To create the forms, go to WPForms » Add new.
Here, I am creating the Donation form. Once you create the donation form, it will look like this.
To accept the donations, we have to customize the form. WPForms allows us to customize the forms with very ease.
Customize the Forms
We can customize the donation form as we want. The left-hand side fields allow us to add more functionality to the forms.
Also, we can make the field changes by clicking on the field on the right-hand side. You can also rearrange the field by the drag and drop feature.
To accept the payments with WPForms Stripe addon, add the fields for a credit card, item details, total, etc.
We have added the dropdown for the sample if the customer wants to pay one time or recurring, added the field for the amount, and display the final amount. At, last you have to add the fields to accept the credit card details.
Once all is done, you can save your form. Till now, we have just created the form which will accept the payments from customers.
Now, we have to link the stripe addon to this form.
Configure Payments with Stripe
When your form is ready, go to the Payments section [left-hand side] and click on the Stripe. Remember you have installed the Stripe addon in the first step. If not, you can install it now and click on Stripe.
For one time donation, you have to configure like below
You will see the Enable Stripe Payments checkbox. You have to click on it. Enter the appropriate payment description. Select Email in Stripe Payment Receipt.
Add the donation form to your website. That’s it.
For recurring donations, configure like below.
You will have to do some more configuration to set up recurring donations or payments. Scroll down to Stripe payment settings up to the Subscription section.
Click on the Enable recurring subscription Payments checkbox. It will enable the recurring payments settings.
Plan Name- This will be the title for the subscription, you can give anything related to payment, like here we have created the donation form, so we have given Donation as Plan Name. Also, this will appear on the stripe transaction.
Recurring Period- You can choose the payment recurring period (weekly, monthly, yearly).
Customer Email- If you select the Email from the dropdown, Stripe will send the notification email to the customer once they submit the form or are done with payments. This is an essential setting to contact the customer and Stripe to work for recurring payments.
After that, you will have to configure the conditional logic. To do so, click on the checkbox Enable conditional logic. Next, you have to configure the rule as below.
Process payment as recurring if Dropdown is Monthly.
Once you have done all configurations, then save the form. Before publishing it to the website, I would recommend you to test it first.
Here is the best tutorial about how to test Stripe Payments.
You can check out more about WPForms WordPress plugin and Stripe Addon here.
If you like the above tutorial, then share it with your friends.
Latest posts by Amit Kharbade (see all)
- How to Boost Site Speed By Hosting gtag.js Locally? - July 26, 2021
- MonsterInsights: All In One SEO WordPress Plugin Integration - July 26, 2021
- How To Create Surveys and Polls Forms In WordPress? - June 13, 2021