Elementor can use confetti two ways. There’s a Confetti widget you drop onto any page, and there’s a setting on the form widget that celebrates a submission.
Turn on the integration
- Go to Settings → Confetti and open the Integrations tab.
- Find Elementor in the list and click its toggle.
There’s no effect to pick here, because that choice happens in the Elementor editor.
Put confetti on a page
- Edit the page in Elementor.
- Drag the Confetti widget where you want it.
- Pick the effect you want from Confetti Instance.
- Choose a Trigger Method. Page Load fires as soon as the page opens, and Scroll Into View waits until the visitor scrolls down to where the widget sits.
- Update the page.
Page Load is the default, so leave it alone if you want the confetti to greet people straight away. Scroll Into View suits a widget partway down a long page, where firing on load would mean nobody sees it.
Celebrate a form submission
- Edit the page holding your form.
- Select the form widget.
- Find the Confetti setting in the widget’s settings and pick the effect you want.
- Update the page.
Each form widget carries its own setting, so a contact form and a signup form on the same site can celebrate differently or not at all.
When it fires
The Confetti widget runs whenever its Trigger Method says: straight away on Page Load, or once the visitor scrolls to it on Scroll Into View.
A form fires its confetti when the submission succeeds, so a submission that fails validation shows the error instead and stays quiet.