Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Formidable Team / Last Updated May 16, 2022

How to Add a Confetti Animation in WordPress

Placing a confetti animation on a WordPress page or form can help make content more exciting. Learn how to add this feature in three easy steps!

Add Confetti Animation to WordPress

Adding a confetti animation to a WordPress website can help spice up plain old content. However, you might be wondering how to add this effect on a page.

The good news is you don't have to learn or use code to add confetti. You can use a plugin like WP Sunshine Confetti to easily add this colorful effect to posts or forms.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

In this post, we'll take a closer look at confetti animations and the benefits of using them on WordPress sites. Then, we'll show you how to add them to pages in three simple steps. Let's jump in!

An overview of confetti animations

A confetti animation is a digital animation that uses a variety of colors and shapes to create a festive, celebratory effect. This type of animation is often used in advertising and marketing campaigns, as well as on websites and social media platforms.

There are several benefits of using animations like confetti on a website. For starters, animations can help make content more interesting. For example, you can display them when a user submits a registration form or gets a good score after completing a quiz.

You can also use them to draw attention to important information, such as banner ads or seasonal offers. Additionally, they make it easier for users to understand the content, and can therefore enhance the overall User Experience (UX).

How to use confetti animations in WordPress (3 steps)

Now, let's look at how you can add confetti animations in WordPress. Note that for this tutorial, we'll assume you already have our Formidable Forms plugin installed and activated. If not, you'll need to set it up before proceeding.

Step 1: Install the WP Sunshine Confetti plugin

The first step is to install the WP Sunshine Confetti plugin on your WordPress site:

The WP Sunshine Confetti animation plugin.

This freemium tool lets you add fun confetti animations anywhere on the website, including a form. You can use the Confetti block or insert the animation via shortcode.

From the WordPress admin dashboard, you can navigate to Plugins → Add new, then search for "confetti". Next, select the Install Now button, followed by Activate.

We recommend upgrading to the premium plan. This version lets you seamlessly integrate with Formidable Forms.

Step 2: Customize the confetti animation

Once you activate the plugin, you can configure thee confetti animation. To do so, navigate to Settings → Confetti:

The WP Sunshine confetti animation style settings.

Here, you'll be able to choose from six styles:

  • Basic Cannon
  • Realistic Cannon
  • Repeating Cannon
  • Fireworks
  • School Pride
  • Falling

To see what each option looks like, you can select the See sample link next to the animation style. Once you've made your selection, you can click on the Save Changes button at the bottom of the screen.

If you're using the premium plugin, you'll have some additional options. For example, you can customize the Display Settings, such as the colors, speed, duration, and launch styles.

Step 3: Add the confetti animation to the website

As we mentioned earlier, you can add the confetti animation to WordPress sites using either the block, shortcode, or form confirmation. Let's say you want to insert it into a particular web page.

Start by navigating to that page. Then, within the text editor, type "/confetti" and select the Confetti block:

The Confetti block.

When you're done, you'll need to update the page to save your changes.

Now, let's say you want to add the confetti animation to a WordPress form. For instance, you can include it with the success message of the form submission page.

To do this, go to Formidable → Forms, then click Edit under the form you want to add the animation to. Next, navigate to Settings:

Confetti after WordPress form submit

If you're using the premium version of WP Sunshine, you'll find a checkbox under the On Submit section. You can select this box to enable the confetti effect upon confirmation of the message.

If you are using the free version, you can instead redirect to the page with confetti. In fact, you can celebrate a great quiz score with conditional redirects, depending on the total score.

That's it! Now the confetti animation will appear after visitors submit the form.

Conclusion

Adding a confetti animation to WordPress pages or forms can be an easy way to make content more fun. Plus, you can add this effect to a site without having to touch a line of code.

As we discussed in this post, you can add a confetti animation to WordPress sites in three easy steps:

  1. Install and activate the WP Sunshine Confetti plugin.
  2. Customize the confetti animation.
  3. Add the animation to a WordPress page or form.

Are you ready to start using fun animation effects in WordPress? Download Formidable Forms for seamless integration with WP Sunshine Confetti!

Find more great WordPress plugins we recommend

  • You Need This Mailchimp Signup Form WordPress Plugin Now
    Read More
    The Best Constant Contact Popup WordPress Plugin That Works
    Read More
    Formidable Forms vs. Fluent Forms: Which is better?
    Read More

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get Email Updates

Popular Resources

    • How to Create a Searchable Database on a WordPress Site
    • Create a WordPress Custom Calculator: Easy, Powerful Results
    • How to Create a Fitness Tracker in WordPress
    • Formidable Views: The Best WordPress Custom Application Plugin
    • How To Require Email To Download Files in WordPress
    • How to Create Conditional Drop Down Lists in WordPress Forms
    • The Best Gravity Forms Alternative: Formidable Forms vs Gravity Forms
    • How to Make a Quiz in WordPress
    • WPForms Alternative: Formidable Forms vs. WPForms Compared

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews