A section is a specific area of your page that contains Blocks used to organize and break up your content. Your page typically contains several sections, which you can customize and preview in the sidebar editor:
Use sections to organize and present your content in an easy-to-consume, beautifully designed page.
All sections are made up of Blocks, so you can replicate any section by adding Block types to it. Preset sections with preset Block types (like Text in Panel or Hero with Countdown) look different from sections where you click Add Content to add Block types yourself.
Tip: Enable Guides from your Design Tools to help you tell each element on your page apart.
Preset Sections
Kajabi offers over 45 preset sections, so you can design your page exactly as you want:
Basic Content sections include preset Text Blocks, a Text Block with a Call to Action preset, or a Form Block and a Text Block.
Hero sections have preset backgrounds that can include a Countdown overlay, Form overlay, Image overlay, or Video overlay.
Features sections showcase your brand, product, or service with Feature Cards or Feature Columns.
Carousel sections display images, testimonials, and videos in an interactive carousel.
Marketing & Events sections help you grow your list and register visitors for an event with Forms, Event Blocks, and more.
Tip: Want more functionality in your page sections? Custom Website Widgets let you add a large variety of functionality to your pages to increase engagement, with no code required. Learn how to add a Website Widget to your page. Widgets may carry an additional cost outside your base Kajabi plan fee.
Add a section
Each section you add appears at the bottom of your page, and you can drag it into place afterward.
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages for the type of page you want to edit.
Open the page editor for your page. Learn how to open the page editor
Click Add section in the sidebar.
Click the section you want to preview it on your page without adding it.
Click Add to add the section to your page.
Click Save to keep your changes.
Note: Each page supports up to 50 sections. When you reach the limit, the Add section button is replaced by the message This page cannot have more than 50 sections. To add more content, combine related content into fewer sections with multiple Blocks.
Edit sections
From the sidebar editor, you can rename, duplicate, hide, delete, and reorder sections to build your page the way you want.
Rename, duplicate, hide, or delete a section
Rename a section to stay organized, especially when your page has several similar sections. The names you give sections are visible only to you in the editor and never appear on your published page.
Duplicate a section to save time when you build similar layouts on the same page, or to create separate versions optimized for mobile and desktop. The copy appears at the bottom of the page, so you may need to rearrange it.
Hide a section to build and customize content in advance without it going live on your page. Hidden sections stay in the sidebar editor, so you can show them again whenever you're ready.
Delete a section to permanently remove it and all of its content.
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages.
Open the page editor for your page. Learn how to open the page editor
In the sidebar editor, hover over the section you want to edit.
Click the more options (...) icon.
Select Rename, Duplicate, Hide, or Delete.
Click Save to apply your changes.
When you rename a section, press Enter or click the check mark to confirm. Press Esc or click the X to cancel. A hidden section shows Show in place of Hide in the menu.
Warning: Deleting a section and saving cannot be undone. If you delete a section by mistake, leave the page before you save and confirm that you want to leave without saving. Any other unsaved changes you made before the deletion are lost too.
Rearrange sections
Drag sections in the sidebar editor to change the order they appear on your page.
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages.
Open the page editor for your page. Learn how to open the page editor
In the sidebar editor, click and hold the drag handle (the menu icon) next to the section you want to move.
Drag the section to its position, then release.
Click Save to apply your changes.
Create saved sections
Saved sections let you reuse your favorite sections, including ones you custom designed, on other pages and emails. Design a section once, save it to your saved sections library, then add it to another page or email to build cohesive, branded landing pages, website pages, and email campaigns quickly.
In the page builder, design a section and save it to your saved sections library. When you design another page, open your saved sections library to add it:
Save a section from a page
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages.
Open the page editor for your page. Learn how to open the page editor
Click Add section in the sidebar.
Click the section you want, then click Add.
Click the section in the sidebar editor to open its settings.
Customize the section.
Click the bookmark Save button at the top of the section's settings.
Enter a name for the saved section, then click Save.
Click Save to save your page changes.
Save a section from an email
From the Dashboard, click Marketing, then click Email Campaigns.
Click New Email Campaign to design an email campaign, or select a drafted email campaign.
Go to Email Content.
Hover over the section and click Edit content.
Click Add section in the sidebar.
Click the section you want, then click Add.
Click the section in the sidebar editor to open its settings.
Customize the section.
Click the bookmark Save button at the top of the section's settings. (In the older builder, this button reads Save section.)
Enter a name for the saved section, then click Save.
Click Save to save your email changes.
Add a saved section to a page or email
You can add a saved section to any page or email it's compatible with. See Saved section compatibility below for the rules.
From the Dashboard, open the page or email you want to edit. For a page, click Website, then Website Pages or Landing Pages. For an email, click Marketing, then Email Campaigns.
Open the page editor, or open the email campaign's Email Content and click Edit content.
Click Add section in the sidebar.
Click Saved sections.
Select the saved section you want to preview.
Click Add to page.
Click Save to keep your changes.
Manage saved sections
In the saved sections window, type in the Find box to search by name. Use Sort By to order your saved sections by Recently saved, Name, or Last used.
In the page or email editor, click Add section, then click Saved sections.
Select the saved section you want to change.
Open the more options (...) menu next to the section's name.
Select Rename or Remove section.
If you select Rename, enter a name and click Save.
Saved section compatibility
A saved section works only on compatible pages and emails. It's compatible when the page type and theme match, and the theme version is the same or a compatible version.
If a saved section isn't compatible with the page or email you're editing, it appears in the Incompatible sections group. You can select it to preview it, but Add to page is turned off and the window shows This section is incompatible with this theme.
Compatible and incompatible combinations
Saved sections work between:
Website pages and other website pages with the same theme
Landing pages and other landing pages with the same theme
Emails and other emails with the same theme
Saved sections don't work between:
Different page types, for example a website page and a landing page
Different themes, for example Encore and Premier
Custom themes and custom code
If a saved section comes from a custom theme, the theme you add it to must include that section type.
If you add a saved section that contains custom code to a theme that doesn't support its settings, Kajabi adds the section with the unsupported settings removed and shows Your saved section had settings that are incompatible with this theme and were removed. The section may not look exactly as it did in its original theme.
Add a section to a Premier page
Premier is a legacy template. If your page uses a Kajabi Pages template, follow the steps in Add a section above instead. Landing pages built with Premier can be customized with sections, so you can turn a preset template into a page that's branded and designed as your own:
From the Dashboard, click Website, then click Pages.
Select the page you want to customize, or create a page.
Click Customize to open the template editor.
Click Add section in the sidebar.
Select the section you want, then click Add.
Click Save to keep your changes.
FAQs
Can I duplicate a section onto another page?
No. A duplicated section is always added to the bottom of the same page. To reuse a section on another page, save it as a saved section, then add it from your saved sections library.
Why can't I delete, duplicate, or hide a section?
Some sections are protected. Hover over the unavailable option to see why. This section is required means you can't delete it, like the Login section on a Login page. This section is unique means you can't duplicate it. This section cannot be hidden means you can't hide it.