,

Setting Up Gravity Forms to Accept Stripe Payments

By admin.dsm | Oct 10, 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.

Recently Added Articles

photo-1498387727476-b30055b2ef21

Asking for Reviews on Facebook, Google, and Yelp

David Lee Vlogs - Episode 41

Episode #41 – Finding Networking Events

David 40 Thumbnail

Episode #40 – What Happened To My Childhood… Stores?!

Designing the Future Wallpaper 1

Episode #39 – Coming Up with a Business Name

Want to stay updated?

Subscribe to our Monthly Newsletter!

Spread the Word!

5 Comments

  1. stock finance on April 19, 2017 at 11:25 pm

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



  2. recommended financial advisors on April 20, 2017 at 9:26 am

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



  3. education tips on April 20, 2017 at 6:03 pm

    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



  4. Keviin on October 9, 2017 at 4:21 am

    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



  5. Keviin on October 9, 2017 at 4:47 am

    I made it work 🙂



Leave a Comment





CommentLuv badge