Discount codes for web forms

Question

Question:
I have been using two web forms to allow access to a secure zone. Of them, one is for the trial user access and another is for the paid user access.
The problem is: Can I use discount codes for the secure zone access? I can't see the way of integrating eCommerce discount codes with web forms.
Answer:
Discount codes don't actually work with secure zone access since you have to accept payment through web forms. However, I hired an outside developer to write some code for me, which I don't mind sharing:
Put this in the Head of your document:
<script type="text/javascript">
function refreshAmountToCharge() {
var frm = document.forms[0];
var defaultAmountToCharge = 100;
var couponCode = "ABC123"; // A tribute to Michael Jackson...
var percentOff = 50;
var couponCode2 = "DISCOUNT2";
var percentOff2 = 67;
var couponCode3 = "DISCOUNT3";
var percentOff3 = 99;
var couponCode4 = "DISCOUNT4";
var percentOff4 = 75;
/* Fixed amount coupon c*/
var fixedCouponCode1 = "FIXED1";
var fixedAmount1 = 20.00;
var fixedCouponCode2 = "FIXED2";
var fixedAmount2 = 6.00;
var fixedCouponCode3 = "FIXED3";
var fixedAmount3 = 7.00;
var amountToCharge = defaultAmountToCharge.toFixed(2);
if (frm.couponCode.value.toUpperCase() == couponCode)
  amountToCharge = (defaultAmountToCharge - (defaultAmountToCharge * percentOff / 100)).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == couponCode2)
  amountToCharge = (defaultAmountToCharge - (defaultAmountToCharge * percentOff2 / 100)).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == couponCode3)
  amountToCharge = (defaultAmountToCharge - (defaultAmountToCharge * percentOff3 / 100)).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == couponCode4)
  amountToCharge = (defaultAmountToCharge - (defaultAmountToCharge * percentOff4 / 100)).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == fixedCouponCode1)
  amountToCharge = (defaultAmountToCharge - fixedAmount1).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == fixedCouponCode2)
  amountToCharge = (defaultAmountToCharge - fixedAmount2).toFixed(2);
else if (frm.couponCode.value.toUpperCase() == fixedCouponCode3)
  amountToCharge = (defaultAmountToCharge - fixedAmount3).toFixed(2);
frm.Amount.value = amountToCharge;
// ----------- End Coupon Code Javascript ---------------------
</script>
Then, you'll need a Coupon Code field in your form:
<div class="item">
    <label for="couponCode">Coupon Code</label><br />
    <input type="text" name="couponCode" id="couponCode" class="cat_textbox" />
    <a href="javascript:refreshAmountToCharge()">Update</a>
</div>
That's it. Let me know if you have any questions. You can set multiple codes, either percentage based or fixed amount. Experiment with it to make sure it works as expected.

Answer 1

This is great Mario! Thanks so much for sharing. It works very well.
One thing I want to add is a validation for the coupon update action. If the coupon is no longer valid or entered incorrectly, a message would be great, because the person might no even notice the fact that the amount did not change even though they think they entered a valid discount code.
Sean