---
title: "How to Add a Vertical Shape Divider in Elementor?"
url: https://theplusaddons.com/docs/add-a-vertical-shape-divider-in-elementor/
date: 2024-05-22
modified: 2026-05-27
lang: en
author: "Aditya Sharma"
description: "Are you looking to add a vertical shape divider between columns in Elementor? A vertical shape divider creates a clear visual boundary between content areas within a section. With the..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-a-Vertical-Shape-Divider-in-Elementor_-1024x536.jpg
word_count: 248
---

# How to Add a Vertical Shape Divider in Elementor?

## 

- Utilizes the Advanced Separators widget from The Plus Addons for Elementor to add a vertical shape divider.
- Requires installation and activation of The Plus Addons for Elementor to access the Advanced Separators widget.
- Instructs users to select options from the Shape Divider section and adjust settings in Elementor for customization.

Are you looking to add a vertical shape divider between columns in Elementor? A vertical shape divider creates a clear visual boundary between content areas within a section.

With the Advanced Separators widget from The Plus Addons for Elementor, you can add a vertical shape divider to any section or container 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/).*

**Best Used For:**

- Multi-column sections where you need a clear visual boundary between columns without a border or image- Feature comparison or pricing sections with two content areas that need a design separator- Hero sections where you are splitting content side by side and want a clean visual divider

***Requirement  - This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.***

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

2. Then select **Column** from the **Row/Column** dropdown. If you want a horizontal shape divider between rows or sections instead, see [How to Add a Horizontal Shape Divider in Elementor](https://theplusaddons.com/docs/add-a-horizontal-shape-divider-in-elementor/).

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

Then make the necessary adjustments to the shape divider based on the selected divider type.

This is how you can add a vertical shape divider to a section or container in Elementor. To also add animated scroll effects to the section, see [How to Add Global GSAP Animation in Elementor](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/).

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