How to Create and Use a Coupon/Promo Code - One Step Form

Using Coupon or Promo codes with your audience can generate more sales and allow you to offer specific products and deals to specific leads or customers. This article quickly explains how to use a Promo code within the One Step Order Form in the Funnel Builder.

NOTE: This article assumes that you have already created a funnel, associated product(s), and have a One Step Order Form in the funnel. If you haven't done these items, we highly recommend that you check out the other videos in the Funnel Builder section first. Additionally, the Coupon Feature doesn’t support subscription products, it supports only one-time products. However, Promo Codes will work for recurring purchases.

Adding Promo Codes

Step 1: You must have two products added to your funnel. The first product will be the full-price product and the second one will be the discounted product. The second product will be hidden initially and will be revealed as the discount option when the code is entered. This will also hide the full-price product.

NOTE: This will only work with one full-price product and one discount product. The code is for One Step Order Form products only. It is not for bumping or upselling products.

Step 2: Custom Code for Promo Code

Navigate to sites>Funnels>edit a funnel/create a new one.
Edit the Funnel step where the One Step Order Form resides
In Settings, click on Tracking Code

Select Footer Code
Paste in Copied Code (from the bottom of this article)

Step 3: Customize Your Coupon Code

Before saving, scroll up to the top of the code
Type in the Coupon Code you wish to use. You should type over the examples 'TESTCODE', 'DISCOUNT', 'PROMO'

NOTE: If you want to use more than one coupon code, you can enter multiple codes separated by commas. This is the default setting in the code you copied in.

Click Yes, Save

Step 4: Test Your Code

Preview your page.
Enter in details for the first step.
Enter in your promo code for the second step and watch your discount product

<style>

.d-none_0x4e4858 {

display: none !important;

}

</style>

window.hlpt = window.hlpt || {};

window.hlpt.mycodes = [

/DO NOT EDIT ANYTHING ABOVE THIS LINE/

"TESTCODE", "DISCOUNT", "PROMO" /Enter your desired promo codes here, similarly as shown/

/DO NOT EDIT ANYTHING BELOW THIS LINE/

];

function hlpt_apply_coupon_code(product_regular, product_offer, form_base, product_description) {

window.hlpt.mycodes = window.hlpt.mycodes.map(function (a) {

return a.toUpperCase();

});

if ($("#promo_code").length == 0) {

var coupon_input = '<input type=\'text\' id=\'promo_code\' name=\'promo_code\' placeholder=\'Enter promo code...\' class=\'form-input\'/>';

$('.product-cost-total').last().append(coupon_input);

}

$(form_base + ' [id=' + product_offer + ']').closest(product_description).addClass("d-none_0x4e4858");

$('body').on('keyup', '#promo_code', function (e) {

if (window.hlpt.mycodes.indexOf($('#promo_code').val().toUpperCase()) == -1) {

$(form_base + ' [id=' + product_regular + ']').click();

$(form_base + ' [id=' + product_offer + ']').closest(product_description).addClass("d-none_0x4e4858");

$(form_base + ' [id=' + product_regular + ']').closest(product_description).removeClass("d-none_0x4e4858");

} else {

$(form_base + ' [id=' + product_offer + ']').click();

$(form_base + ' [id=' + product_regular + ']').closest(product_description).addClass("d-none_0x4e4858");

$(form_base + ' [id=' + product_offer + ']').closest(product_description).removeClass("d-none_0x4e4858");

}

});

}

function hlpt_handle_products_description() {

var product_regular = 'regularprod';

var product_offer = 'offerprod';

var form_base = ".form-payment .product-detail .product-description";

var product_description = ".product-description";

if ($(form_base).length == 0) {

form_base = ".form-payment .product-detail .--mobile-product-description";

product_description = ".--mobile-product-description";

}

var all_pds = $(form_base);

if (all_pds.length > 1){

$(all_pds[0]).find('input[type=radio]').attr('id', product_regular);

$(all_pds[1]).find('input[type=radio]').attr('id', product_offer);

}

hlpt_apply_coupon_code(product_regular, product_offer, form_base, product_description);

}

$(function () {

var notGloballyApplied = true;

if (Array.isArray(window.hlpt.mycodes)) {

var observe = new MutationObserver(function (mutations) {

if ($('.product-cost-total').length != 0 && notGloballyApplied) {

notGloballyApplied = false;

hlpt_handle_products_description();

}

});

observe.observe(document.body, {

childList: true,

subtree: true

});

}

});

</script>

Frequently Asked Questions (FAQs)

Q1: Can I use more than one promo code for the same funnel?
Yes, you can use multiple promo codes. When adding your promo codes to the custom code, separate each code by commas (e.g., "CODE1", "CODE2", "CODE3").

Q2: Will promo codes work with subscriptions or recurring products?
No, the Coupon Feature only supports one-time products. However, Promo Codes will work for recurring purchases, as mentioned in the article.

Q3: What happens if I enter the wrong promo code?
If an invalid or incorrect promo code is entered, the system will default to the full-price product. The discount product will remain hidden until the correct code is applied.

Q4: Can I use promo codes for bump offers or upsell products?
No, promo codes are specifically for products listed on the One Step Order Form. They do not apply to bump offers or upsell products.

Q5: How can I test if my promo code works?
After configuring your funnel, preview your page, complete the first step, and enter your promo code in the designated field. The system should automatically switch to the discounted product, confirming that the code works.