# Next-Order Coupon Banner on the Thank-You Page

> Shows a banner with a discount code for the customer's next purchase at the top of the order received page.

- Type: HTML
- Runs: Woocommerce before thankyou
- Category: [WooCommerce](https://wpide.com/library/category/woocommerce/)
- Requires: WooCommerce
- Tags: woocommerce, thank-you, coupons, retention
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/woo-thankyou-next-order-coupon/

## Code

```html
<div class="wpide-next-order" style="margin:0 0 24px;padding:20px;border:2px dashed #2271b1;border-radius:8px;text-align:center;">
    <p style="margin:0 0 6px;font-size:1.1em;"><strong>Thanks for shopping with us!</strong></p>
    <p style="margin:0;">Use code <code style="font-size:1.1em;padding:2px 8px;background:#f0f6fc;">THANKYOU10</code> for 10% off your next order.</p>
</div>
```

## Notes

Create the coupon in WooCommerce > Marketing > Coupons and replace THANKYOU10 with its code.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Next-Order Coupon Banner on the Thank-You Page" in its snippet library and add it in one click; or create a new HTML snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/