Creating a Section
Last updated
Last updated
Sections let you insert custom content into specific parts of your site — like above the header, below the content, or inside WooCommerce product pages. These are placed using WordPress and plugin hook locations, and you can decide exactly when and where they appear using display conditions.
In this example, we’ll create a banner that displays after the header across the entire site.
In your WordPress dashboard, go to Kalium → Template Parts.
Switch to the Sections tab at the top, then click Add New in the top-left corner.
Enter a name for your section. For example: 30% Off Summer Sale Banner
Now add your content in the editor. This can be anything — a short message, a call-to-action, a promotional banner, or even a more complex layout with images and buttons.
In this example, we’ll use the default WordPress editor (Gutenberg) to build the section. If you prefer using Elementor or WPBakery, please check the respective articles:
Click the Kalium icon in the top-right corner to open the Template Part Settings panel.
Make sure the Type is set to Section. If it's not, switch it manually — otherwise the section may not behave as expected.
For a complete overview of all types and how to use them, see the article below:
Click Add Condition to choose where this section should appear.
For this example, we want the banner to show across the entire site:
Set General Page → Is → Entire Site
You can always add more than one condition and combine them using AND or OR logical operators to create more advanced specific rules.
For a complete overview of all condition types and how to use them, see the article below:
This setting is available only for Sections.
Click Add New Location to choose where the section appears on the page.
You can:
Select from a list of predefined hook locations
Search within the list
Or click the target icon to open a visual popup where you can select the exact area
For this example, choose Header After.
Leave the Priority set to 10 unless you need to control the display order of multiple sections targeting the same location.
Sections with lower priority numbers appear first. For example, a section with priority 5 will show before one with priority 10 in the same hook location.
This is especially useful when you're stacking multiple sections in the same area (e.g. adding a notice above a banner).
Under Container Settings, you can fine-tune how your section is wrapped and displayed:
Wrap with Container – This is enabled by default. Turn it off if you want your content to stretch full-width or appear without wrapper elements.
Visibility – Choose whether the section appears on desktop, tablet, mobile — or all.
Container Classes – You can enter a class like container if you want the content to follow your site’s layout width. For this example, leave it blank.
Tag Name – You can optionally set a semantic HTML tag like <aside> or <section>. By default, this is set to <div>, so you can leave it empty.
Once everything is configured, click Publish.
Your section will now appear after the header on every page of your site, based on the conditions and placement you selected, as you can see below:
In addition to automatic placement, Kalium lets you manually insert Template Part sections anywhere inside a page or post using the default editor.
This is especially useful when you want to show a section in a very specific spot, without relying on automatic placement rules.
It only applies to Sections, since they’re designed to be embedded within content. Other types like Headers, Footers, and Pages replace parts of your site and can’t be inserted manually.
Below, we’ll explain how to insert sections manually using each method.
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 insert a section manually:
Edit your page or post in the default WordPress editor.
Start by typing / or click the “+” icon to add a new block.
Search for Content Section and select the block.
In the block settings, choose the section you want to display from the dropdown.
You’ll also find options to Change Section, Check Conditions, and Edit Template. Clicking Edit Template will open the template in a new tab so you can edit it directly.
If you prefer, you can insert any Template Part Section using a shortcode.
Shortcode format:
You don’t need to look up the ID manually — the shortcode is already visible next to each Template Part in the Template Parts dashboard. Just copy and paste it wherever you need.
You can control whether the shortcode respects the section’s display conditions by adding the check_conditions parameter:
check_conditions="yes" – The section will only appear if its display conditions are met
check_conditions="no" – The section will appear unconditionally, wherever the shortcode is placed
Example:
This is useful if you're placing the section inside:
Widgets
Custom HTML areas
Third-party shortcode-compatible plugins
