Is it possible to add two items to the cart and apply a discount at checkout in Webflow?

Published on
September 22, 2023

Yes, it is possible to add two items to the cart and apply a discount at checkout in Webflow. Here's how you can achieve this:

  1. Create your e-commerce store: Set up your Webflow e-commerce store by adding products and configuring the necessary settings.

  2. Add items to the cart: On your product page or any other page where you want users to add items to the cart, you can use Webflow's built-in Add to Cart Button component. Set up the button to add the desired products to the cart when clicked.

  3. Apply a discount at checkout: Webflow supports discounts that can be applied to the total amount at checkout. To set up a discount, follow these steps:

  • In your Webflow project, go to E-commerce > Discounts.
  • Click the "New Discount" button and set the details for your discount, such as its name, code, type (percentage or fixed amount), and the products it should be applied to.
  • Optionally, you can set additional conditions for the discount, like minimum subtotal or excluding certain products.
  • Save the discount.
  1. Display the discount at checkout: On the checkout page, you can customize the template to display the applied discount. This can be done by editing the Checkout Success page template and adding dynamic elements to show the discount details.

  2. Test the checkout process: Before going live, make sure to thoroughly test the checkout process to ensure that the discount is applied correctly. Add items to the cart, proceed to the checkout page, enter the discount code, and verify that the discount is reflected in the final total.

By following these steps, you can enable users to add two items to the cart and apply a discount at checkout in Webflow, providing a seamless and satisfying shopping experience.

Additional Questions:

  1. How do I create a discount code in Webflow?
  2. Can I apply different discounts to different products in Webflow?
  3. Is it possible to set a minimum purchase amount to qualify for a discount in Webflow?