Gravity Forms Stripe Addon

Haven’t found tutorials on Stripe integration for Gravity forms. Certainly, Stripe add-on is very cool and deserves attention.

Gravity forms, supports Stripe Add-on (http://www.gravityforms.com/add-ons/stripe/). And it looks just great.

[caption id=”attachment_2957” align=”aligncenter” width=”488”]stripe form inside gravity forms (1) How the Stripe form part looks on the web site.[/caption]

Note that anyone can use the Stripe add-on with Gravity Forms subscription.

Stripe has two modes:

  • sandbox or the testing mode, and

  • live mode.

[caption id=”attachment_2956” align=”aligncenter” width=”223”]stripe live test (2) Switching from testing to live mode in the Stripe dashboard[/caption]

You can switch between these two modes in Stripe dashboard on a single click.

(https://dashboard.stripe.com/)

[caption id=”attachment_2955” align=”aligncenter” width=”782”]stripe account settings (3) Stripe dashboard admin panel[/caption]

And you can set/read many info from the Stripe account settings.

(https://dashboard.stripe.com/account)

Most important settings will be the API Keys. There are API Keys for test and for live mode. You need to copy these keys to the Gravity Forms General Stripe settings, else your transactions will not work.

[caption id=”attachment_2958” align=”aligncenter” width=”802”]general stripe key settings in gravity forms (4) General Stripe Settings. From here you can switch to live or to testing mode.[/caption]

Test mode is easy. In test mode you have some tricky cards to use when testing, where you just need to feel out any CC code and any expire month and year.

Number Card type
4242424242424242 Visa
4012888888881881 Visa
4000056655665556 Visa (debit)
5555555555554444 MasterCard
5200828282828210 MasterCard (debit)
5105105105105100 MasterCard (prepaid)
378282246310005 American Express
371449635398431 American Express
6011111111111117 Discover
6011000990139424 Discover
30569309025904 Diners Club
38520000023237 Diners Club
3530111333300000 JCB
3566002020360505 JCB

And there are even more trickier cards numbers for special scenarios.

Number Description
4000000000000077 Charge will succeed and funds will be added directly to your available balance (bypassing your pending balance).
4000000000000093 Charge will succeed and domestic pricing will be used (other test cards use international pricing). This card is only significant in countries with split pricing.
4000000000000010 With default account settings, charge will succeed but address_line1_check andaddress_zip_check will both fail.
4000000000000028 With default account settings, charge will succeed but address_line1_check will fail.
4000000000000036 With default account settings, charge will succeed but address_zip_check will fail.
4000000000000044 With default account settings, charge will succeed but address_zip_check andaddress_line1_check will both be unavailable.
4000000000000101 With default account settings, charge will succeed unless a CVC is entered, in which case cvc_check will fail and the charge will be declined.
4000000000000341 Attaching this card to a Customer object will succeed, but attempts to charge the customer will fail.
4000000000000002 Charge will be declined with a card_declined code.
4100000000000019 Charge will be declined with a card_declined code and a fraudulent reason.
4000000000000127 Charge will be declined with an incorrect_cvc code.
4000000000000069 Charge will be declined with an expired_card code.
4000000000000119 Charge will be declined with a processing_error code.

Once you have the form where you will implement Stripe, make sure you fill out the special Stripe area inside the your new form. It may look like this.

[caption id=”attachment_2959” align=”aligncenter” width=”763”]stripe settings inside gravity forms (5) Every Gravity forms that supports Stripe add-on has will have this settings[/caption]

This is separate from the general Settings area for Stripe in the Gravity Forms.

After you test your form at the end you will just need to migrate from the testing mode directly to the live Stripe mode. Two actions: First is to update Stripe dashboard (IMAGE 2), and second to update your web site Stripe settings (IMAGE 4).

tags: & category: -