The coupon feature in the cart allows you to display a field where customers can enter a discount code.
Here we’ll explain how to activate, configure, and personalize it based on your store’s needs.
1. Activation
To show the coupon field in the cart, you must first activate the option from the configuration panel. Once enabled, a block will appear in the cart with a text field for entering the code.
2. Text Configuration
In this section, you can customize the texts displayed in the coupon field:
Default text: Message that appears in the field before the customer types (e.g., “Enter your discount code”).
Button text: Text displayed on the button next to the field (e.g., “Apply” or “Use coupon”).
Error message: Message shown if the customer tries to enter an invalid code (e.g., “The coupon could not be applied.”).
3. Styling
To ensure the coupon field matches your store’s visual design, you can customize the following elements:
Text color: Color of the text inside the field.
Background color: Background color of the field.
Border color: Border color of the coupon field.
Button background color: Background color of the submit button.
Button text color: Color of the text inside the button.
The coupon field is connected to your store’s discount system, so any codes entered will be applied in real time and the discounts will be displayed in the cart.
💡 Still have questions?
Visit our help section or contact us by email or chat.