Confetti Effects

How to use Confetti Effects features of Sky Addons for WordPress

Sky Addons Confetti Effects extensions adds festive and engaging particle animations to your Elementor pages. Create eye-catching confetti celebrations that trigger on various actions like page load, element view, clicks, or hover events. With extensive customization options for particle behavior, colors, and shapes, you can design the perfect visual celebration for announcements, achievements, or special content sections.

Key Features

1. Multiple preset effect types including Basic, Random, Fireworks, Snow, and School Pride
2. Smart triggering options (page load, on view, on click, hover, AJAX success, Form Submit etc)
3. Full customization of confetti behavior (count, angle, spread, velocity, decay, gravity)
4. Custom color and shape options to match your brand or theme
5. Works with all Elementor elements (widgets, sections, containers)
6. Control positioning, z-index, and animation timing

Activate Confetti Effects Module

The Confetti Effects module comes pre-activated with Sky Elementor Addons Pro. To verify it’s active:

1. Navigate to your WordPress Dashboard and locate “Sky Addons” in the left sidebar menu
2. Click on the “Extensions” tab within the Sky Addons dashboard area
3. Find the “Confetti Effects” option in the modules list
4. Ensure the toggle switch is in the “On” position
5. Save your changes if necessary

Apply Confetti Effects

1. Open any page in Elementor Editor
2. Select a section, container, or widget where you want to apply the effect
3. Go to the “Advanced” tab in the element’s settings panel
4. Find “Confetti Effects” at the bottom of the advanced options
5. Enable the effect by toggling the switch to “Yes”

Effect Types

Choose from five different preset effects for your confetti:

1. Basic – A simple confetti shower that drops from the top of the element, perfect for subtle celebrations or highlights.
2. Random – Creates a more dynamic and unpredictable confetti pattern with particles launching in various directions and speeds. Great for creating energetic celebrations.
3. Fireworks – Mimics fireworks explosions with confetti bursting outward from central points, ideal for big announcements or achievement celebrations.
4. Snow – Generates a gentle downward drift of particles that resembles falling snow, perfect for seasonal themes or creating a calm, magical atmosphere.
5. School Pride – A specialized effect that’s perfect for graduation announcements, school events, or sports celebrations with concentrated bursts of confetti.

Basic Configuration

Control the core behavior of your confetti effects with these essential settings:

1. Enable – Turns the confetti effects on or off for the selected element
2. Select Effects – Choose between Basic, Random, Fireworks, Snow, or School Pride presets
3. Animation Duration – Set how long the effect animation runs (in milliseconds)
4. Particle Count – Control how many confetti particles appear (more particles = more festive but can impact performance)
5. Smart Trigger – Determine when the effect activates (page load, element in view, click, hover, or AJAX success)

Particle Behavior Settings

Fine-tune how your confetti moves and behaves:

1. Angle – Direction in which confetti launches (90° = straight up)
2. Spread – How wide the confetti disperses from the center point
3. Start Velocity – Initial speed of the confetti particles
4. Decay – How quickly particles lose momentum (0.1-1)
5. Gravity – How strongly particles are pulled downward
6. Drift – Horizontal movement bias (negative = left, positive = right)
7. Origin – Define the X/Y coordinates where confetti originates

Appearance Customization

Adjust the visual aspects of your confetti:

1. Colors – Enter custom colors as hex codes or color names (comma-separated)
2. Shapes – Specify the mix of shapes (square, circle, star) to use
3. Scalar – Size multiplier for all particles (smaller values = smaller confetti)
4. Z-Index – Control whether confetti appears above or below other page elements

Trigger Settings

Configure when and how your confetti effect activates:

1. Trigger Type – Choose between Page Load, Elements On View, On Click, On Mouse Hover, or Ajax Success
2. Trigger Selector – For click/hover triggers, specify the CSS selector for the triggering element
3. Delay Time – Set a delay before the confetti effect begins (in milliseconds)

Save and Preview

1. Once you’ve customized and styled your confetti effects, click “Publish” or “Update” to save your changes.
2. Preview the page to ensure the effects trigger and display as desired.

Troubleshooting

1. Effects not showing: Ensure you’ve enabled the effect and saved/published your changes. Also check that JavaScript is enabled in your browser.
2. Performance issues: If animations seem sluggish, try reducing the particle count or animation duration.
3. Trigger not working: For click or hover triggers, verify your selector is correct. Use browser inspector to confirm your selector targets the right element.
4. Z-index problems: If confetti appears behind content, increase the z-index value in the settings.

Conclusion

The Confetti Effects extensions provides a playful way to enhance user engagement and celebrate key moments on your website. With its extensive customization options, you can create subtle snow effects, explosive celebrations, or anything in between. Experiment with different settings to find the perfect combination for your specific use case.

If you have any questions or encounter any challenges while using, please don’t hesitate to reach out to our dedicated support team at http://wowdevslive.bdkoder/support/ where our expert team is ready to provide prompt and helpful assistance.