--- title: "Login page" slug: "login-page" description: "Customize your Login page for a seamless user experience, enhancing brand consistency and clarity while guiding readers through access to your knowledge base." updated: 2026-07-20T09:22:42Z published: 2026-07-20T09:22:42Z canonical: "docs.document360.com/login-page" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Login page The Login page is what readers see when they try to access a private or mixed-access knowledge base. It is often overlooked during setup - but for readers who encounter it, it is their first interaction with your knowledge base before they've seen any content. A well-configured login page sets the right tone, reduces confusion about why login is required, and gives readers a clear path forward. :::(Info) ( NOTE) The Login page customization option is only relevant for private and mixed-access knowledge bases. If your knowledge base is public, readers will not encounter the login page. ::: --- ## When to customize the Login page - **Brand consistency** - the default login page uses generic Document360 styling. Replacing the image or adding a custom layout brings it in line with your product's look and feel. - **Adding context for readers** - a custom heading or paragraph can explain why login is required, reducing confusion for first-time readers. - **Adding a support or registration button** - if readers need to request access or contact support, a custom style login page lets you add a button that links directly to those resources. --- ## Access the Login page settings 1. Navigate to {{variable.Settings}} () > {{variable.Knowledge base site}} in the left navigation bar of the Knowledge base portal. 2. In the left navigation pane, navigate to **Site customization**. 3. Click the **Customize site** button. Site customization page showing the Customize site button 4. From the left dropdown, select **Login** under **Main pages**. The default Login page design appears with customization options on the left and a live preview on the right. --- ## Customization styles Document360 offers two approaches to customizing the Login page: ### Basic style Use Basic style to customize the default image on the login page without writing any code. 1. Select **Basic style**. 2. Expand the **Image with text** dropdown and select **Image**. The Image panel opens. 3. Click **Change** and choose a desired image from the system images, or upload your own. 4. In the **Alignment** section, select **Left**, **Center**, or **Right** to adjust the image position. 5. Use the **Preview** toggle on the right to review your changes. 6. Click **Save** to save your changes. 7. Click **Publish** to make changes live. ### Custom style Use Custom style to build a fully custom login page layout using HTML and CSS. 1. Select **Custom style**. 2. In the **HTML** tab, add your custom HTML markup. 3. In the **CSS** tab, add your styles. 4. Use the **Preview** toggle on the right to switch between the code view and the rendered view to review. 5. Once done, click **Save** to save your changes 6. Click **Publish** to make changes live. :::(Warning) (IMPORTANT!) When using Custom style, always retain the following login component in your HTML: ```html
{{template:LoginCore}}
``` This component handles the authentication flow. Removing or modifying it can result in multiple login prompts, redirects to the team portal instead of the knowledge base site, or failed reader authentication. Always include it when building a custom login page. ::: --- ## Best practices - **Keep the login page on-brand but minimal** - readers arriving at the login page already intend to access your content. A clean, focused layout with your logo and a clear login form works better than a heavily designed page. - **Use Basic style for image-only changes** - if all you need to do is replace the default image with your own brand visual, Basic style is quicker and safer than Custom style. - **Always test Custom style authentication** - after publishing a custom HTML login page, verify the full login flow end-to-end to confirm authentication works correctly before sharing with readers. - **Always retain `{{template:LoginCore}}`** - this is the most common cause of broken login pages after customization. Include it in every custom HTML layout, even when rebuilding the entire page structure. --- ## FAQ

How do I add a support or contact button to the Login page?

Navigate to {{variable.Settings}} () > {{variable.Knowledge base site}} > Site customization and click Customize site. Select Login from the left dropdown. Choose Custom style and add the following to the HTML tab:

```html ```

In the CSS tab, add the following to center the button:

```css .login-form--support { text-align: center; } ```

Click Save and Publish to apply.

If I make changes to the Login page, will they automatically update in all languages?

No. Changes made in your default language will not automatically reflect in other languages. You need to manually apply the same changes for each language workspace.