How to add confetti to Beaver Builder forms

Beaver Builder can use confetti two ways. There’s a Confetti module you drop onto any page, and there’s a setting on the Contact Form and Subscribe Form modules that celebrates a submission.

Turn on the integration

  1. Go to Settings → Confetti and open the Integrations tab.
  2. Find Beaver Builder in the list and click its toggle.

There’s no effect to pick here, because that choice happens on each form. Turning the toggle on is what makes the confetti option appear in Beaver Builder, and every form stays quiet until you choose an effect for it.

Put confetti on a page

  1. Edit the page in Beaver Builder.
  2. Add the Confetti module where you want it.
  3. Pick the effect you want.
  4. Set the trigger to Page Load or Scroll Into View.
  5. Save the page.

Celebrate a form submission

  1. Edit the page in Beaver Builder.
  2. Select your Contact Form or Subscribe Form module.
  3. Pick the effect you want in the module settings.
  4. Save the page.

Each module carries its own setting, so two forms on the same site can celebrate differently or not at all.

When it fires

The confetti runs when the form submits successfully. A submission that fails validation shows the error instead and no confetti appears.

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