# "What Happens Next" Steps on the Thank-You Page

> Shows three simple steps at the top of the order received page explaining what happens after the order, which reduces "where is my order?" emails.

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

## Code

```html
<ol class="wpide-next-steps" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 28px;padding:0;list-style:none;counter-reset:step;">
    <li style="padding:16px;border-radius:8px;background:#f6f7f7;"><strong>1. Confirmation</strong><br>You will receive an order confirmation email in a few minutes.</li>
    <li style="padding:16px;border-radius:8px;background:#f6f7f7;"><strong>2. Packing</strong><br>We pack your order within one working day.</li>
    <li style="padding:16px;border-radius:8px;background:#f6f7f7;"><strong>3. Shipping</strong><br>You get a tracking link by email as soon as it ships.</li>
</ol>
```

## Notes

Edit the steps to match your fulfillment process.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find ""What Happens Next" Steps 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/