---
title: "How to Add an Elementor Particle Background?"
url: https://theplusaddons.com/docs/add-an-elementor-particle-background/
date: 2025-01-10
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to create a particle background in Elementor? Showing particle effects in the background can enhance the overall website aesthetic and leave a lasting impression on your audience...."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-an-Elementor-Particle-Background_-1024x536.jpg
word_count: 252
---

# How to Add an Elementor Particle Background?

## 

- Utilizes the Row Background widget from The Plus Addons for Elementor to add particle backgrounds.
- Selects Canvas Effect from the Middle Layer tab to apply particle effects in Elementor.
- Offers eight pre-defined particle effects and a custom option using JSON code for personalized designs.

Do you want to create a particle background in Elementor? Showing particle effects in the background can enhance the overall website aesthetic and leave a lasting impression on your audience.

With the Row Background widget from The Plus Addons for Elementor, you can easily add a particle background to a container or section in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/).

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/)

To do this, add the Row Background widget to the container or section you want to add the particle background and follow the steps -

https://www.youtube.com/watch?v=oBA_BtZ4P10

1. Add an appropriate background in the **Deep Layer** tab.

> *Note: For better visibility of the particle effects, you should add a background in the Deep Layer.*

2. Then select **Canvas Effect** from the **Select Option** dropdown, under the **Middle Layer** tab.

![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-canvas-effect.gif)

3. From the **Canvas Style** dropdown, you have to select a particle effect. Here you’ll find eight pre-defined particle effects or can add a custom effect. 

Let’s select **Style 2** here, from the **Color** section you can change the particle color.

Similarly each style, you’ll find some additional settings.

To use the custom option, you can create the particle effect using this [tool](https://vincentgarreau.com/particles.js/#default). Then you have to add the JSON code.

Now you’ll see a beautiful particle effect on the section or container background.