How to use tsParticles in Elementor Particles Section Addon

As usual, we always deliver the latest technologies to our customers. Recently, there was a huge update regarding Elementor Particles section add-on. A new particles library with a lot of new features was added to Premium Addons for Elementor.

We have recently updated our particles add-on to a newer version with dozens of new features that allows you to get rid of the old solid backgrounds. Now, you can create backgrounds with amazing interactive animations.

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.

How to include TsParticles in Elementor

Step 1: Start by adding a new Elementor section to your page.

An Arrow Pointing to Adding New Elementor Section Button.
Adding New Elementor Section

Step 2: Click on the Edit Section button, then from the Elementor panel, scroll down until you see Premium Particles, switch on the Enable Particles option.

Enable Elementor Particles Section Add-on.
Enable Particles Option in Elementor Particles Section add-on

Step 3: Navigate to the tsParticles website from this link, then select the preset that matches your needs. Click on More button on top right > Export Config > click on Copy button, then switch Elementor page and paste in Custom Style field in Premium Particles tab.

Getting JSON Code From tsParticles for Elementor Particles Add-ons
Getting JSON Code From tsParticles for Elementor Particles Add-ons

Here’s a couple of examples showing up some of the new features added to Particles.js :

1- Characters as Particles

Characters Effect in Elementor Particles Section Add-on.
Characters effect in Elementor Particles add-on

2- Multiple Images

Multiply Images in Elementor Particles Section Add-on.
Multiple Images Effect in Elementor Particles Add-on

3- Trails

Trails Effect inElementor Particles Section Add-on.
Trails Effect in Elementor Particles Section Add-on

If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 44+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.