### [Creating a Payment Form](https://wpforms.com/docs/how-to-create-a-payment-form-in-wpforms/)

**Published:** November 23, 2023
**Author:** Umair Majeed

**Excerpt:** Learn how to accept payments with PayPal Standard, PayPal Commerce, Stripe, Square, or Authorize.Net.

**Content:**

Would you like to allow your users to make payments directly through your WordPress forms? WPForms makes it easy to accept payments on your website through PayPal Standard, PayPal Commerce, Stripe, Square, or Authorize.Net.

This tutorial will show you how to create a payment form using WPForms.

- [Choosing a Payment Integration](#choose-payment)
- [Creating Your Form](#create)
- [Enabling Payments for a Form](#enable)
- [Testing Your Form](#test)

**Requirements:** You will need a [Pro license or higher](https://wpforms.com/pricing/) to use the Stripe Pro, Square, PayPal Standard, and PayPal Commerce addons. To use the Authorize.Net addon, you will need an [Elite license](https://wpforms.com/pricing/).

---

To get started, you’ll first need to ensure WPForms is [installed and activated](https://wpforms.com/docs/install-wpforms-plugin/ "How to Install the WPForms Plugin") on your WordPress site and that you’ve [verified your license](https://wpforms.com/docs/verify-wpforms-license/ "How to Verify Your WPForms License").

## Choosing a Payment Integration

WPForms currently offers integrations with [PayPal Standard](https://wpforms.com/docs/install-use-paypal-addon-wpforms/ "PayPal Standard Addon"), [PayPal Commerce](https://wpforms.com/docs/paypal-commerce-addon/ "PayPal Commerce Addon"), [Stripe](https://wpforms.com/docs/how-to-install-and-use-the-stripe-addon-with-wpforms/ "How to Install and Use the Stripe Addon With WPForms"), [Square](https://wpforms.com/docs/how-to-install-and-use-the-square-addon-with-wpforms/ "How to Install and Use the Square Addon With WPForms"), and [Authorize.Net](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/ "How to Install and Use the Authorize.Net Addon With WPForms"). Before you continue, choose which of these payment options you’d like to add to your forms.

If you’d like, you can [offer multiple payment methods](https://wpforms.com/docs/how-to-allow-users-to-choose-a-payment-method-on-your-form/ "How to Allow Users to Choose a Payment Method in Your Form") and let users choose which one they want to use to complete their purchases.

Once you’ve chosen the payment method(s) you’d like to offer, [install and activate the corresponding WPForms addon(s)](https://wpforms.com/docs/install-activate-wpforms-addons/ "How to Install and Activate WPForms Addons").

**Note:** If you’re using the PayPal Commerce, Stripe, Square, or Authorize.Net addons, you’ll need to connect your account to WPForms before you move on to the next step in this tutorial.

See the corresponding guide for your chosen payment method(s) for more details:

- [PayPal Commerce](https://wpforms.com/docs/paypal-commerce-addon/)
- [Stripe](https://wpforms.com/docs/how-to-install-and-use-the-stripe-addon-with-wpforms/)
- [Square](https://wpforms.com/docs/how-to-install-and-use-the-square-addon-with-wpforms/)
- [Authorize.Net](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/)

For our example, we’ll walk through how to set up a payment form using the Stripe addon. However, the steps are similar regardless of which payment method you use.

## Creating Your Form

Next, you’ll need to either [create a new form](https://wpforms.com/docs/creating-first-form/ "How to Create Your First Form") or edit an existing one.

If you’re creating a brand-new form, you may want to consider using our Billing/Order Form template.

![Selecting the Billing/Order Form template](https://wpforms.com/wp-content/uploads/2021/03/billing-order-form-template.png)**Note:** For payment form examples, check out our [Billing/Order Form Template](https://wpforms.com/templates/billing-order-form-template/) and [Payment Form Template](https://wpforms.com/templates/payment-form-template/), or see our tutorial on[ using templates in WPForms](https://wpforms.com/docs/how-to-use-form-templates-in-wpforms/) for more details.

In the form builder, be sure to add a [payment field](https://wpforms.com/docs/how-to-choose-the-right-form-field-for-your-forms/#payment-fields "A Complete Guide to Field Types in WPForms") to your form if you haven’t already. Just click on it in the list to the left or drag and drop it into the preview area to include it. For our example, we’ll use the **Multiple Items** field.

![Adding a payment field to a form](https://wpforms.com/wp-content/uploads/2021/03/form-builder-payment-fields.png "Payment Fields ")Additionally, if you’d like to use the Authorize.Net, Stripe, or Square payment methods, be sure to add the corresponding credit card field to your form.

![Adding a credit card field to a form](https://wpforms.com/wp-content/uploads/2021/03/payment-fields-1.png "Payment Fields")When setting up your payment form, you can activate quantity selection for **Single Item** and **Dropdown Items** fields, enabling users to order multiple quantities of a specific product on your form.

**Note:** For a comprehensive guide on enabling and customizing quantity selections, check out our detailed tutorial on [adding quantity to payment items](https://wpforms.com/docs/enabling-quantity-selection-in-your-payment-forms).

Don’t forget to [configure your field options](https://wpforms.com/docs/how-to-customize-form-field-options/ "How to Customize Form Field Options") for any new fields you add to your form.

### Allowing Coupons/Discounts for a Form (Optional)

With the Coupon field, you can allow customers to use personalized or automatically generated coupon codes.

Customers can apply these codes for discounts when filling out your payment form. This could encourage more users to complete their purchases.

![Applied coupon](https://wpforms.com/wp-content/uploads/2023/06/applied-coupon.png "Applied Coupon")**Note:** For more information on creating coupons and adding them to your forms, check out our [Coupons addon tutorial](https://wpforms.com/docs/coupons-addon/).

### Using the Total Field

We recommend adding the **Total** field to your form. This field is helpful as it automatically calculates the total cost of items users pick.

It also includes an option for the order summary that details purchased items, quantities, costs, and any applied coupons, making the transaction clearer for the user.

![order-summary-example](https://wpforms.com/wp-content/uploads/2024/02/order-summary.png)**Note:** For more information on how the Total field works, refer to our guide on [using the Total field](https://wpforms.com/docs/how-to-require-payment-total-with-a-wordpress-form/#enable-total-summary) for detailed instructions.

## Enabling Payments for a Form

To enable payments for your form, navigate to the **Payments** tab and select the payment integration you’ve configured. For our example, we’ll go to **Payments » Stripe** to open up the Stripe settings.

Here, we’ll select the **Enable Stripe payments** option to enable Stripe payments for our form.

![Enabling Stripe payments for a form](https://wpforms.com/wp-content/uploads/2022/07/enable-stripe-payments-toggle.png)Once you’ve enabled payments for your form, go ahead and customize the other settings for this connection however you’d like. Remember to save your form before you leave the builder.

**Note:** For the full details on how to set up your specific payment addon, be sure to check out our [PayPal Standard](https://wpforms.com/docs/install-use-paypal-addon-wpforms/), [PayPal Commerce](https://wpforms.com/docs/paypal-commerce-addon/), [Stripe](https://wpforms.com/docs/how-to-install-and-use-the-stripe-addon-with-wpforms/), [Square](https://wpforms.com/docs/how-to-install-and-use-the-square-addon-with-wpforms/), and [Authorize.Net](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/) tutorials.

## Testing Your Form

Once your form is all set, we recommend one last step: testing. Testing your forms is super useful because it lets you understand how your users experience your forms. It also allows you to ensure that everything looks and works exactly as you’d like.

For more details on how to test your specific payment integration, be sure to check out our tutorials on:

- [PayPal Standard Integration](https://wpforms.com/docs/how-to-test-paypal-payments-before-accepting-real-payments/): Learn how to test your PayPal Standard forms.
- [PayPal Commerce Setup](https://wpforms.com/docs/testing-payments-with-the-paypal-commerce-addon/): Get guidance on testing your PayPal Commerce forms.
- [Stripe Payment Processing](https://wpforms.com/docs/how-to-test-stripe-payments-on-your-site/): Steps to test your Stripe forms.
- [Square Payment Solution](https://wpforms.com/docs/how-to-test-square-payments-on-your-site/): Instructions for testing your Square forms.
- [Authorize.Net Gateway](https://wpforms.com/docs/how-to-test-authorize-net-payments-before-accepting-real-payments/): How to test your Authorize.Net forms.

For more general details about testing your forms, please check out our [pre-launch form checklist](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/ "How to Properly Test Your WordPress Forms Before Launching").

That’s it! You’re ready to start accepting payments through your WordPress forms.

Next, would you like to record which pages on your site your users visit before filling out your forms? Be sure to check out our tutorial on [how to install and use the User Journey addon](https://wpforms.com/docs/how-to-install-and-use-the-user-journey-addon-in-wpforms/ "How to Install and Use the User Journey Addon in WPForms") for more information.

**Categories:** Payments, Payment Forms

---