SoulSections is a dynamic layout module for Beaver Builder that helps you build professional layouts in seconds, fine-tune responsive styles, and customize advanced navigation patterns.
It takes a ‘fewer-modules’ approach to building websites - giving editors a consistent, codeless interface that integrates seamlessly with GSR’s professional animation and typography tools.
Page builders typically offer a wide variety of modules, each with different settings and behaviors to learn. SoulSections simplifies the page-building and editing experience by allowing you to create almost any front-end element with the same interface.
It's a tool for both designers and developers, as it accommodates code-free content input while offering styling options at several screen sizes.
Beaver Builder's templating options allow you to assemble a library of responsive, drag-and-droppable instances of SoulSections, so you can build a mobile-friendly website layout in a few seconds.
This site is built almost exclusively with SoulSections modules, from the banner images, to the navigation and footer.
After purchasing a SoulSections license, you'll receive an email with a link to download a zip file. Install that zip file in your WordPress Dashboard under Plugins → Add New.
After you have installed SoulSections, you'll see a new option in your Dashboard → Settings called SoulSections2.
ENTERING YOUR LICENSE
Visit that SoulSections2 page, and enter the license key you received when you bought SoulSections. Hit Save Changes to save your license. You'll now receive automatic updates as the plugin is improved over time.
LEARNING FROM PRESETS
The best way to get started with SoulSections is to explore the responsive presets that are included with the plugin. You can find these presets in the Builder's Content Tab.
SoulSections has many input fields for content, styles, and behavior, which make it very capable - but with this capability comes a learning curve, and it's much easier to learn by editing a preset configuration than it is to start from a completely blank slate.
SINGLE / MULTIPLE SUBSECTIONS
SoulSections allows you to create text/image pairings, called subsections, in isolation (like a single banner image with text on top of it) or in groups (like a trio of products, services, features, etc). Inputs specific to each of these arrangements will show/hide depending on whether you select Single Subsection or Multiple Subsections.
A subsection holds the following content containers, each with their own related inputs, in the following order:
Background Image/Video/HTML - a subsection's 'wallpaper' that can hold imagery, video, or custom code,
Foreground Image/Caption - an image/HTML container that sits above the Core,
Core - the grouping of four separate WYSIWYG input fields: Title, Tagline, Text, and CTA (Call to Action) that can each be independently styled.
This hierarchy is deliberate. Having several different content entry containers encourages you to craft more scannable, actionable copy - you may notice variations of the Title/Tagline/Text/CTA device across the web.