How to add a awesome interactive particlesJs to your background in Divi?

by | Jul 30, 2020 | Divi | 14 comments

Today, we will learn to make your background interactive using the ParticleJs on your Divi website.

This is a very easy and quick step that needs to follow by you.

Step 1

Download the ParticleJs plugin which is completely free from here. Install the plugin to WordPress. website

Download Plugin

Step 2

Goto this website here for making the ParticleJs style as per your requirements.you can adjust all settings as per your requirements.

Step 3

You can adjust particle as per you requirements there are a lot of options for designing your particles.

Step 4

Now just download the JSON file and don’t worry about code, just open the JSON file in any editor and just copy all code.

Step 5

First paste this code

<pre class="prettyprint"> particlesJS('particles', YOUR JSON CODE ); </pre>
Paste code in the plugin which you have installed in starting itself.

Step 6

Go to your Divi Visual builder and go to the section setting and then to advance tab and put this in CSS ID “particles”

If you want to see the complete tutorial video can watch my video also.

14 Comments

  1. Kat
    Kat on December 1, 2020 at 2:39 am

    Hello, thanks so much for the tutorial! Unfortunately, when I get to the point of typing particles in the CSS ID & Classes section in Divi, nothing happens. Any thoughts on why that could be?

    Reply
    • Ganga
      Ganga on December 18, 2020 at 11:05 am

      please share your website link will check and help you, thank you

      Reply
  2. John
    John on December 13, 2020 at 9:18 am

    yup, same issue here

    Reply
    • Ganga
      Ganga on December 18, 2020 at 11:06 am

      please share your website link will check and help you, thank you

      Reply
  3. jack
    jack on June 11, 2021 at 12:17 pm

    Hi mate did everything according to your tutorial, yet it doesnt show up on front end.. Can you help?

    Reply
  4. AS
    AS on June 16, 2021 at 9:35 am

    Hello, thanks so much for the tutorial! Unfortunately, when I get to the point of typing particles in the CSS ID & Classes section in Divi, nothing happens. Any thoughts on why that could be?

    Reply
  5. hugo
    hugo on June 27, 2021 at 10:35 am

    same here

    Reply
  6. Sof
    Sof on July 18, 2021 at 5:36 pm

    Hi, I have the same problem on my website msw-creations.com (section with the video)…

    Thanks for helping

    Reply
    • Ganga
      Ganga on September 3, 2021 at 5:43 pm

      please share your website and will see and help you

      Reply
  7. Rithika Semlani
    Rithika Semlani on January 12, 2022 at 12:12 pm

    Hello. I followed all the steps. But still can’t see any execution of the effect.

    Reply
    • Ganga
      Ganga on January 12, 2022 at 2:37 pm

      Can you please share your website link

      Reply
  8. PW
    PW on November 11, 2022 at 11:52 am

    Seems to be broken unfortunately, would be helpful to post a fix here or on the youtube vid, Thanks

    Reply
  9. Daniel B
    Daniel B on July 29, 2023 at 4:18 pm

    Hello,
    I followed your tutorial but when I paste the code it doesn’t seem to work. Please help.

    Reply
  10. AI
    AI on September 14, 2023 at 4:18 pm

    Hello Did he fix the problem ?

    I’ve just try and it’s not working…

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *