WordPress Tricks

Promo Code or Coupon Code field in Contact Form 7 or changing value based on specific key typed

Few days ago one of my client requested me to implement a promo code field ( screenshot attached) in payment form (which i helped him created using contact form 7) to show a discounted price. I helped him implemented this and sharing you the code.


  1. Here is the Contact form 7 field to use
[text couponcode placeholder "Promo Code"]

<span class="discountedPrice"> </span>

2. Here is the jQuery code ( Use Simple Custom CSS and JS plugins for this)

     jQuery('input[name="couponcode"]').on('input keyup', function(e){	
	let couponcode= jQuery( 'input[name="couponcode"]' ).val().trim(); 



Feel free to do ask comments in the comments box if you face any issue or contact me in skype om2000_cuet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s