Formidable Forms

Formidable Forms

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

Formidable Team / Last Updated June 26, 2023

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 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 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

  • Step 1: Install the WP Sunshine Confetti plugin
  • Step 2: Customize the confetti animation
  • Step 3: Add the confetti animation to the website

    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 WordPress confetti plugin for animations.

    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 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.

    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

    • Best Multi-Step Form WordPress Plugins 9 Best Multi-Step Form WordPress Plugins
      Read More
      Best WordPress gated content plugins 5 Best WordPress Gated Content Plugins To Get More Leads!
      Read More
      Best PayPal Donation Plugins for WordPress 10 Best PayPal Donation Plugins for WordPress
      Read More

    Using WordPress and want to get Formidable Forms for free?

    Get Formidable Forms Lite Now

    Get Email Updates

    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 *

    Popular Resources

      • How To Create a Searchable Database on a WordPress Site
      • How To Create a Custom Calculator in WordPress [6 Steps!]
      • 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 a WordPress Forms Drop Down List
      • Best Gravity Forms Alternative for WordPress: Formidable Forms vs. Gravity Forms
      • 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 Plugin
    • Surveys & Polls
    • Quiz Maker
    • Form Templates
    • Application Templates
    • Directory Plugin
    • 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