Are you looking to enhance your customer engagement with attractive discount options? With the WPForms Coupons addon, you can create personalized or automatically generated coupon codes directly from your WordPress dashboard.
This tutorial will show you how to install and use the Coupons addon with WPForms.
Installing the Coupons Addon
Before you dive into the tutorial, be sure to install and activate the WPForms plugin on your WordPress site.
After activating the addon, you can configure it by going to WPForms » Payments and selecting the Coupons tab.
Creating a New Coupon
To get started, click on the + Add Coupon button in the Coupons tab of the Payments page.
This takes you to the Add New Coupon page.
Here are all the fields you can fill out on this page:
Note: Required fields are marked with an asterisk (*).
- Name*: Give your coupon a title for easy identification. This won’t be visible to customers.
- Code*: Set the coupon code for customers to use for discounts. You can create your own or click the Generate Code button for a random coupon code.
- Amount*: Choose the discount your coupon offers. It could be a percentage or a fixed amount. To switch between both options, click the dropdown next to the Amount field and choose the one you’d like to use.
- Start Date / Time: Determine when the coupon starts being active.
- End Date / Time: Choose when the coupon will no longer be valid.
- Max Uses: Set the total number of times the coupon can be used before it’s invalid.
- You won’t be able to modify the Code and Amount fields after saving your coupon. We recommend double-checking these fields before proceeding.
- The Amount field currency defaults to the currency specified in your WPForms settings page. You can change it anytime by going to WPForms » Settings and selecting the Payments tab. Then click the Currency dropdown and choose your preferred currency.
When creating your coupon, you can leave the Start Date, End Date, and Max Uses fields empty. However, if you do, there won’t be any limits set for the coupon code’s usage. For example, the coupon will remain valid indefinitely if the End Date field is blank.
Mapping Coupons to Forms (Optional)
Next, you have the option to associate your coupon with specific forms. Scroll down to the Allowed Forms section and switch the toggle button next to the particular form where you want your coupon to be applicable.
Note: Connecting the coupon to a form at this stage is optional. If the form you want your coupon to be used in does not exist yet, you can always connect them later in the form builder via the Coupon field options.
You can also apply the coupon to all forms. This can be done by clicking the toggle button next to the Form column.
When you’re happy with your settings, click the Save Coupon button to save the coupon.
Adding Coupons to Your Forms
For customers to use your coupon code, you’ll need to add the Coupon field to your form and choose the coupons you’d like to allow.
Start by creating a new form or editing an existing one. Once you’re in the form builder, look for the Coupon field under the Payment Fields section and add it to your form.
Note: Only one Coupon field can be added to a form.
Next, click on the added Coupon field from the preview panel to open its Field Options.
Under the General tab, click the Allowed Coupons dropdown and select the coupon(s) you wish to allow on this form.
You can allow multiple coupons on a single form. However, users can only apply one of the allowed coupons for a discount when filling out your form.
Note: The coupon(s) you choose to allow here will automatically be linked to this form on the Coupon settings page. This means that the toggle button for this form will be enabled in the Allowed Forms section when editing the coupon(s) you allow on this form.
If you’d like to change the text on the Apply button, select the Advanced tab. Then update the text in the Button Text field.
Note: The Field Options panel provides customization options like changing field labels or enabling conditional logic. To add a custom placeholder to the Coupon field, visit our developer documentation. For more on field options, see our field options customization guide.
Don’t forget to save your form after customizing the Coupon field.
Note: After saving your form, be sure to test it out before launching it to your users. For a detailed guide, please refer to our form testing checklist guide.
Viewing and Managing Coupons
You can access all WPForms Coupons in your WordPress admin area. To get there, navigate to WPForms » Payments and select the Coupons tab. This will display a table with all your created coupons, their details, and the forms they’re associated with.
The table contains these fields:
- Name: The name you gave the coupon.
- Code: The main code customers use.
- Amount: The discount value.
- Usage/Limit: How many times it’s been used and the total use limit.
- Forms: The form(s) the coupon is linked to.
- Start Date: When the coupon becomes valid.
- End Date: When the coupon is no longer valid.
Editing and Deleting Coupons
To edit a coupon, simply click on the name of the coupon you want to modify.
You’ll then be directed to a detailed view of the coupon, where you can make your changes.
Note: The Code and Amount fields are locked and can’t be changed. But you can modify all other fields as you wish.
After making your changes, don’t forget to hit the Update Coupon button.
If you need to delete a coupon, simply click on the coupon’s name to access the Edit Coupon page. Then scroll down to the bottom of the page and click Delete Coupon.
Note: If a coupon has already been used by a customer, you won’t be able to delete it. In such cases, the Delete Coupon button changes to Archive Coupon. This option disables the coupon but doesn’t delete it from your site.
Viewing Coupon Usage
To track coupon usage on your site, go to WPForms » Payments and select the Overview tab.
Here, you’ll see the total number of coupons used over a period. Clicking the Coupons option will change the Payments Summary graph to show the coupon code usage.
From the payments entry table, you’ll be able to track the specific coupon that was used and the form it was applied. To learn more about viewing coupon usage, check out our viewing and managing payments tutorial.
Frequently Asked Questions
These are answers to some top questions about using the Coupons addon with WPForms.
How do I allow users to submit the form when a 100% off discount is applied?
By default, if a user applies a coupon code that offers a 100% discount, the form won’t submit. Users will likely see an error similar to the one in the image below.
This occurs because most payment gateways can’t process a form with 0 value as the payment amount.
A quick walkaround for this is to use conditional logic to prevent the form from processing the payment if the Total field’s value is 0.
To set this up, log in to your WordPress admin area and open the payment form you wish to enable 100% discount on.
Note: For this example, we’ll use the Stripe Pro addon. But this solution also works with all our other payment addons.
In the form builder, go to Payments » Stripe to access the Stripe settings page.
Next, scroll down and toggle on the Enable Conditional Logic option.
After that, set the condition to say: Don’t process this charge if the Coupon field is JULY100OFF.
This logic will essentially prevent the payment from processing if the coupon code matches the one in the conditional logic rule.
Note: Be sure to replace JULY100OFF with the coupon code you intend using to offer users 100% discount.
After setting the conditional logic rule, return to the fields tab and select the payment field to open its Field Options.
In the Field Options panel, navigate to the Smart Logic tab and toggle on the Enable Conditional Logic option.
Next, set the rule to say: Hide this field if the Coupon field is JULY100OFF. Again remember to replace JULY100OFF with your coupon code.
Setting this rule will hide the Stripe Credit Card field if the user enters a coupon code that matches the one you set in the conditional logic rule. This ensures users will be able to submit your form without filling out the required credit card field.
After configuring the conditional logic rule, be sure to save your changes. Once done, we recommend testing your form to ensure everything looks and works as expected.
That’s it! Now you know how to create and manage coupons for any form on your site using the Coupons addon.
Next, would you like to let users register for accounts on your site before submitting your form? Check out our tutorial on the User Registration addon for more details.