By admin.dsm | Oct 10, 2018
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).
- WordPress – https://wordpress.org/download/
- Gravity Forms (Developer License) – http://www.gravityforms.com/add-ons/
- Gravity Forms Add-on: Stripe – http://www.gravityforms.com/add-ons/stripe/
- Stripe Account – https://stripe.com/
- The site has an SSL Cert (https://)
- Install Gravity Forms Plug-In
- Go to Forms > Add-Ons
- Activate Stripe
- Go to Forms > Settings > Settings
- Add the License for Gravity Forms
- Go to Forms > Settings > Stripe (Keep this page open, you’ll need to add the Keys)
- Open up a new tab and log in to your Stripe account (Create one if you haven’t already)
- Go to Forms > Settings > Go to API and copy the keys to the Stripe settings in WordPress
- Set API to “Test”
- 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.
- For this Gravity Form. Go to Settings > Stripe. Then Add New.
- Select either Products and Services OR Subscription
Products and Services are for a one time purchase. The subscription will create recurring payments!
- 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).
- Stripe Receipt (Optional): If there was an email field then this can be a reference to send the receipt to the customer.
- 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.
- Select Update Settings to save the feed
- Now to test the form. Go to Preview.
- 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.
- Go to the Stripe dashboard and you may need to select “View Test Data” to confirm the record is there.
- If so, congratulations, you have made your first test payment!
- 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.