Discount Apply Button

Applies the code entered in Discount Input to the live Storefront cart. Connect a button design and place it beside the input.

Last updated

Discount Apply Button icon

How to use

  1. Place this component beside a Discount Input in your cart overlay or cart page.

  2. Connect your button design to the ⦿ Apply slot.

That's it — customers can also just press Enter in the input field to the same effect.

Optionally set Tracking to record discount codes being applied in Framer Analytics.

Submission and canvas safety

While a code is being applied, the button disables itself with a busy cursor and reduced opacity so customers can't double-submit. On the Framer canvas and in the editor it's inert, so clicking it while designing never fires a real request.

Questions? Join our Slack community