The Footer is the last section of your page. Use it to add your logo, a menu, social links, and copyright information so visitors can find your key links at the bottom of the page.
Note: Pages built with the Premier legacy template use different Footer settings. Follow the steps in Customize the footer in the Premier legacy template, below.
Open the Footer settings
The Footer settings control the background color, visibility, and content of the Footer.
From the Dashboard, click Website.
Click Website Pages or Landing Pages, depending on the page you want to edit.
Click the Title of the page to open the editor.
In the sidebar panel, click Footer.
Customize footer blocks and colors
Set the Footer Text Color, Copyright Text Color, Powered by Kajabi Text Color, and Footer Background Color to match your brand. Then add Footer blocks to build out the content.
Add footer blocks
From the Dashboard, click Website.
Click Website Pages or Landing Pages, depending on the page you want to edit.
Click the Title of the page to open the editor.
In the sidebar panel, click Footer.
Click Add block.
Select a block type: Copyright, Logo, Menu, or Social Icons.
Add a copyright
Add the Copyright block to display copyright text in your Footer. Customize the text that appears with the block.
Add a logo
Display your brand by adding a logo image or logo text to the Footer of your page.
Select your logo type
After adding the Logo block, select the logo type:
Image
Text
Note: If you uploaded a logo image to the Branding section of your Site Detail Settings before creating the page, the Image logo type defaults to that logo. To use a different image on this page, follow the steps in Upload your logo.
Upload your logo
Depending on the logo type you selected:
Click Select Image, then choose a new file or a recent file
Enter text in the Logo Text field
Customize your logo
Image Alt Attribute: Enter a brief image description. It identifies the image for SEO and accessibility, and appears if the image cannot be displayed.
Logo Image Width: With the Image logo type, change the width to adjust how your logo appears on the page.
Logo Text Color: With the Text logo type, change the text color to brand your logo text.
Add a Link List
Add a navigation menu to the Footer so visitors can find additional resources on your website.
Select your menu
Open the Menu dropdown.
Select the Menu/Link List you want to add to your Footer.
Note: To create and edit your menu links, click Edit your link lists below the Menu header in the sidebar editor.
Change your menu alignment
Change the alignment of your menu based on its position in your list of Footer blocks:
Left
Center
Right
Add social icons
Add links to your social platforms so visitors can stay connected with your brand.
Add your social links
Copy the link to each of your social platform pages.
Paste each link into the Social Icons block of your Footer.
Brand your social icons
Click Social Icon Color to change the color of the icons that contain your social links. Select a color from your site color palette, or use the color wheel for a custom color.
Click Social Icon Background Color to change the background color of the icon containers. Select a color from your site color palette, or use the color wheel for a custom color.
Select a Social Icon Background Style to change the background shape: Round, Square, or None for a minimal style.
Change Footer section settings
Change the desktop layout
Customize how the Footer appears on desktop devices:
Select Hide Footer to hide it
Switch to a Vertical Layout to stack your blocks vertically instead of the default horizontal layout
Change the mobile layout
Select Hide Footer to hide the Footer on mobile devices.
Change the footer font size
Set the font size of the text in your Footer for desktop and mobile devices.
Customize the footer in the Premier legacy template
The Premier legacy template has its own Footer settings. Use this section if your page was built with Premier.
Note: Premier is a legacy template and may be outdated. If your page uses the Website Builder, use the steps earlier in this article.
Edit the footer in Premier
In the Section Settings, you can change the Footer background color and visibility, and edit the Footer content.
From the Dashboard, click Website.
Click Website Pages or Landing Pages, depending on the page you want to edit.
Click the Title of the page to open the editor.
In the page editor, click Footer in the sidebar.
Customize your Footer Logo, Copyright, Menu, and Social Icons.
Click Save to keep your changes.
Hide the footer in Premier
To hide the Footer altogether, change the Section Settings:
From the Dashboard, click Website.
Click Website Pages or Landing Pages, depending on the page you want to edit.
Open the page you want to customize to launch the page editor.
In the page editor, click Footer in the sidebar.
Uncheck the Show Footer checkbox.
Click Save to keep your changes.
Customize the footer in the Premier course template
Show or hide the logo in Premier
Click Show Logo to display your uploaded logo image. To remove your logo, deselect Show Logo.
Edit the menu in Premier
Edit the copyright in Premier
Add social icons in Premier
Under the Social Icons header, check the Show Social Icons box.
Enter the full URL for each of your social media accounts.
Customize the icons.
Click Save to keep your changes.
