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.
In This Article
Choosing a Payment Integration
WPForms currently offers integrations with PayPal Standard, PayPal Commerce, Stripe, Square, and Authorize.Net. 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 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).
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:
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 a Payment Form
Next, you’ll need to either create a new 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.
Note: Want to learn more about the Billing/Order Form template? See our tutorial on using templates in WPForms for all the details.
In the form builder, be sure to add a payment field 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.
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.
Don’t forget to configure your field options for any new fields you add to your form.
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.
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.
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.
For more information on creating coupons and adding them to your forms, check out our Coupons addon tutorial.
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 testing your PayPal Standard forms, testing your PayPal Commerce forms, testing your Stripe forms, testing your Square forms, or testing your Authorize.Net forms.
For more general details about testing your forms, please check out our pre-launch form checklist.
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 for more information.