© 2020-23 BizApprise. All rights reserved.
Stripe Payment Gateway Integration: WordPress & Gravity Forms
If you have planned to take your business online, then you will also need a highly efficient payment gateway. But don’t worry as your search for an optimal International Payment Gateways ends here. Here is the complete guide to the Stripe Payment Gateway Integration with WordPress Website.
If you are from India, here is the list of Top 10 Payment Gateways in India.
Stripe is one of the fastest-growing payment gateways worldwide. Its diligently designed APIs for serving multiple functionalities is a true example of innovation and design thinking.
The Stripe Payment Gateway integration of your site involves only a few steps. So, follow the guide step-by-step to ensure the seamless integration of this payment gateway.
Related: CCAvenue Payment Gateway Integration in WordPress
Stripe Payment Gateway Integration with WooCommerce and Gravity Forms
Setting Up Stripe Account and Live Keys
Follow the below steps to set up a stripe account and get your “Live Secret Key” and “Live Publishable Key” which is necessary to integrate it with the WordPress website.
Step 1: Create an account
Head over to Stripe and create an account for yourself. You will need an email address and password to set up your account.
Step 2: Setting up the Test mode
Once you have signed in, you will get directed to the dashboard of your account on Stripe. You will see get your Test and Live API Keys. To get live keys you need to activate your account.
Step 3: Activating your account
On the dashboard, you will find an option to activate your account. Click on “activate account” and you will be directed to the application form.
Make sure that you will fill out the form completely and upload all the requisite documents. Provide bank account details in which you want to receive payments. Stripe will pay you a small amount to verify your bank account.
Step 4: Going Live
After you hit the submit button, you will be taken back to the Stripe Dashboard. Now, you have “Live Key” with you.
Step 5: Getting Live Keys
On the dashboard, click on “Get your Live API Keys”. Fill in the asked detail and you will get Live API Keys.
Copy and store these keys in a safer place.
Now you are done with setting up your account. Let’s move on to Stripe Payment Gateway Integration.
Stripe WordPress/WooCommerce Integration
Stripe Payment Gateway Integration is an easy task. Just follow the below steps and you are done.
Step 1: Download Plugin
You need to decide where you want to integrate your plugin. If you want to integrate it to WooCommerce then install the plugin WooCommerce Stripe Payment Gateway or you want Stripe WordPress Integration, then Install the plugin named Stripe Payments.
Other than WooCommerce or WordPress, in case you are using another plugin then you have to download the plugin from the respective plugin website and then install it on WordPress Dashboard.
For example, if you are using a WordPress LMS Plugin to host a course on your website, then download Stripe Plugin from the LMS Plugin website and then proceed to Stripe WordPress Integration.
I am taking WooCommerce to show integration.
Step 2: Setting up WooCommerce and Stripe
Install Stripe for WooCommerce and then head on to WordPress Plugin.
Move to WooCommerce settings and there you will find a “Payment’ option. Click on it, and activate the stripe by clicking on Manage.
Step 3: Inserting Live Keys
You will be asked to type in your Secret key and a Publishable Key with the currency that you want to include. Paste the Live Secret Key and the Live Publishable Key which you had copied before.
This is all you need to do. Whenever you add a product to the WooCommerce products list, your customers can pay by choosing Stripe as Payment Gateway.
You can view all the transactions made through the payment gateway on your Stripe dashboard. You also have the choice to stop or refund a transaction from the “transaction history” page on your admin dashboard on your website.
Stripe Payment Gateway Integration with Gravity Forms
A contact form helps to enhance the bond between the customers and the merchant. The customers can leave feedback about the purchased products or general reviews about the website with the help of these contact forms.
Gravity Forms is a popular contact form used by merchants in WordPress. Let’s see how to integrate Stripe with Gravity Forms for your website.
Step 1: Download and Installation of the Gravity Forms Plugin
To kick-start, the integration process, download and install the Gravity Forms Plugin along with their supported Stripe extension. However, this step needs the user to have a developer license.
Step 2: Implementation of Stripe API Keys
Head over to your Stripe Dashboard and copy the Stripe API Keys. Then, go back to your WordPress Dashboard and select ‘Forms’. There you will find the settings for Stripe. Fill in the keys’ values and turn on the test mode. Click on ‘Save Changes’.
Step 3: Configuration of Webhooks
You need to configure Webhooks to set up a link between the functioning of Gravity Forms and Stripe. You will need to add a URL to your Stripe account’s list of Webhooks.
- Access your Stripe Webhooks management page.
- Click on “Add Endpoint” which is above the list of Webhook URLs.
- Enter the given URL in the “URL” field: https://yourdomain.com/?callback=gravityformsstripe
- Now, from the ‘Mode’ dropdown, select the ‘Live’ option.
- Click on the ‘Create Endpoint’
- Finally, update these settings.
Step 4: Setting up the form
In this step, you will simply need to set up your form and in case, you don’t have one already, you can create a new form.
Step 5: Configuration of the form
Here, the merchant has the liberty to customize the form and configure it to accept any data that the merchant wants. However, make sure to fill in the credit card field and the price option. Gravity Forms support drag and drop options, so it is a quick and easy process.
Step 6: Linking Stripe with the Form
After creating the form, link Stripe to it using a feed. Simply, go to the settings of the form and select ‘Stripe’. Set the transaction type and the payment amount. Update the settings.
Step 7: Insertion of the form into a post
Insert the form that you have created to your post or your page. Go to WordPress editor and under ‘Add Form’, select the created form and click on ‘Insert Form’.
As you can see from the above procedures, integrating Stripe to your site is now easier than ever. It is always advisable to use trusted gateways in financial matters. Integrate Stripe and start receiving payments from your customers, without any hassle!
[…] Also Read: Stripe Payment Gateway Integration: WordPress and Gravity Forms […]
[…] You can also integrate Stripe Payment using WordPress and Gravity Forms. […]