Creating a Section with WPBakery

Template Parts work seamlessly with WPBakery Page Builder, allowing you to visually build custom sections and place them anywhere on your site — without needing extra plugins or complex configuration. It’s a theme-builder-like experience built right into Kalium.

In this example, we’ll walk through how to create a Section using WPBakery.

1. Create the Section

To begin:

1. Go to Kalium → Template Parts

2. Click Add New

3. Add a title for your section (e.g. Summer Sale - 20% Off)

4. Click Publish

2. Edit with WPBakery

After publishing, click the Edit with WPBakery Page Builder button to open the section in the visual editor.

3. Add Your Content

Now you're inside the WPBakery editor.

1. Add your content — for this example, we’ve used a banner with a call-to-action

2. Design the layout and styling as needed

3. When you're done, click Update

That’s it, you’ve successfully created a reusable Template Part section using WPBakery. It can now be displayed automatically using placement and display conditions, or inserted manually anywhere on your site.

Optional: Add the Section Manually

The Content Section element in WPBakery lets you insert any Template Part section directly into your layout — without needing to set up display conditions or placement rules.

Why use this?

• Visual placement – Drop the section exactly where you want on the page

• Simple selection – Choose from your existing Template Part sections

• No display logic required – Skip conditions and hook settings for full manual control

To insert a Section manually:

1. Edit the page using WPBakery.

   
2. Click Add Element and search for Content Section under Laborator tab.

   
3. Select the section you want to display using the Display Section dropdown.

   
4. Enable Check Display Conditions if you want the section to respect its defined visibility rules.

   Check if this section should be visible based on its Display Conditions. This has no effect unless conditions are defined in the section settings.

5. Save the changes and click Update

You can place this element anywhere in your layout, below you can see how it looks live: