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!
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 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.
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, fun 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 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 draw attention to important details, such as banner ads or seasonal offers. Additionally, they make it easier for users to understand the content, and can enhance the overall user experience (UX).
How to use confetti animations in WordPress
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:
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:
Here, you'll be able to choose from six styles:
- Basic Cannon
- Realistic Cannon
- Repeating Cannon
- School Pride
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:
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:
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 after form submit 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.
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:
- Install and activate the WP Sunshine Confetti plugin.
- Customize the confetti animation.
- 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!