{"id":2232,"date":"2017-03-06T14:34:35","date_gmt":"2017-03-06T14:34:35","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=2232"},"modified":"2025-12-06T08:33:38","modified_gmt":"2025-12-06T06:33:38","slug":"v130-shape-divider","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/v130-shape-divider\/","title":{"rendered":"Introducing Shape Divider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2232\" class=\"elementor elementor-2232\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-lvx0dl8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"lvx0dl8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-y8a32xc\" data-id=\"y8a32xc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-esceef8 elementor-widget elementor-widget-text-editor\" data-id=\"esceef8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Today we are excited to introduce Elementor&#8217;s new Website Shape Divider &#8211; a new refreshing design feature that will transform your pages and help you create beautiful and professional looking designs.<\/strong><\/p><p>Here in Elementor, we not only follow top design trends, we also set them. Shape Divider is a perfect example of that, as it broadens the range of design possibilities considerably\u00a0and allows you to create cool separator effects, that until now were simply not possible.<\/p><p>We really fell in love with this feature. So much so, that we decided to release it to the entire Elementor community, and not just to pro users.<\/p><p>We are starting off with 18 shapes you can choose from. These are starter shapes, that can be customized to create an endless and versatile array of dividers for your WordPress websites.<\/p><p><strong>Here they are:<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-mpcnqev elementor-widget elementor-widget-image\" data-id=\"mpcnqev\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1388\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=1388\/blog\/wp-content\/uploads\/2017\/03\/shape-divider-900-768x1388.png\" class=\"attachment-medium_large size-medium_large wp-image-2250\" alt=\"shape divider 900\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/03\/shape-divider-900-768x1388.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=166\/blog\/wp-content\/uploads\/2017\/03\/shape-divider-900-166x300.png 166w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=567\/blog\/wp-content\/uploads\/2017\/03\/shape-divider-900-567x1024.png 567w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=901\/blog\/wp-content\/uploads\/2017\/03\/shape-divider-900.png 901w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Website dividers by Elementor<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ohh5siu elementor-widget elementor-widget-heading\" data-id=\"ohh5siu\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How Shape Divider Works<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-iqnvq1j elementor-widget elementor-widget-text-editor\" data-id=\"iqnvq1j\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Shape Divider feature uses highly optimized SVG shapes, that are manipulated and customized on our frontend editor.<\/p><p>When we developed this feature, we had two important guidelines we focused on: making sure the shapes were lightweight and optimized, while delivering shapes that looked great on any screen, resolution and device.<\/p><p>Besides making the shapes lightweight SVG files, we have also made their loading asynchronous, meaning they only load when you need them to, and after the page has finished loading, so it doesn&#8217;t affect page speed.<\/p><p>Because the shapes are SVGs, this guarantees they are always seen as high resolution, including on retina screens.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-omceev0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"omceev0\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0uhl32o elementor-widget elementor-widget-heading\" data-id=\"0uhl32o\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Control Over Shapes<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-i5tpl9o elementor-widget elementor-widget-text-editor\" data-id=\"i5tpl9o\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Flexibility is an important factor when creating shapes. In Elementor, you have control over the various settings that help customize each and every shape:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4hecjl7 elementor-widget elementor-widget-image\" data-id=\"4hecjl7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"472\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=472\/blog\/wp-content\/uploads\/2017\/03\/shape-example-1-768x472.jpg\" class=\"attachment-medium_large size-medium_large wp-image-2260\" alt=\"shape-example-1\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/03\/shape-example-1-768x472.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2017\/03\/shape-example-1-300x185.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2017\/03\/shape-example-1.jpg 800w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-otju5kh elementor-widget elementor-widget-text-editor\" data-id=\"otju5kh\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Background:<\/b> You can separate any background with shapes, including color, image, video and gradient backgrounds<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-s79zg1d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"s79zg1d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-pk4e21c elementor-widget elementor-widget-image\" data-id=\"pk4e21c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"472\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=472\/blog\/wp-content\/uploads\/2017\/03\/shape-example-4-768x472.jpg\" class=\"attachment-medium_large size-medium_large wp-image-2266\" alt=\"shape-example-4\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/03\/shape-example-4-768x472.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2017\/03\/shape-example-4-300x185.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2017\/03\/shape-example-4.jpg 800w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-xm5ha6e elementor-widget elementor-widget-text-editor\" data-id=\"xm5ha6e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Controls: <\/b>With the Shapes feature, you can control the size of the shapes, as well as invert them or flip them over<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ufkqeur elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ufkqeur\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4sui5bm elementor-widget elementor-widget-image\" data-id=\"4sui5bm\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"472\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=472\/blog\/wp-content\/uploads\/2017\/03\/shape-example-3-768x472.jpg\" class=\"attachment-medium_large size-medium_large wp-image-2264\" alt=\"shape-example-3\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/03\/shape-example-3-768x472.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2017\/03\/shape-example-3-300x185.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2017\/03\/shape-example-3.jpg 800w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-iqxfxlq elementor-widget elementor-widget-text-editor\" data-id=\"iqxfxlq\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Top &amp; Bottom Shapes: <\/b>Set a different shape for the top and bottom part of the section, with a separate set of controls for each side<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0zzq4z7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0zzq4z7\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4yw0rpk elementor-widget elementor-widget-image\" data-id=\"4yw0rpk\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"365\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/elementor-shapes-mobile.gif\" class=\"attachment-full size-full wp-image-2261\" alt=\"elementor-shapes-mobile\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0id6rvr elementor-widget elementor-widget-text-editor\" data-id=\"0id6rvr\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Mobile editing: <\/b>You can quickly customize a different shape to fit desktop, tablet and mobile screens, using Elementor&#8217;s Mobile Editing feature.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdujfx2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bdujfx2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-axt9u9e elementor-widget elementor-widget-image\" data-id=\"axt9u9e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"402\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=402\/blog\/wp-content\/uploads\/2017\/03\/tiny-free-templates-768x402.png\" class=\"attachment-medium_large size-medium_large wp-image-2270\" alt=\"tiny free templates\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/03\/tiny-free-templates-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2017\/03\/tiny-free-templates-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2017\/03\/tiny-free-templates-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2017\/03\/tiny-free-templates.png 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-m4u9ryp elementor-widget elementor-widget-heading\" data-id=\"m4u9ryp\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6 Shape Divider Templates to get you started!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6rbff61 elementor-widget elementor-widget-text-editor\" data-id=\"6rbff61\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We want you to get the fastest introduction into the shapes feature. This is why we&#8217;ve created 4\u00a0stunning FREE templates, that showcase a few creative ideas for using shapes. If you&#8217;re a Pro user, you get 2\u00a0more shape templates that are no less stunning.<\/p><p>You are invited to use these templates for your own website, and tinker with the shapes to get to know just how easy it is to use.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-nj1yv1c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"nj1yv1c\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-syrbaqu elementor-widget elementor-widget-heading\" data-id=\"syrbaqu\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Other Improvements<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58l617y elementor-widget elementor-widget-text-editor\" data-id=\"58l617y\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Because the new shapes feature is so substantial, we won&#8217;t elaborate much on the other features added to Elementor this week. Hopefully, we will be able to publish a longer post depicting them in more detail further ahead.<\/p><p>In the meantime, here is a quick update on all the other improvements added to Elementor with this release.<\/p><p><b>Video Lightbox &#8211; <\/b>You can now add a video lightbox modal, so when the user clicks on an image, the video opens as a lightbox. You can visually control various design settings of the lightbox.\u00a0To see the video lighbox feature, make sure you add an image overlay to your video widget.\u00a0<br \/><a href=\"https:\/\/elementor.com\/blog\/v130-video-lightbox\/\">Read more about Video Lightbox \u2192<\/a><\/p><p><b>Button Shadow &#8211; <\/b>We added box shadows to Elementor <a href=\"https:\/\/elementor.com\/blog\/v05-box-shadow-animations\/\">back in July<\/a>, and if I am not mistaken this feature is still only available on our builder. Now, you can also add shadows to buttons. How cool is that?<\/p><p><b>Smooth Scroll &#8211; <\/b>A few months ago, we introduced smooth scrolling to our anchor widget. This way, you can create a one-page navigation that moves from section to section smoothly. Now you can use an ID to add smooth scrolling to any Elementor element: section, column or widget, without having to use the Anchor widget.<\/p><p><b>Icon List Dividers &#8211; <\/b>As per many of our users&#8217; request, we have now added the ability to separate the different list items with lines and spaces, and design the line style however you like. We have also fixed an issue where list items which were longer than one line wrapped around the icon instead of getting aligned one below the other.<\/p><p><b>Optimization Improvement &#8211; <\/b>Without getting too technical, We&#8217;ve made sure JS scripts are included in the page only if you are using them. This means that your page only loads the widget JS scripts it needs, making Elementor pages load even faster. <br \/><strong>Note:<\/strong> If you&#8217;re a developer, follow <a href=\"https:\/\/github.com\/pojome\/elementor-hello-world\/blob\/5d37a45a9419ecb825e1706eb83689dfa0b252f8\/widgets\/hello-world.php#L34-L42\">this code example<\/a> to understand how it works.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-jxdg1dw elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"jxdg1dw\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ergh17c\" data-id=\"ergh17c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7jvgs7c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7jvgs7c\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-n7vwunb elementor-widget elementor-widget-heading\" data-id=\"n7vwunb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-yan3off elementor-widget elementor-widget-text-editor\" data-id=\"yan3off\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Shape Divider has been added to a list of features we have added since the beginning of the year to the Free Elementor <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/products\/page-builder-plugin\/\"   title=\"Page Builder Plugin\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27058\">Page Builder<\/a>, including Revision History and Gradients.<\/p><p><strong>We invite you to take the new Elementor version for a spin, and share some of your creative shape divider pages with us.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Today we are excited to introduce Elementor&#8217;s new Website Shape Divider &#8211; a new refreshing design feature that will transform your pages and help you create beautiful and professional looking designs. Here in Elementor, we not only follow top design trends, we also set them. Shape Divider is a perfect example of that, as it [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2246,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[79,173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-features","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Website Shape Divider: An Amazing Design Feature for WordPress<\/title>\n<meta name=\"description\" content=\"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Shape Divider: An Amazing Design Feature for WordPress\" \/>\n<meta property=\"og:description\" content=\"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-06T14:34:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-06T06:33:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"Introducing Shape Divider\",\"datePublished\":\"2017-03-06T14:34:35+00:00\",\"dateModified\":\"2025-12-06T06:33:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\"},\"wordCount\":839,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\",\"url\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\",\"name\":\"Website Shape Divider: An Amazing Design Feature for WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png\",\"datePublished\":\"2017-03-06T14:34:35+00:00\",\"dateModified\":\"2025-12-06T06:33:38+00:00\",\"description\":\"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/v130-shape-divider\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png\",\"width\":1200,\"height\":628,\"caption\":\"Introducing Shape Divider\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/v130-shape-divider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Features\",\"item\":\"https:\/\/elementor.com\/blog\/category\/new-features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Shape Divider\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Shape Divider: An Amazing Design Feature for WordPress","description":"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/v130-shape-divider\/","og_locale":"en_US","og_type":"article","og_title":"Website Shape Divider: An Amazing Design Feature for WordPress","og_description":"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.","og_url":"https:\/\/elementor.com\/blog\/v130-shape-divider\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2017-03-06T14:34:35+00:00","article_modified_time":"2025-12-06T06:33:38+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"Introducing Shape Divider","datePublished":"2017-03-06T14:34:35+00:00","dateModified":"2025-12-06T06:33:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/"},"wordCount":839,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png","keywords":["Build","Video"],"articleSection":["New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/v130-shape-divider\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/","url":"https:\/\/elementor.com\/blog\/v130-shape-divider\/","name":"Website Shape Divider: An Amazing Design Feature for WordPress","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png","datePublished":"2017-03-06T14:34:35+00:00","dateModified":"2025-12-06T06:33:38+00:00","description":"Introducing Shape Divider - a new refreshing design feature that will transform your pages and help you create beautiful professional websites.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/v130-shape-divider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/03\/Introducing-Shape-Divider.png","width":1200,"height":628,"caption":"Introducing Shape Divider"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/v130-shape-divider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Features","item":"https:\/\/elementor.com\/blog\/category\/new-features\/"},{"@type":"ListItem","position":3,"name":"Introducing Shape Divider"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":146810,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2232\/revisions\/146810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/2246"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=2232"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=2232"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}