Cart Coupon

Author: An Do 577 views

This element lets your customers enter discount codes on the cart page and then discount will be calculated on checkout page if they proceed to checkout.

Note that coupon cannot be applied directly in Cart page (Shopify restriction)

Before customers can enter discount at cart page, make sure you do create a Discount Code from Shopify first

To add this element to your page, please go to Elements -> Cart -> Cart Coupon.

1. Content

  • Label title: Show the title of the Coupon code.
  • Coupon placeholder: specifies a short hint that describes the expected value of a Coupon.

2. Design

  • General: This tab will have Background, Box Shadow, Border, and Border Radius and will affect the whole element.
  • Label: This tab will have AlignmentTypographyText ColorText GradientText Shadow, and Spacing.
  • Input: This tab will have Text alignmentTypographyColor, Color placeholderText GradientWidth, and Spacing. These options will be set for both NORMAL and HOVER mode: Background, Box Shadow, Border, Border Radius, and Outline

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.