The Confetti Effects Extension is an innovative feature presented by your favorite Element Pack Pro plugin. By using the Confetti Effects extension, you can add all kinds of celebration poppers to your call-to-action buttons, sections, pages, and anywhere on the site.

That means you can use the Confetti Effects Extension on your whole page, sections, Specific widgets, or Specific Elements.

This document will help you get the full picture of the confetti effect feature.

Enabling The Confetti Effects Extension

To use the Confetti Effects Extension from Element Pack, you must first enable the extension.

1. Go to WordPress Dashboard > Element Pack Plugin dashboard.
2. Then, click the Extension Tab.
3. Search the Confetti Effects Extension Name.
4. Enable the Confetti Effects Extension.
5. Hit the Save Settings Button.

Where You Find the Extension inside the Editor

To start with the feature, let’s first take an existing design or widget inside the page. This is for a better understanding of the functions of this feature. However, you can still activate the Confetti Effects on a blank section, too.

Here, we went with a set of widgets for demonstration: an image widget, a header, a text editor, and a button.

Now, let’s begin the demonstration.

To use the Confetti Effects feature, just follow the instructions below-

1. Select the widget.
2. Go to the Advanced Tab of the widget.
3. Navigate the Confetti Effects section.
4. Enable the Confetti Effects switcher button.

Let’s Describe the Transform Effects Feature

After enabling the confetti effects switcher button, you will get the following customization option-

1. Confetti Type: Here, you get the confetti type- Basic, Random Direction, Fireworks, Snow, and School Pride effects. Here we choose the basic one, and you can choose your preferred one from here.

2. Particle Count: Controls how many confetti pieces are generated per effect. Higher values create a fuller animation but may impact performance.

3. Start Velocity: Defines the initial speed of the confetti particles. Higher values make the particles shoot out faster.

4. Spread: Adjusts the angle range of the confetti burst. Larger spread values create a wider, more dispersed effect.

5. Colors: Specifies the colors used for the confetti particles. Multiple colors can be added using hex codes to create a vibrant mix.

6. Shape Type: Here, you will get the shape type- Basic, Emoji, and SVG path. Select the style category of confetti shapes, and the selected types of shapes will apply to the confetti.

7. Shapes: Specifies the individual shapes used in the confetti effect (e.g., circle, square). Multiple values can be combined to create a mixed shape distribution.

8. Scalar: Controls the size scaling of each confetti particle. Lower values produce smaller particles, while higher values increase their size.

9. Origin: Defines the starting point from which the confetti is launched. Adjust this to control where the effect begins on the screen.

10. Trigger Action: You can select the trigger action type- On Load, On View, On Click, On Hover, Delay, and Ajax Success. Here, we select the on-hover trigger action to explore the feature.

11. Trigger Selector: Specifies the target element (using a CSS selector) that will trigger the confetti effect when the selected action occurs.

12. Z-index: You can set the Z-index value from here. Higher values ensure the effect appears above other elements.

All done! You have successfully customized The Confetti Effects Extension on your website.

Now, please customize the confetti effects extension as per your needs and let your visitors/users enjoy the view.

Video Assist

Watch the video tutorial to learn more about the Confetti Effects Extension. Please visit the demo page for examples.

Thanks for staying with us.