How to Add Shape Divider in Elementor?

Key Takeaways

  • The Plus Addons for Elementor includes the Advanced Separators widget for adding shape dividers.
  • Users can select between horizontal and vertical shape dividers using the Section/Row or Column options.
  • The Fill Color section allows users to customize the color of the shape divider in Elementor.
Table Of Content

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.

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

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.

Advanced separators shape new how to add shape divider in elementor? From the plus addons for elementor

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 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.

Advanced separators shape demo how to add shape divider in elementor? From the plus addons for elementor

About the Author

Aditya Sharma
CMO · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if the shape divider doesn't appear after adding it?

If the shape divider doesn't show up, ensure that the Advanced Separators widget from The Plus Addons for Elementor is installed and activated. This widget is essential for adding shape dividers. Additionally, check that you've selected the correct shape and position in the settings. If the settings are correct and it still doesn't display, try refreshing the page or clearing the cache.

Can I use the shape divider for both sections and columns?

Yes, you can use the shape divider for both sections and columns. The Advanced Separators widget allows you to select either 'Section/Row' for horizontal dividers or 'Column' for vertical dividers. This flexibility helps in creating visually appealing transitions between different parts of your website.

What settings work best for adding a shape divider in Elementor?

For optimal results when adding a shape divider, choose a shape that complements your design and set the appropriate position using the Divider Position section. Adjust the Fill Color to match your site's color scheme, and consider using the Flip Divider toggle for a unique effect. These settings enhance the visual appeal and ensure a seamless transition between sections.

Are there any limitations to using the Advanced Separators widget?

The main limitation is that the Advanced Separators widget is exclusive to The Plus Addons for Elementor and does not work with other page builders like Gutenberg, Beaver Builder, or Divi. Therefore, ensure you're using Elementor to take advantage of this feature. This exclusivity means you won't find these specific functionalities in other platforms.

How can I enhance interactivity with the shape divider?

You can enhance interactivity by adding a URL in the Advanced Separators widget's URL field. This allows you to create anchor links to other sections on the page, making navigation smoother for users. This feature is particularly useful for long pages where you want to guide users to specific content without scrolling.

What should I do if I want to create an animated shape divider?

To create an animated shape divider, refer to the tutorial on How to Create Animated Shape Divider in Elementor?. The Plus Addons for Elementor offers specific features for animations that can add a dynamic touch to your shape dividers, enhancing the overall user experience.

Last reviewed: April 9, 2026