Customizing Your Footer

HelpCenter
calendar_month Updated

Learn to enable and customize the footer of your page.


In this article:


This guide refers to the new Kajabi Pages and Website Builder. If you are using the Premier Legacy Templates, please refer to the guide here.

Adding a footer section to your page

The Footer of your pages is a great place to include links to additional resources such as your privacy policy, social links, copyright information, and more!

The Footer is built to streamline the process of building extra resources into the final section of your page and can be customized to fit your business and brand.  

In the section settings, you can customize the background color and visibility. You can also update your Footer content.

  • Open the Website tab from the Dashboard. 
  • Select the Pages tab. 
  • Open the page editor for your Page. Learn more
  • Navigate to the sidebar panel and click Footer:


Customizing your footer

Customize the blocks, behavior, and appearance of your Footer.

First, customize your Footer Text Color, Copyright Text Color, Powered by Kajabi Text Color, and Footer Background Color to best fit your brand.

How to add footer blocks

  • Open the Website tab from the Dashboard. 
  • Select either Website Pages or Landing Pages.
  • Open the page editor for your Page. Learn more
  • Navigate to the sidebar panel and click Footer.
  • Click Add Content.
  • Select your Block Type:

Footer Block Types

Customize your Footer by adding Footer Content Blocks:

Copyright

Customize the text displayed with the Copyright block.

Logo

Display your brand by adding a Logo Image or Logo Text to the Footer of your page:

6F954517-6066-4E36-AC10-2EC51DFB9FBE.png

Step 1. Select your Logo Type

After adding the Logo Block Type, select: 

  • Image
  • Text
Note:
If you have uploaded a Logo Image to the Branding section of your Site Detail Settings prior to creating the page, Image Logo Type will default to the Logo uploaded in your Site Detail Settings. If you wish to change the image for your page, follow Step 2: Upload your Logo

Step 2. Upload your Logo

Depending on the Logo Type selected:

  • Upload your Logo Image by clicking Select Image and choosing a new file or a recent file.
  • Enter text in the Logo Text field.

Step 3. Customize your Logo

Image Alt Attribute

Enter a brief image description to identify the image for SEO purposes, accessibility, and if the image cannot be displayed. 

Logo Image Width

If you have selected Image as your Logo Type, customize the width of your image to change the appearance of your Logo on your page.

Logo Text Color 

If you have selected Text as your Logo Type, customize the text color to brand your Logo Text.

Link List

Add a Navigation Menu to the Footer of your page for your users to easily navigate to additional resources on your website. 

60BDEE8A-8267-4104-BABA-6465E31D3294.png

Step 1. Select your Menu

  • Open the Menu dropdown.
  • Select the Menu/Link List that you wish to add to your Header. 
Note:
To create and edit your menu links, click Edit your link lists below the Menu header in the sidebar editor.

Step 2. Change your Menu Alignment

Change the alignment of your Menu based on its location in your list of Header Blocks:

  • Left
  • Center
  • Right

Social Icons

Add links to popular social platforms and encourage your visitors to stay connected with your brand and business:

E6A2AE5D-2B66-4B9A-BC54-D84F22A64B36.png

Step 1. Add your Social Links

  • Copy the links to your social platform pages (e.g., Facebook, Twitter, Instagram, Youtube, etc.).
  • Paste into the Social Icons Block of your Footer.

Step 2. Brand your Social Icons

Click the Social Icon Color:

  • Change the color for the social icon containing your Social Links.
  • Select a color from your default site color palette or select the color wheel to select a custom color.

Click the Social Icon Background Color:

  • Change the background color for the social icon containers.
  • Select a color from your default site color palette or select the color wheel to select a custom color.

Select a Social Icon Background Style:

Change the background shape of your Social Icon:

  • Round
  • Square
  • None (no background shape for a minimal style)

Footer section settings

Desktop Layout

Customize your Footer appearance when viewed on Desktop Devices:

  • Choose to Hide Footer
  • Switch to a Vertical Layout to stack your Blocks vertically (instead of the default horizontal layout)

Mobile Layout

Customize your Footer appearance when viewed on Mobile Devices:

  • Choose to Hide Footer

Typography

Customize the Font Size for text displayed in your Footer when viewed on Desktop and Mobile Devices.


And that's how to customize your Footer! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?