Separator For WPBakery Page Builder — is a dedicated addon designed to break the mold of standard page dividers. It provides a comprehensive suite of tools to transform simple content dividers into beautiful, functional design elements. This plugin empowers you to craft separators that perfectly match your brand's aesthetic and enhance the user experience by guiding the reader's eye through your content logically and attractively.
Seamlessly integrated into the WPBakery interface, the plugin feels like a native element, making it incredibly intuitive to use. You can easily add a separator, then dive into a rich panel of customization options. Choose from various border styles, add custom text or titles within the separator, and even embed icons from popular libraries like Font Awesome. Adjust colors, thickness, width, and alignment with just a few clicks, giving you complete creative control without ever touching a line of code.
Why this is important
In a world where user attention is scarce, how you structure your content is critical. A wall of text is intimidating and causes high bounce rates—studies show that over 55% of users spend less than 15 seconds on a webpage. Well-placed, visually appealing separators break up long sections, making content more digestible and scannable. This simple addition can significantly improve on-page time and user engagement. By using this plugin, you are not just adding a line; you are implementing a design strategy to hold your visitor's attention and guide them through your message effectively.
Features
- Advanced Styling Options: Choose from solid, dotted, dashed, double, and more border styles.
- Text & Title Integration: Easily add and style a title or text in the middle of the separator.
- Icon Support: Embed icons from Font Awesome or other icon libraries directly into your divider.
- Full Color Control: Customize the color of the line, text, and icon to match your site's branding.
- Responsive Design: Separators adapt perfectly to all screen sizes, from desktop to mobile.
- Adjustable Thickness & Width: Control the separator's thickness (in pixels) and width (percentage or pixels).
- Element Alignment: Align the separator and its content (left, center, right) with ease.
- Custom CSS Support: Add your own CSS classes for even more advanced customization.
- Lightweight & Fast: Optimized for performance to ensure it doesn't slow down your website.
- Seamless WPBakery Integration: Works flawlessly within the WPBakery Page Builder (Visual Composer) interface.
Separator Customization Options
| Feature | Standard WPBakery Separator | Separator Addon |
|---|---|---|
| Line Styles | Solid, Dashed, Dotted | ✅ Solid, Dashed, Dotted, Double, Groove, Ridge |
| Add Icon | No | ✅ Yes (Full Font Awesome Library) |
| Add Title/Text | Yes (Limited Styling) | ✅ Yes (Advanced Font & Color Options) |
| Color Options | Preset Colors Only | ✅ Unlimited Custom Colors (Line, Icon, Text) |
| Responsive Controls | Basic | ✅ Advanced (Set different styles for devices) |
| Pre-built Styles | Limited | ✅ Includes a library of modern presets |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
What is the difference between this plugin and the default WPBakery separator?
The default WPBakery separator is very basic, offering only a few line styles and colors. This plugin dramatically expands functionality by allowing you to add text and icons directly into the separator, providing a much wider range of styles (like 'double' and 'groove'), and giving you granular control over colors, thickness, and alignment for every element.
Will this plugin slow down my website?
No, the plugin is built with performance in mind. It is lightweight and loads its assets efficiently, ensuring it has a negligible impact on your page load times. The code is optimized to prevent any unnecessary bloat while still providing powerful features.
Is this plugin compatible with the latest version of WordPress and WPBakery?
Absolutely. The plugin is regularly updated to ensure full compatibility with the latest versions of both WordPress core and the WPBakery Page Builder. We recommend keeping all your themes and plugins updated for the best performance and security.
Can I use custom fonts for the text within the separator?
Yes. The plugin will typically inherit the fonts available in your active WordPress theme. For further customization, you can use WPBakery's built-in typography options or apply a custom CSS class to the separator element to target it with your own font rules.
