How to add confetti to WooCommerce

Confetti can celebrate a WooCommerce order on the thank you page, and it can also fire when a customer applies a discount code. Each of those gets its own effect, so you can use a big one for a completed order and something smaller for a coupon.

Turn on the integration

  1. Go to Settings → Confetti and open the Integrations tab.
  2. Find WooCommerce in the list and click its toggle.
  3. Click the gear icon next to WooCommerce to open its settings.

You’ll see three dropdowns, one for each moment WooCommerce can celebrate. Each starts on None (Disabled), so pick an effect for the ones you want and leave the rest alone.

Setting When it runs
Thank You / Order Received Page After an order goes through, on the page the customer lands on
Discount Code Applied When a customer types a code into the coupon field
Discount Code Applied by Link When a code is applied by a link rather than typed in

Click Save when you’re done.

The WooCommerce integration settings showing the three confetti dropdowns

Choose which discount codes celebrate

Under the dropdowns there’s a checkbox for Show confetti for every discount code by default. Turn it on if you want every coupon to celebrate, or leave it off and switch codes on one at a time.

Either way, an individual coupon can override the default:

  1. Go to Marketing → Coupons and edit the coupon.
  2. In the General tab, find the confetti dropdown.
  3. Choose Enable confetti for this code or Disable confetti for this code. Leaving it on Use default setting follows the checkbox above.

That’s how you run a celebration for one seasonal code without every other coupon firing too.

About the overlay message

If the effect you picked has an overlay message, that message shows along with the confetti. Since the message comes from the effect rather than from the coupon, every code using that effect shows the same wording. To word it differently for a particular code, save a second effect with its own message and point the coupon at that one.

When the thank you confetti fires

It runs on the order received page once the order completes. A customer who opens an old order from their account later won’t see it again.

Can’t find the answer to your issue? Submit a ticket