,

Setting Up Gravity Forms to Accept Stripe Payments

By admin.dsm | Nov 19, 2018

Gravity-Form-Stripe-Icon

 

 

One of our favorite plug-ins is Gravity Forms. Gravity Forms is exactly what you think it does, forms! There’s a lot of different ways Gravity Forms can be used and today we’ll be going over how to accept and process payments with Stripe via Gravity Forms. Stripe is an online payment gateway (similar to Paypal).

Requirements:

Steps:

  1. Install Gravity Forms Plug-In
  2. Go to Forms > Add-Ons
  3. Activate Stripe
  4. Go to Forms > Settings > Settings
  5. Add the License for Gravity Forms
  6. Go to Forms > Settings > Stripe (Keep this page open, you’ll need to add the Keys)
  7. Open up a new tab and log in to your Stripe account (Create one if you haven’t already)
  8. Go to Forms > Settings > Go to API and copy the keys to the Stripe settings in WordPress
  9. Set API to “Test”
  10. Go to Forms > New Forms and Create your Form
    Make sure to add in the pricing fields. Most importantly the Total, Product, and Credit Card fields.
    BONUS: Include an Email field is you want to be able to have stripe email a receipt to the customer.
  11. For this Gravity Form. Go to Settings > Stripe. Then Add New.
  12. Select either Products and Services OR Subscription
    Products and Services are for a one time purchase. The subscription will create recurring payments!
  13. For the Payment Amount: Set to Form Total (Don’t make the mistake of select one of the products if you have more than one product).
  14. Stripe Receipt (Optional): If there was an email field then this can be a reference to send the receipt to the customer.
  15. BONUS: Conditional Logic. If you enable this you can more than one feed. For example, you may have two different payments. One is a one time fee and another is a subscription. This is when conditional logic comes into play.
    Create a radio button field as the logic to display the product or subscription and then use that as the conditional logic field in the feed.
  16. Select Update Settings to save the feed
  17. Now to test the form. Go to Preview.
  18. Open up a new tab and go to https://stripe.com/docs/testing#cards for test card numbers. Input a test number and the data into the preview form and hit submit.
  19. Go to the Stripe dashboard and you may need to select “View Test Data” to confirm the record is there.
  20. If so, congratulations, you have made your first test payment!
  21. Now, time to turn it to LIVE! Go to Forms > Settings > Stripe then select API: Live

If you have any questions, feel free to contact us. We can help you set this up.

Link to Part 2: Accept Subscription with Recurring payment using Gravity Forms with Stripe

Accept Subscription with Recurring payment using Gravity Forms with Stripe

Recently Added Articles

cyber-security-cybersecurity-device-60504

Tips on how to secure your password.

connection-desk-device-1260292

Tips on Handling Admin and User Accounts

device-laptop-man-1872757

EASY- How to make a document template in Google Docs!

dylan-gillis-533818-unsplash

Why is communication important?

Want to stay updated?

Subscribe to our Monthly Newsletter!

Spread the Word!

7
Join The Discussion

5 Comment threads
2 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
5 Comment authors
  Subscribe  
newest oldest most voted
Notify of

Very nice article. I certainly appreciate this site. Keep it up!

Thank you for sharing your info. I really appreciate your efforts and I will be waiting for your next write ups thanks once again.

Spot on with this write-up, I actually believe this amazing site needs much more attention. I’ll probably be returning to see more, thanks for the info!
http://educationguide.eu

Keviin

Thanks for the guide! : )
Mine is coming up with: Unable to authorize card. No response from Stripe.js.

Screen record
http://rebornshare.com/gf_stripe-js.mp4

Stripe has confirmed that my keys a right and that the account works.
It’s a total fresh installation

Test site: https://wineclass.academy/form

Keviin

I made it work 🙂

Jason Us

How does an end users cancel the recurring payment?

Hi Jason,

It will be on our third part of the lesson. Which will be out soon this week or later next week. But, to give some insight. You will need to create a new form with the same ecommerce funtionality to let stripe know that a user is cancelling or editing his/her subscription details thru Gravity form.