How to Add Separators in Elementor?

Updated on June 24, 2024 by Editorial Team
Table Of Content

Do you want to add unique separators to Elementor sections? Adding a unique shape divider to sections can add depth and creativity to your design.

With the Advanced Separators widget from The Plus Addons for Elementor, you can add a unique shape divider to the Elementor section.

Check the Live Widget Demo

Required Setup

Learn via Video Tutorial:

How to Activate the Advanced Separators Widget?

Go to 

  • The Plus Settings Plus widgets 
  • Search the widget name and turn on the toggle then click Save.

Advanced separators activate how to add separators in elementor? From the plus addons for elementor

Key Features

How to Use the Advanced Separators in Elementor?

Add the Advanced Separators widget to a container or section. 

From the Shape Divider dropdown, you can select a shape divider type. Here you’ll find three options – 

  • None – With this option no shape divider will be added.
  • Wave – With this option, you can add an animated shape divider.
  • Shape 1 – With this option, you can use a shape as a divider.

You’ll see different options based on your selection, let’s select Wave here.

Advanced separators wave how to add separators in elementor? From the plus addons for elementor

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.

Let’s select Section/Row here.

From the Divider Position, you can add the shape divider at the top or bottom of the section.

By enabling the Flip Divider toggle you can easily flip the shape divider.

You can set a height to the shape divider from the Shape Height section.

Then from the Wave Loop section, you can add multiple animated wave shapes.

Advanced options remain common for all our widget, you can explore all it options from here.

View Advanced Tab Tutorial

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X