Checkout Coupon Modal

How to show coupon code as modal popup on checkout page

Follow these steps For Add Checkout Coupon Modal

Step 1: From the Dashboard, Go to “Templatemela > Setting > Checkout Coupon Modal“

    1. Enable Coupon Checkout Modal.

    • This allows you to display the coupon input field as a link in the order overview and opens a modal to input coupon. Note this only works with standard checkout, not the checkout block.

    2. Add Settings For Your Coupon Modal.

    • i) Coupon Modal Link Placement = Choose placement of your coupon modal link in checkout page
    • ii) Pre Modal Link Text = Add a pre modal link text as you like.
    • iii) Modal Link Text = Add a modal link text as you like.
    • iv) Modal Description = Add a modal description text as you like.
    • v) Input Placeholder = Add placeholder text of your modal input.
    • vi) Apply Button = Add button text of your modal button.

    3. Create the Coupon Code

    • Go to “Admin > Marketing > Coupon” then Add new Coupon.
    • Then give a title name for coupon.
    • Then Go to “Coupon data“.
    • Discount type = Choose discount type for your coupon.
    • Coupon amount = Add coupon amount for coupon.
    • Coupon expiry date = Add Coupon expiry date for time limit of your coupen.