How To Add A Confetti Animation In WordPress - Formidable Forms

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!

Approximate read time: 4 minutes

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

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

Get Better Forms FREE!

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

Upgrade your WordPress site with powerful, flexible forms.

Get Formidable Forms Pro

An overview of confetti animations

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

Using animations like confetti on a website has several benefits. For starters, animations can help make content more interesting.

For example, you can show an animation when a user submits a registration form. Want to celebrate a good score after completing a quiz? Great idea!

You can also use animations to highlight important details, such as banner ads or seasonal offers. Additionally, they help users understand the content and can enhance the overall user experience (UX).

From Idea to Reality in Minutes. Build Powerful Forms, Dashboards, Apps and More.

Formidable Forms makes advanced site building simple. Launch forms, directories, dashboards, and custom WordPress apps faster than ever before.

Get Formidable Forms

How to use confetti animations in WordPress

1. Install the WP Sunshine Confetti plugin
2. Customize the confetti animation
3. Add the confetti animation to the website

Now, let's examine how to add confetti animations in WordPress. 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:

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, 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 the confetti animation. To do so, navigate to Settings → Confetti:

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, select the See sample link next to the animation style. Once you've made your selection, click the Save Changes button at the bottom of the screen.

You'll have some additional options if you're using the premium plugin. 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 mentioned, you can add the confetti animation to WordPress sites using 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:

You'll need to update the page to save your changes when you're done.

Let's say you want to add the confetti animation to a WordPress form. 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 to which you want to add the animation. Next, navigate to Settings:

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

If you are using the free version, you can redirect after submitting the form to the page with confetti. Depending on the total score, you can also celebrate a great quiz score with conditional redirects.

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

Add the confetti animation to your site today

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 touching a line of code.

As we discussed in this post, you can add a confetti animation with a WordPress plugin 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

• Formidable’s Timeline Views – A Powerful WordPress Timeline Plugin Read More WordPress Calculators: The Ultimate Guide Read More 8 Best Request a Quote WordPress Plugins Read More