Create Interactive Background in Elementor (Particles JS in Wordpress)

Video Description

I’ll show you how to create an interactive background in Elementor. So you can add a cool particle effect anywhere in Elementor. We will be using a popular javascript library called particles.js and you won’t need any coding skills or plugins for this. Particles JS library: https://vincentgarreau.com/particles.js/ Code for Elementor particles: https://punchsalad.com/wp-content/uploads/2020/11/particles-example.zip 00:00 Intro 00:55 Generate particles First, let’s take a look at how you can generate and customize your particles. Head to the description of this video, and click on the first link. 03:28 Add particles JS in the code template Next, I’ve prepared some extra code so that it will work well in the Elementor structure. 04:57 Add to Elementor Okay so now we have all the code we need, let’s head to a page with Elementor. 05:24 Give a section a CSS ID To show interactive particles on the website you need to add a class name to one section so that it will work. In this tutorial, I’ll show how to add particles to your website, especially for Elementor. These particles will be floating in the background, so they add a bit more atmosphere to the website. You can animate the particles how you want, as the particles JS gives you the freedom to adjust different things. And the cool thing you can swap the particles with your own image! And make it super fun and creative. Hosting I'm using: https://punchsalad.com/hostpapa/ (60% discount) Where I get my domains: https://punchsalad.com/namecheap-domain/ WP plugins I'm using: https://punchsalad.com/recommendations?utm_campaign=eleParticles&utm_medium=social&utm_source=youtube Some of the above links might be affiliate links.