Confetti can celebrate a successful submission on a Kadence Advanced Form. You choose the effect on each form separately, so a contact form and a signup form can celebrate differently or not at all.
Turn on the integration
- Go to Settings → Confetti and open the Integrations tab.
- Find Kadence Blocks in the list and click its toggle.
There’s no effect to pick here, because that choice happens on the form itself. Turning the toggle on adds the Confetti panel to the form editor, and every form stays quiet until you choose an effect for it.
Add confetti to a form
- Go to Kadence Blocks → Forms and edit the form you want. The gear icon next to Kadence Blocks on the Integrations tab takes you straight there.
- Click the Advanced Form block to select it.
- Open the Confetti panel in the block settings sidebar on the right.
- Pick the effect you want.
- Update the form.
Repeat on any other form you want to celebrate. Leaving a form’s effect unset keeps it quiet, which is how you turn one back off.
Putting confetti on a page
Kadence doesn’t have a confetti element of its own, because Kadence Blocks builds on the block editor and the Confetti block works there already. How to put confetti on any page covers it.
When it fires
The confetti runs when the form submits successfully. A submission that fails validation, such as a missing required field or a bad email address, shows the error instead and no confetti appears.
Confetti only loads its scripts on pages holding a form you’ve set up this way, so the rest of your site is untouched.