Create and manage discount codes on your Webflow Ecommerce project.
As a store manager, you can create discount codes shoppers can apply at checkout.
In this lesson:
Discount codes can be managed in the Designer and Editor.
To add a Discount element to your page:
To add a discount code:
Under Basic info, you can choose Generate code to automatically generate a random discount code or manually enter a custom discount code. You can also name the discount and add notes (only visible to store managers) to help with tracking (e.g., track one-time use codes).
Under Discount details, you can choose from 3 discounts:
If you check Set maximum discount value (available for percentage discounts), the discount will max out at the value provided.
You can set a Starts on and Ends on date (that uses the site’s time zone) to your discount codes in Dashboard > Settings > General > Time zone.
Some things to note about discounts with Starts on and Ends on dates:
You can add discount restrictions in the Ecommerce panel > Discounts under Restrictions.
Let’s look a the Restrictions fields more closely:
To specify which products and categories the shopper can apply the discount code to, you’ll choose from:
At checkout, the discount will be calculated from the eligible items in the cart for percentage and fixed amount discounts.
Example:
Fixed amount discounts include an additional option to control how discounts are calculated (see below).
Free shipping discounts subtract the entire shipping amount if the cart contains at least one eligible item.
Only apply discount once per order is an optional setting when the discount is Fixed amount and restricted to certain products or categories. If the Only apply discount once per order option is left unchecked, the discount gets calculated for each eligible item.
Example if unchecked:
If checked (default), the discount is calculated once for the eligible items in the cart.
Example if checked:
You can have an order value with:
When the Value at least option is chosen, the discount can’t be applied unless the cart’s subtotal is greater than or equal to the specified amount. If the cart’s total isn’t less than or equal to the specified amount, a Discount requirements not met error will appear at checkout (customize your error message in Checkout settings).
You can set a maximum on the total number of times a discount can be used in your store across all your customers. You have two options:
Once the Fixed limit amount has been reached, customers will no longer be able to apply the discount and the error message “Discount usage limit met” will appear. (Customized error messages in Checkout settings.)
The Limit uses per customer field allows you to specify the maximum number of times each customer can use this discount (unique customers are identified by their email address). You can choose from:
If you’ve chosen Fixed limit per customer and shoppers apply the discount at checkout before providing an email address, we’ll validate the discount again when they try to complete the purchase. An “Discount usage limit met” error message will appear if the customer limit has been reached, and prompt the shopper to refresh the page (which removes the discount). Customized error messages in Checkout settings.
This discount can be used in combination with other discount limits, including total usage (e.g., you can create a discount code with a limit of 1 per customer and 100 total uses).
The discount status button can be used to manually toggle discounts off or on.
To Enable a discount:
Note: Discount updates take effect immediately on Save and don’t require site publish. This allows store managers to instantly manage promotions.
A discount that’s Enabled is subject to the restrictions you added (e.g., valid dates, usage limits, etc.) For example, if the Ends on date has passed, the discount is expired and can’t be used.
When a discount is Disabled, it can’t be applied in any situation.
Use the “Status” field in the list view and in the header of the discount details for a quick glance at your discount status. Discount statuses are visible in the discount list view and the discount details header.
The discount statuses are:
Note: You can export and import discounts with a CSV and bulk select them in list view to enable/disable and delete.
From the top right toolbar, click Publish and then Publish to Selected Domain.
Something went wrong while submitting the form. Please contact support@webflow.com