# Creating a Section with WPBakery

{% embed url="<https://www.youtube.com/watch?v=Y6zofiX8ZoI>" %}

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.&#x20;

***

### 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**

{% hint style="info" %}
You can configure **Display Conditions**, **Placement**, and **Container Settings** now or later — the process is the same regardless of the builder you use.
{% endhint %}

<figure><img src="/files/dmT8SpwuwIyammHW6vYG" alt=""><figcaption></figcaption></figure>

***

### 2. Edit with WPBakery

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

{% hint style="warning" %}
If the **Edit with WPBakery** button doesn’t appear, go to **WPBakery → Role Manager**, and make sure Template Parts are enabled under **Post Types**.
{% endhint %}

***

### 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**

<figure><img src="/files/I11C9x8d9f9lQsd38V6n" alt=""><figcaption></figcaption></figure>

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

   <figure><img src="/files/RjpCf6U3V5IOaApWzJTk" alt=""><figcaption></figcaption></figure>

2. Click **Add Element** and search for **Content Section** under **Laborator** tab.<br>

   <figure><img src="/files/zbRY0fWNNpdsvkOfK7kU" alt=""><figcaption></figcaption></figure>

3. Select the section you want to display using the **Display Section** dropdown.<br>

   <figure><img src="/files/nnIxB6txua9KXPt5Bkt0" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/sMrTzG84u4zsQXTlyzbM" alt=""><figcaption><p>Live preview of the section we just added</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.kaliumtheme.com/template-parts/creating-template-parts/creating-a-section/creating-a-section-with-wpbakery.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.