In this text, you will see how to add a particle effect to a website with the help of Elementor. The first thing to do is to create a page and section code Page Attributes in the control panel, under option Template we will choose Elementor Canvas. Next, we will install the plugin Granular, activate it and modify the settings by going under the option Enable Particles click on Yes.
When we start building the page, we need to add a section, under the section Layout, set yes Content Width be Full Width, then sub Height adjust Min Height, a Minimum Height adjust based on your screen, in this example it will be 750px, so that it will display nicely in full screen. Under the section Style, we will set the background to black.
After that, we add the particle effect. Since we turned on opium in the control panel Enable Particles, now in the section Style option appeared Enable Particles. Let's turn on that switch, for Height let's set the same 750px as the code Layout, in order to have a particle effect over the entire black background. Then under option Particles JSON Click the Here button to generate our particle effect and copy that code.
By clicking a button Here, we went to the site where we generate the code, there are already made particle effects, such as Default, NASA, Bubble, Snow and Nyan Cat. We can select each of those and see how they look, and in this example we will select Default and after that we will click the button Download.
When we have downloaded the file, we find it in documents, open it in Notepad++ or another text editor, copy the code and paste it into the field Particles JSON. Once you've done that, click on Publish and when you open the page you will get something similar to the image below.
