Divi Particles Really Easy in 5 Minutes

Divi Particles

Divi Particles | a Really Easy Way to Add them to Your Site

There are plenty articles out there how to add an impressive particle-effect to containers in Divi or any other pagebuilder. They all are like “install this, download that, configure those” etc. Here now, we want to do this the easiest  way possible first and, maybe, go for a little more complexity later on.

I would not recommend anything to you I’ve not been using enthusiastically myself. Bold links are affiliate links. I recommend what you’ll find there and If you make a purchase, I will get a commission without additional costs to you.

Learn

Keep reading for an explanation on how to go on about it.

Keep reading

The button will take you to a step by step guide through the process.
Continue

Watch

Take a look at what this is all about and see the feature in action.

Go there

The button will take you to a project were we implemented this feature.
particles.js

Download

Get the files from GitHub immediately and for free.

From GitHub

The button will take you to GitHub were the files you need are available.
GitHub

At first you just need to copypaste everything you’ll find here into a Divi code module and give a section, row or module the CSS-ID particles. Done! Now the Divi particles should use the background of the particles element as canvas to draw upon. 

Row Settings Particles

You can then play around with colors, sizes and opacities. Or generate a whole new look here. Try replacing the old part of the script with the new configuration, if you dare.

Particles.js in a well known resource which works well with different frameworks, pagebuilders and, of course, vanilla HTML as well. Look, an Elementor HTML widget:

Adding Divi Particles is really easy, right? Copypasting one script and IDing one element. The average twelve year old could do that.

Would you like to dive a little deeper into JavaScript with Divi? You can learn how to to execute JavaScript when clicking Divi buttons here.

Share

Share on facebook
Share on twitter
Share on linkedin

Related Posts

WordCamp Düsseldorf Orgateam

Best WordCamp Düsseldorf Ever

In 2019 we held our first and therefore guaranteed best WordCamp in Düsseldorf. It was a complete success and lots of fun for all participants.

Groupmail GDPR/DSGVO

GDPR and Generic E-Mail Accounts

How do you deal with topic-related e-mail accounts such as info@website.de in times of the GDPR? How can you ensure that data protection is not violated for incoming e-mail addresses.

GET IN TOUCH

Contact.