Loading...

How To Use The Stripe Add-on With Pie Forms

Meta Description: Want to accept payments through your WordPress forms? Here is the step-by-step guide on using the stripe addon with Pie Forms.

Would you like to collect payments using your WordPress forms? With the Pie Forms Stripe Add-On, you can provide an easy way for users to submit payments as it integrates seamlessly with any form you build on your WordPress website. 

This tutorial will show you how to install and use the Stripe Payment Addon with Pie Forms.

  • Installing the Stripe Payment Addon
  • Creating a Payment Form
  • Enabling Stripe Payments in Your Forms

Before we get started, you need to install and activate the Addon on your PieForm’s Admin Dashboard. Let’s begin. 

How to Install and Activate the Add-on

Log in to your Genetech Store Account and download the plugin file to install the add-on.

  • Go to WordPress Admin Dashboard > Plugins > Add New
  • Upload the zip file of the Addon.
    Add New

The plugin will now be visible in the list of plugins. 

  • If you are using Pie Forms Premium, you only have to activate the addon. The license key is not required.
  • To activate the plugin, go to the list of inactive plugins.
  • Locate “Pie Forms (Addon) – Stripe” and click on the ‘Activate’ button.

Activate Plugin

If you are using Pie Forms Basic, Upgrade to PRO or buy the addon separately.

  • To activate the license key, go to Genetech store account > My account > My Keys.
  • Copy the key.
  • Go to your WordPress Admin dashboard, and click on Pie Forms.
  • Then, Pie Forms > Global Settings > License Key
  • Paste the email address and license key and click Activate.

Stripe Payment addon is now installed and activated.

Creating a Payment Form

Once you’ve activated the addon, you’re ready to create a form to collect payments. You may create a new form or edit an existing one and add Stripe functionality to it.

Add one of the following payment fields to your form to collect payments.

  1. Single Item (Fixed or User Defined)
  2. Multiple Items (For Fixed various options)

Payment Fields

 

Next, click on the edit button of the field and do the required edits in the basic and advanced options. 

Basic Options

  1. Change the Label and Meta Key
  2. Add in the description if required
  3. Select the Price Type (Fixed/User Defined)
  4. If Fixed is selected as the Price Type, then an additional field of Price will show up to add in the required amount you want to collect.

Basic Options

Advanced Options

  1. Add in the Placeholder Text (Not available on multiple item field)
  2. Enable Hide Label to hide it
  3. Additional CSS

The additional settings in the Basic Options in the Multiple Item field 

  1. Add/delete multiple choices.
  2. Enable the show price to make it visible on Frontend.
  3. Add in Image choices after enabling it
  4. Make it a required field.

Fields Options Advanced

Enabling Stripe Payments in Your Forms

Once you are done with your form’s fields, you’ll need to enable Stripe for it.

Go to Form Settings >> Stripe Settings in the form builder. Here, check the box labeled Enable Stripe.

Then fill out the rest of the settings, which include:

    • Payment Logo: Add a custom logo for your payment field, if required. 
    • Currency: Select the currency you want to collect payments in.
    • Mode: Live/Sandbox. To process live payments, set this option to Live.
    • Payment Type: Products and Services or Donation. Set this option to the choice that matches the type of transactions you’ll be handling with this form.
    • Cancel URL: If users don’t complete their payments in Stripe, they’ll be redirected to this URL.
    • Publishable/Secret key: You can get these keys from your Stripe dashboard after registering on Stripe.

 

Hit Save, and you are done!

How to get your Stripe API keys?

To get your Stripe API keys, first, you need to create your Stripe account.

Once you’re ready, you can find your Stripe API keys in your Stripe account’s dashboard.

  • Sign in to your Stripe account.
  • Click “Developers,” then “API keys” in your dashboard.
  • On the “API keys” page, you can find your publishable and secret keys under “Standard keys.” However, click the “Reveal live key” button to reveal your secret key.

When users submit a form with Stripe integration, they’ll immediately be taken to the page where they can enter further details and pay.

Stripe Screen

 

You can check the successful transaction from your Stripe dashboard under the payments section and in the entries section on your WordPress dashboard.

Form Entries

And that’s it! You now know how to accept payments with Stripe on your WordPress website using the Pie Forms Stripe addon. Feel free to contact us for further queries.