0
DOCUMENTATION

Discount Code Input

Allow customers to enter promotional codes. Validates and applies discounts in real-time with clear feedback.

Overview

The Discount Code Input widget renders a text input and apply button that lets customers enter a Goose Commerce discount code on the Cart or Checkout page. When a valid code is submitted, the discount is applied to the cart session.

How to Add It

  1. Open the Elementor editor on your Cart or Checkout page.
  2. Search for Discount Code Input in the widget panel.
  3. Drag it onto the canvas near the cart total.
  4. Configure the placeholder text and button label in the Content panel.
Note: Discount codes must be set up in Goose → Settings → Marketing & Promotions before they can be applied.

Settings Reference

SettingDescriptionDefault
Placeholder TextHint text displayed inside the empty input fieldEnter discount code
Button TextLabel on the apply buttonApply
Error MessageText shown when an invalid or expired code is enteredInvalid or expired discount code.
Success MessageText shown when a valid code is appliedDiscount applied!
Show Applied DiscountAutomatically show the Applied Discount widget below on successEnabled

Common Use Cases

Place the Discount Code Input on the Cart page so customers can apply their code before reviewing the final total. Include it on the Checkout page for stores where customers may not visit the cart page separately. Hide it on the Checkout page if it is already available on the Cart page to avoid duplicate entry points.

Tips & Notes

Tip: Pair this widget with the Applied Discount widget so customers get immediate visual confirmation when their code is accepted.
Note: Discount codes are managed in Goose → Settings → Marketing & Promotions.
Powered by Goose