Skip to main content

Add a features section to a page

Add a features section in the page editor and customize its cards, columns, and blocks.

Note: This guide covers the latest page editor available with the Website Builder and Kajabi Pages, followed by a section for the Premier Legacy Templates. If you use Premier, scroll to Features sections in Premier Legacy Templates at the end of this article.

A Features Section showcases what makes your brand, product, or service special, so visitors see your strongest points at a glance. Choose a two- or three-card layout, or a two- or four-column layout, then customize each block to match your page.


Add a Features section

  1. From the Dashboard, click Website, then click Website Pages or Landing Pages.

  2. Click the Title of the page to open the editor.

  3. In the sidebar panel, click Add section.

  4. Under Features, select your section.

Preset features sections

Adding Preset Features Sections generates 2-4 Feature Blocks:

865721FE-F096-4476-8B1F-AD4D97218921_4_5005_c.jpeg

Each Features Section can be replicated in custom Sections, but a Preset Features Section streamlines building your page so you can get your site up and running in no time.

Feature cards

Feature Cards showcase your content with the Call to Action button enabled in the Feature Block Settings. Feature Cards also have the Background Box Shadow preset to Medium to create a card effect:

A467DA4C-EAB0-4E8A-905E-D7A64140CF12.png

Feature columns

Feature Columns showcase your content like Feature Cards, but they do not include a Call to Action button when added to your page. To include one, configure the Call to Action setting under the Feature Block Settings.

Feature Columns and Feature Cards also differ in their preset alignment and Background Box Shadow settings. As shown in the image below, Feature Columns are center-aligned and do not have a Box Shadow effect enabled:

DF01B7EE-94FF-4B1F-9FE2-39074BB02241.png


Customize a Features section

A Features Section generates 2-4 Feature Blocks. Each Block has the same settings to customize its appearance and behavior:

8E9EE607-A72D-4FD7-9C87-134D94FBF7F7.png

Learn how to customize a Feature Block in detail.

Section Settings

To customize the Section that contains your Blocks, configure the Section Settings to change its appearance, behavior, and content:


Features sections in Premier Legacy Templates

Add a Features section to a Premier page

  1. From the Dashboard, click Website, then click Website Pages or Landing Pages.

  2. Click the Title of the page to open the editor, or create a new page.

  3. Click Customize to open the page editor.

  4. In the sidebar, click Add Section.

  5. From the list, select Features. Your Features Section generates at the bottom of the page.

  6. Click Save to keep your changes.

Customize a Features section in Premier

Adjust the message and look of the whole Section.

Edit the Section heading and subheading

Customize the heading and subheading displayed above your Feature blocks.

Change the Section appearance

Customize the appearance of your Features Section:

  • Background Color

  • Text Color

  • Text Alignment

  • Spacing

You can also add more Feature blocks to the Section.

Customize Feature blocks in Premier

Click a Feature block to edit it.

Select an image for a Feature block

Select the Image displayed in the block by:

  • Uploading a new file

  • Selecting a recent file

Compatible file types are GIF, JPG, and PNG.

Set the image width

Enter a value (for example, 10px or 10) in the Image Width field to customize the width of the Image within the block.

Edit the Feature Block heading and text

Customize the messaging displayed in your Feature block.

Tip: Enlarge your Text Editor to fullscreen to edit your text content more easily.

Set an image action

Select an Image Action to trigger an action when a visitor clicks the Image. Leave it blank to disable the Image Action.

Use the Image Action to:

  • Lead a visitor to a custom Landing Page

  • Lead to a sale by going to a Checkout Page

  • Encourage your audience to download a file

  • Lead to any website page with a URL link

  • Open a Two Step Optin Popup

  • Lead to a section of the page

You can also choose to open the action in a new window.

Add a call to action to a Feature block

Choose to show a Call to Action (CTA) in your Feature block, then customize its text, CTA Action, and appearance.

Reveal a call to action with Time Reveal

Time Reveal shows the CTA button in the Feature Block after a set amount of time (the Offset) passes following an Event. To set it up:

  1. Select an Event.

  2. Enter your Offset value.

  3. Select the Offset time period: seconds, minutes, hours, or days.

Did this answer your question?