The Login page is where your customers sign in to reach the Products in their Library. Customize it with an image, your brand colors, and your own wording so signing in feels like part of your site.
Use the Login page editor to style the Header, the Login section, and the Footer.
How customers reach the Login page
Customers sign in with the email address and password they set up when they purchased or were granted an Offer. After they sign in, they land on their Library page, where they can open their Products.
Your Login page is always at yourwebsitedomain.com/login. For example, if your website is www.learningwithme.com, send customers to www.learningwithme.com/login. Learn how to copy a page link.
Note: After purchasing an Offer, new customers create their login credentials either on the checkout page or on the Account Creation page, depending on your Offer settings. Learn what customers see when they purchase an Offer.
Customize the Login page
Creating a site on Kajabi generates an empty, default site theme. If you have just started with Kajabi, your Login page shows that default theme, which isn't customizable.
To design your Login page and your other website pages, select a customizable site template that fits your brand. Learn how to build a website with Kajabi.
Note: After you select a customizable site template, you can't revert to the empty, default site theme.
Open the Login page editor
From the Dashboard, click Website, then Website Pages.
Select Login from your list of Website Pages.
The editor opens on your Login page with only a few settings, so customizing it is quick. In the sidebar panel, you can change:
Header: Hide or display the Header, customize the Menu links and your logo, and add a hello bar banner to share announcements. Learn how to customize the header.
Login Section: Add an image and style the button, background, and text. This section is unique to the Login page.
Footer: Hide or display the Footer, then change the copyright, add social media links, and adjust the background color. Learn how to customize the footer.
To edit the Login section, click the Login tab in the sidebar panel.
Tip: If you add an image but don't see it on your Login page, select the Show Image checkbox and click Save.
Customize the Login section
The Login section takes up most of the page. Use it to add an image, style the button and background, and change the text customers see.
Add a login image
Display an image directly above the login fields:
Set the image width
Enter a value in the Image Width field to change the size of the image on your page. You can enter the value as 10px or simply 10.
Add image alt text
Add an image alt attribute to describe the image for SEO and for when the image can't load.
Style the Login button
Match the Login button to your brand with the settings below.
Button text
Enter the text that displays on your button. Use short text that tells customers what the button does.
Button background color
Click Button background color to select a color from your site color palette.
To use a custom color, click the color wheel, then enter your RGB color code or use the sliders:
Use the vertical bar to select the hue
Use the square box to select the brightness
Use the horizontal bar to select the opacity
Button text color
Click Button Text Color to select a color that complements your button background. The color picker works the same way as it does for the button background color.
The Button Text Color applies to solid buttons only. To choose a solid or outline button, see Button style below.
Button width
Choose how wide the button is:
Full: fills the width of the button area
Auto: adjusts the width to fit the text
Button style
Choose how the button looks:
Solid colored button
Outline of your Button Background Color
Button size
Choose a size for the button:
Small
Medium
Large
Changing the size changes both the button background and the text size.
Border radius
Make the corners of your button more rounded or more square.
Customize the Social Login button
Customize the divider text, theme, style and button text for Google account sign in button.
Customize the Login section background
Customize the background of your Login page by:
Uploading an image or video as the Section Background
Adjusting the position of your image
Keeping the image fixed on scroll when viewed on a desktop
Selecting a background color
Change the Login page text
Use the Language settings to change the text that displays on your Login page:
Log In Text
Email Text
Password Text
Remember Me Text
Forgot Password Text