This tutorial will take you through, step-by-step, the process for installing and setting up the Gravity Forms Stripe Add-on.
Pre-Requisites
- Gravity Forms Pro License
- SSL Certificate Installed and Configured
- A Stripe account
- A Stripe account log in with the user role of “owner” or “administrator”
Installing and Activating Stripe
- Go to Forms => Add-Ons
- Locate Stripe
- Click “Install“
- Click “Activate Plugin“
![](https://p196.p4.n0.cdn.getcloudapp.com/items/v1u4nNwP/1ad39a71-f72d-48dc-9106-68257ff944ce.gif?v=f4cde0d64734a2d63817bc89379bae2a)
The Stripe Settings
Connecting Gravity Forms to your Stripe account.
- Go to Forms => Settings => Stripe
![](https://p196.p4.n0.cdn.getcloudapp.com/items/OAuW7gk9/f3052b08-103a-4893-abe3-326c494e6694.jpg?v=3c040588abdb7d87adad5d772b027644)
Part 1: Selecting Your Mode and Connect to Stripe
- Click “Test“
- Click “Connect with Stripe“
![](https://p196.p4.n0.cdn.getcloudapp.com/items/6quxwQd4/04723e2b-320a-4746-b246-8626875c8153.jpg?v=ef630dfb4c119ac98ef7a4a5408142ee)
- If you’re not logged in, Click “Sign in” top right of screen and enter your credentials
- Select the account you want to connect with
- Click “Connect my Stripe account“
![](https://p196.p4.n0.cdn.getcloudapp.com/items/z8u4d6kK/4db62f45-1c8e-49f4-bd9f-b4274d570642.gif?v=026fe2774d76217e48ee6a7796d13fd2)
Once you are redirected back to the Stripe Settings page. You should see “Connected to Stripe as your account name” as well as a “Disconnect” button.
![](https://p196.p4.n0.cdn.getcloudapp.com/items/RBu9zYkd/04adcdc3-cab5-4b01-a627-1868045e4561.jpg?v=08fb3619b59a9ed5e67b3caaa597d90a)
Note: You will need repeat steps for 1-5 to also connect the “Live” mode.
![](https://p196.p4.n0.cdn.getcloudapp.com/items/2Nu0Wwpq/954c2337-5178-4477-bf25-e02f5aa526da.jpg?v=4f973dcf2457ccdb51b906a0829936ae)
Part 2: Creating Your Webhooks
- Click “View Instructions“
- Copy the provided URL
- Click the link provided in the popup instructions
![](https://p196.p4.n0.cdn.getcloudapp.com/items/WnulpqWm/64b34dd3-afd4-4e80-b202-fe096532a1f6.gif?v=82131bfb3f19684d5328fdb5533fac84)
- Toggle on “View test data”
Note: Only complete this step when setting up the Test Mode
![](https://p196.p4.n0.cdn.getcloudapp.com/items/geuo1dKG/7ac9d2ec-0c70-4445-b8a4-a828c718f553.jpg?v=c114a658bd2c5bb5395b9de7f6bd2bf0)
- Click “Add endpoint“
- Past URL into “Endpoint URL” field
- Set Version to “Latest API Version“
- Click “receive all events“
- Click “Add endpoint“
![](https://p196.p4.n0.cdn.getcloudapp.com/items/4guORZLL/3a690335-57ff-49ef-8b4a-894c6ab09c20.gif?v=f66bac7930d9f51108b00e2abb0b103f)
- Back in the Stripe add-on settings, you will need to check the box, “I have enabled the Gravity Forms webhook URL in my Stripe account.”
![](https://p196.p4.n0.cdn.getcloudapp.com/items/7KubXqre/60c89ccf-d603-4fe4-8b9e-ded2e7373a90.jpg?v=2d8900802d90c14fad6015b4dc7f3c65)
Part 3: Choosing Your Payment Collection Method
You can either allow users to enter their credit card details on your site within your form, “Stripe Credit Card Field (Elements, SCA-ready)“, or you can choose to have your customers redirected to a Stripe hosted page to enter their credit card details and complete their purchase, “Stripe Payment Form (Stripe Checkout, SCA-ready)“.
![](https://p196.p4.n0.cdn.getcloudapp.com/items/rRu0mNRz/29fff813-4c53-4b8e-b0d3-5edcef4e92c3.jpg?v=3f12b3679d06723bcba8c2f277445f17)
- Final step. Click “Save Settings“
Next Steps
Now that your Stripe account is connected and setup, you can move on to the next step of creating a Stripe compatible form, and / or add a Stripe feed to one of your existing forms.
For additional assistance or questions, please use the comments below.