Elementor Particles addon from Premium Addons Pro plugin lets you create interactive hero scenes and interactive eye-catching backgrounds. You can use it to add particles backgrounds to Elementor flexbox containers, sections, and columns to attract your visitors’ attention and yet be subtle enough to help you bring focus to important content.
For more examples, see the demo page.
Requirements:
- You will need Premium Addons PRO plugin installed and activated on your website.
- Also, make sure that this widget/addon is enabled so you can find it in the Elementor editor. Check this article to know how to do that.
- Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.
UPDATE: You can now add Particles to any Elementor Column by navigating to Column settings -> Layout tab -> Enable Particles.
Add Particles to Elementor elements
1. Elementor Container
Before the Premium Particles can be added, you need to select an existing container or create a new section in your post or page.
2. Elementor Flexbox Container
In order to incorporate Premium Particles, you need to select an existing container or create a new container within your post or page.
3. Enable Particles
Select the Premium Particles section under the Layout tab.
- Enable Particles -You can enable or disable the particles using this option.
- Z-index -Adjusting the Z-index allows you to display the particles above or below other elements.
Now visit this website to generate the .JSON that includes your particles styling.
You can select from a wide range of shapes and settings and also customize the color.
When you have selected your pattern, find and select the option “Download current config (json)“
Now, just copy and paste the .JSON code into Custom Style field.
You should now be able to preview the particles in the editor, and you can continue to add sections and widgets over the particle section background.
Note: To see the particles, you may need to add a background from your container settings -> Style tab -> Background.
Conclusion
The Particles Background addon for Elementor is a useful addon in Premium Addons Pro that helps you to transform simple containers into attractive ones by adding interactive particles layers to containers. Also, you can apply it on the whole Elementor page from page settings.
