Example Description
In this example, we inform customers when their order total is under a set minimum amount required for shipping. Customers can choose to continue shopping to reach the shipping minimum, or pick up their order without reaching the minimum amount.
How We Built It
Lightbox
We added a “Minimum Order Notification” lightbox to our site with the following elements:
Text: Displays a message informing the site visitor that they didn’t reach the minimum total amount required for shipping.
‘Continue Shopping’ button: Navigates to the Shop All page so that site visitors can add more items to their cart and reach the minimum order total.
‘I'll Pick Up’ button: Closes the lightbox. Site visitors who want to pick up their order can checkout without reaching the amount required for shipping.
Code
We added the following code to our site:
cart.jsw backend file: Gets information about the current cart.
Cart page: Gets information about the current cart from the backend and compares the cart subtotal to the set minimum order amount. If the cart subtotal is less than the minimum amount, open the ‘Minimum Order Notification’ lightbox.
Related Examples
Did this help?
|
Thanks for your feedback!
Add to Cart Gallery
Let customers add products to their cart—right from your product gallery.
Advanced
Bulk Add to Cart
Let customers add multiple items to their cart—all at once.
Advanced
Upsell Products
Promote products based on items in your cart
Intermediate