> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/template-parts/creating-template-parts/creating-a-section/creating-a-section-with-elementor.md). # Creating a Section with Elementor Building a section visually, without needing Elementor Pro. {% embed url="" %} Template Parts work seamlessly with Elementor and allow you to visually build custom sections and place them anywhere on your site, all without needing **Elementor Pro**. This gives you theme-builder-level flexibility, built directly into Kalium. In this example, we’ll walk through how to create a **Section** using Elementor. *** ### 1. Enable Template Parts in Elementor By default, Template Parts are not editable with Elementor unless you enable the option manually. To do that: 1. Go to **Elementor -> Settings** 2. Under the **Post Types** section, make sure **Template Parts** is checked 3. Click **Save Changes**

*** ### 2. Create the Section Now that Elementor can edit Template Parts, you’re ready to create one: 1. Go to **Kalium -> Template Parts** 2. Click **Add New** 3. Add a title for your section (e.g. `30% Off Banner`) 4. Click **Publish** {% hint style="info" %} You can set up **Display Conditions**, **Placement**, and **Container Settings** now or later, the process is the same as when using Gutenberg. {% endhint %}

*** ### 3. Edit with Elementor Once the Template Part has been published, you’ll see the **Edit with Elementor** button appear. Click it to open the section in the Elementor editor. {% hint style="warning" %} If the **Edit with Elementor** button doesn't show up, it means Template Parts are not enabled in **Elementor -> Settings**. Make sure the checkbox is active under **Post Types**. {% endhint %} *** ### 4. Add Your Content Now you're in the Elementor editor. 1. Add your content, for this example we’ve added a banner block announcing a **30% Sale** 2. Design the section as you like 3. When finished, click **Publish**

*** ### 5. Check Your Section Return to **Kalium -> Template Parts** and you'll see your newly created section listed with an **Elementor** label. This means the section was built using Elementor and can be edited with it any time.

The "Elementor" label shows after the section title, so you will know it's built with Elementor

*** ### Optional: Insert the Section Manually The **Content Section** element in Elementor lets you easily insert any section of Template Parts directly into your layout, with no need to configure display conditions or placement settings. #### Why use this? * **Visual placement** – Drop the section exactly where you want in your design * **Simple selection** – Choose any existing section from the dropdown * **No display rules needed** – Skip conditions and hook settings if you want manual control **To use it:** 1. Edit any page with Elementor. 2. In the Elements panel, search for **Content Section** under the **Kalium** category.

3. Drag the element into the desired spot in your layout. 4. In the Content Section settings, you'll find:

* **Display Section** – Select the section you want to show. * **Edit Section** – Opens that section in a new tab. It appears once a section is chosen. * **Check Display Conditions** – Enable this to respect the section’s Display Conditions.
> Check if this section should be visible based on its Display Conditions. Left off, the section always appears wherever you’ve placed it. Turned on, the section’s own conditions decide, so a section with no conditions set is hidden. 5. When you're done editing click **Publish** And this is how it looks in the page we have added: