This trademarked image shows the Worship Times's WT logo in blue with Worship Times written below in green font.

Connecting Gravity Forms to Stripe – Article

Contact us at support@worshiptimes.org or submit a support ticket so that we can activate the Stripe add-on for you.

Once activated:

  1. Connect the website to Stripe (this only needs done once):

    1. From your website dashboard, hover over Forms and click on Settings
    2. Click on Stripe
      1. Switch the Mode to live and click on the button Connect with Stripe – follow the onscreen instructions
      2. Follow the instructions here to enable Webhooks on Stripe and adding the necessary information into the Stripe settings area on the website – https://docs.gravityforms.com/downloading-installing-the-stripe-add-on/#h-webhooks
      3. You can leave the payment collection field set to Stripe Elements
      4. Save Settings
      5. (It is also helpful to set up a test key as well for future troubleshooting, but to do so you, must follow these instructions exactly – https://docs.gravityforms.com/connecting-to-stripe-in-live-or-test-mode/#h-connect-to-a-test-account – then switch back to Live once you are done).
  2. Create a form and add it to a page (this will need done for any new form you create that collects payment): 

    1. On your website, go to Forms
    2. Click on Add New
    3. Give it a title, something like Donate
    4. Add the fields for the information you’d like to connect:
      1. Minimally you should collect Name, Email, and Address
      2. Go to Pricing fields and add a Product field
        1. Edit the field label
        2. Edit the Field Type as needed:
          1. Single Product is good for registration
          2. Radio Buttons are good if there are multiple options
          3. User Defined Price is excellent for donations
        3. Make the field required
      3. In Pricing fields, also add a Stripe field
        1. Enable additional payment methods
        2. Save Form
    5. Hover over Settings and click on Form Settings
      1. Make any adjustments specific to your form and your website
      2. Under Form Options (near the bottom of the page), Enable Anti-Spam Honeypot
      3. Save Settings
    6. Click on Confirmations
      1. Hover over Default Confirmation and click on Edit
      2. Change the verbiage as needed
      3. Save Confirmation
    7. Click on Stripe
      1. Add New
      2. Select Products & Services as the Transaction Type
      3. Map the fields
      4. Save
    8. Go to Pages
      1. Add New
      2. Give it a title, like Donate
      3. Click on Add Form
      4. Select the form from the dropdown list
      5. Insert Form
      6. Publish/Update the page
      7. For Divi users, you can enable the Divi builder at this point
  3. Test, test, test!
    1. Fill out the form with an active credit card to make sure it’s working correctly. Upon submitting, you should immediately see the confirmation message for the form. On the back-end of the website, you should see an entry, and you should receive an admin notification if you have one set up. In Stripe, you should see a successful transaction.
    2. If you do NOT see a confirmation message upon submitting, and instead see a blank form (even if you’ve received a Stripe transaction), please reach out to us at support@worshiptimes.org with the URL of the page where the form resides so that we can exclude the page from cache.

Troubleshooting:

  • Check to make sure your API on Stripe is up-to-date:
    • Go into your dashboard at Stripe under the Workbench for the Overview – https://dashboard.stripe.com/workbench/overview
    • You’ll see a section for API Versions and the option for ‘Upgrade’ – click on Upgrade
    • Review the pop-up that will give you details about what you currently have installed and what is available to upgrade to
    • Click Upgrade and it will take care of upgrading your Default Webhook API for Stripe
    • Create new webhooks using the new API and add new signing secrets to the website
  • Create new webhooks:
    • Log in to your Stripe account Workbench – https://dashboard.stripe.com/workbench/overview – and create a webhook endpoint.
    • Under “Select events”, select the latest API version.
    • Select the checkbox for “Select all events” and click “Continue.”
    • Enter the URL in the “Endpoint URL” field: https://[yourdomain]/?callback=gravityformsstripe
    • Click the “Create destination” button to save the webhook.
    • Under “Destination Details,” click “Reveal” by “Signing Secret”.
    • Copy the signing secret and paste it into the “Live Signing Secret” Gravity Forms settings field.
  • Turn off reCAPTCHA just on the form collecting payment – this can be found in the individual form’s settings, under reCAPTCHA