---
title: "How to Create Animated Shape Divider in Elementor?"
url: https://theplusaddons.com/docs/create-animated-shape-divider-in-elementor/
date: 2024-05-21
modified: 2026-08-11
lang: en
author: "Aditya Sharma"
description: "Do you want to create an animated shape divider in Elementor? These animated shape dividers can help break up sections of your page, add a sense of movement and dynamism,..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-Animated-Shape-Divider-in-Elementor_-1024x536.jpg
word_count: 463
---

# How to Create Animated Shape Divider in Elementor?

## 

- Advanced Separators from The Plus Addons for Elementor adds animated section dividers in Elementor, and the widget is installed and activated as part of The Plus Addons for Elementor.
- Wave dividers use the Row/Column dropdown to place a horizontal divider in Section/Row or a vertical divider in Column, then the Divider Position and Flip Divider controls set its placement.
- Wave Loop supports multiple animated wave shapes, with Shape Color Type, Height, Bones, Amplitude, and Speed controls, plus a + Add Item button to add more waves.

Do you want to create an animated shape divider in Elementor? These animated shape dividers can help break up sections of your page, add a sense of movement and dynamism, and create a more engaging and interactive user experience.

With the Advanced Separators widget from The Plus Addons for Elementor, you can add animated section dividers in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, [click here](https://theplusaddons.com/docs/add-separators-in-elementor/).*

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

**Best Used For:**

- Landing pages that need animated section transitions to guide visitors through content

- Agency or portfolio sites where wave dividers add motion between project showcase sections

- Product pages that use shape dividers to visually separate feature and pricing blocks

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/)

To do this, add the Advanced Separators widget to a container or section and follow the steps:

1. Select **Wave** from the **Shape Divider** section.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-wave-new1.gif)

2. From the **Row/Column** dropdown, select where to add the shape divider. You will find two options:

- **Section/Row** - With this option, you can add a horizontal shape divider to a section.

- **Column** - With this option, you can add a vertical shape divider to a column.

Select **Section/Row** here.

3. Select the appropriate position of the shape divider from the **Divider Position** section.

From the **Flip Divider** toggle, you can flip the shape divider.

4. Set an appropriate height for the shape divider from the **Shape Height** section.

5. From the **Wave Loop** section, you can add multiple animated wave shapes. By default, you will find two items here — open one item.

From the **Shape Color Type** section, you can add a solid or gradient color to the shape.

From the **Height** section, you can set the wave animation height. The higher the height the lower will be the animation wave height.

> *Note: This height will correspond to the height set in the Shape Height section.*

In the **Bones** section, you can set the number of wave curves in the animation.

From the **Amplitude** section, you can set wave movement. The higher the number the higher will be the wave movement.

You can control the animation speed from the **Speed** section. The higher the number the slower the animation will be.

Following this process, you can edit the other item. By setting different values and colors for the wave you can create interesting wave animations.

Click the **+ Add Item** button to add more waves.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-wave-demo.gif)

To add a shape divider inside a column instead, see [How to Add a Vertical Shape Divider in Elementor](https://theplusaddons.com/docs/add-a-vertical-shape-divider-in-elementor/). To pair section dividers with an animated background, see [How to Add an Animated Gradient Background in Elementor](https://theplusaddons.com/docs/add-an-animated-gradient-background-in-elementor/).