---
title: "How to Add Shape Divider in Elementor?"
url: https://theplusaddons.com/docs/add-shape-divider-in-elementor/
date: 2024-05-21
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Are you looking to add a shape divider in Elementor? These decorative elements not only enhance the visual appeal of your website but also help in creating a seamless transition..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Shape-Divider-in-Elementor_-2-1024x536.jpg
word_count: 311
---

# How to Add Shape Divider in Elementor?

## 

- Utilizes the Advanced Separators widget from The Plus Addons for Elementor to add shape dividers.
- Offers options to select horizontal or vertical shape dividers for sections and columns.
- Allows customization of shape divider position, fill color, and icon through the widget settings.

Are you looking to add a shape divider in Elementor? These decorative elements not only enhance the visual appeal of your website but also help in creating a seamless transition between different sections.

With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add a shape divider 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.***

[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 **Shape 1** from the **Shape Divider** section.

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

2. Then from the **Row/Column** dropdown, you can select where to add the shape divider. Here you’ll 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 the option as per your requirements, let’s select Section/Row here.

3. Then 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. Then from the **Fill Color** section, you can add color to the shape divider.

From the **Icon Font** dropdown, you can choose the icon library, and based on that you’ll get options to select an icon. 

You can manage the icon color and size as well.

In the **URL** field, you can add a URL. You can [anchor link](https://elementor.com/help/create-anchor-links/) to the next section on the page to add more interactivity.

This is how easily you can add a shape divider to a section or column in Elementor.

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

***Suggested Reading***: *[How to Create Animated Shape Divider in Elementor?](https://theplusaddons.com/docs//create-animated-shape-divider-in-elementor/)*