--- title: Customize the Login Page description: Customize your existing login page by editing its layout, formatting, or HTML manually, or use AI to generate a new layout before updating it. --- [Skip to content](https://learn.enginehire.io/en/knowledge/customize-the-login-page#main-content) English Show submenu for translations [Contact us](https://learn.enginehire.io/en/knowledge/kb-tickets/new?hsLang=en) [Customer portal](https://learn.enginehire.io/tickets-view?hsLang=en) ![enginehire logo thin dark 1.0.png\]](https://learn.enginehire.io/hs-fs/hubfs/enginehire%20logo%20thin%20dark%201.0.png?height=40&name=enginehire%20logo%20thin%20dark%201.0.png) - Home - Products - Pricing - Blog - Company Open main navigation Close main navigation - Home - Products - Pricing - Blog - Company - English Show submenu for translations - [Contact us](https://learn.enginehire.io/en/knowledge/kb-tickets/new) - [Customer portal](https://learn.enginehire.io/tickets-view) - Go to main page Go to main page Hello! You can find guides on how to do everything in Enginehire here. If you can't find what you are looking for or anything feels out of date, please contact us! - There are no suggestions because the search field is empty. 1. [Enginehire Help Center](https://learn.enginehire.io/en/knowledge?hsLang=en) 2. [Templates & Communication](https://learn.enginehire.io/en/knowledge/templates-communication?hsLang=en) # Customize the Login Page ## Customize an existing login page by updating its layout, formatting, or HTML content to match your agency's branding and preferences. You can make changes manually using the Page Content editor or use AI to generate a new layout for the existing login page before applying your updates. If you have not created a login page for your agency yet, refer to the [**Create a New Login Page Using AI**](https://learn.enginehire.io/en/knowledge/create-a-new-login-page-using-ai?hsLang=en) article to create one using AI.  Let’s get started 🚀 **Step 1**: Log in to your agent dashboard and click **More** \> **Advanced Builders** as shown in the screenshot below. ![image1](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image1.png?width=670&height=284&name=image1.png) **Step 2**: Click the **Page Builder** option. ![image2](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image2.png?width=670&height=338&name=image2.png) **Step 3**: Click the **pencil** icon corresponding to the login page that you want to customize.     ![image7](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image7.png?width=670&height=180&name=image7.png) Use the editing tools available in the **Page Content** field to customize the login page as required.  For example, you can modify the font size, font family, text alignment, and other formatting options available in the **Page Content** field.     ![image4](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image4.gif?width=670&height=276&name=image4.gif) If you want to use AI to customize your login page, continue with **Step 4**.Otherwise, after making your manual changes in the **Page Content** field, skip to **Step 8** to save and apply your changes. **Step 4**: You can also use the **Generate Login Page with AI** feature by clicking it to customize the login page as you want. ![image8](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image8.png?width=670&height=235&name=image8.png)    **Step 5**: Describe your preferred styling (for example, background colors, grids, fonts, and layout) in the text area to customize your login page.   ![image10](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image10.png?width=670&height=286&name=image10.png) **Step 6**: Click the **Send** button.    ![image9](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image9.png?width=670&height=286&name=image9.png) **Step 7**: The HTML for your custom login page will be generated successfully. Click the **Apply Layout to Editor** button to insert the generated HTML into the **Page Content** field.      ![image6](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image6.png?width=670&height=223&name=image6.png) **Step 8**: Click the **Update** button to apply the changes. ![image3](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image3.png?width=670&height=276&name=image3.png)    The changes will be applied successfully, and the updated login page will be available for your agency. ![image5](https://learn.enginehire.io/hs-fs/hubfs/Knowledge%20Base/Templates%20And%20Communication/Customize%20the%20Login%20Page/image5.png?width=670&height=313&name=image5.png) - [Onboarding](https://learn.enginehire.io/en/knowledge/onboarding?hsLang=en) - [Application Forms & Profiles](https://learn.enginehire.io/en/knowledge/application-forms-profiles?hsLang=en) - [Templates & Communication](https://learn.enginehire.io/en/knowledge/templates-communication?hsLang=en#main-content) - [Documents](https://learn.enginehire.io/en/knowledge/templates-communication?hsLang=en#documents) - [Jobs](https://learn.enginehire.io/en/knowledge/jobs?hsLang=en) - [Payments](https://learn.enginehire.io/en/knowledge/payments?hsLang=en) - [Integrations](https://learn.enginehire.io/en/knowledge/integrations?hsLang=en) - [App](https://learn.enginehire.io/en/knowledge/app?hsLang=en) - [For Candidates & Clients](https://learn.enginehire.io/en/knowledge/for-candidates-clients?hsLang=en) - [Backup Care](https://learn.enginehire.io/en/knowledge/backup-care?hsLang=en#main-content) - [Instant Book](https://learn.enginehire.io/en/knowledge/backup-care?hsLang=en#instant-book) - [Data Import & Export](https://learn.enginehire.io/en/knowledge/data-import-export?hsLang=en) - [Reporting & Logs](https://learn.enginehire.io/en/knowledge/reporting-logs?hsLang=en) - [Error](https://learn.enginehire.io/en/knowledge/error?hsLang=en#main-content) - [Authentication](https://learn.enginehire.io/en/knowledge/error?hsLang=en#authentication) - [Settings](https://learn.enginehire.io/en/knowledge/settings?hsLang=en) - [Domain](https://learn.enginehire.io/en/knowledge/domain?hsLang=en) - [Webinars and Training](https://learn.enginehire.io/en/knowledge/webinars-and-training?hsLang=en) - [Ways to Grow and Make More Money](https://learn.enginehire.io/en/knowledge/ways-to-grow-and-make-more-money?hsLang=en) - [Placements](https://learn.enginehire.io/en/knowledge/placements?hsLang=en#main-content) - [Job Board](https://learn.enginehire.io/en/knowledge/placements?hsLang=en#job-board) - [Enginehire Team Internal Videos](https://learn.enginehire.io/en/knowledge/enginehire-team-internal-videos?hsLang=en#main-content) - [Settings](https://learn.enginehire.io/en/knowledge/enginehire-team-internal-videos?hsLang=en#settings) - [AI](https://learn.enginehire.io/en/knowledge/ai?hsLang=en) - Home - Products - Pricing - Blog - Company [![Chill listening crop-3](https://learn.enginehire.io/hs-fs/hubfs/enginehire%20logo%20thin%20dark%201.0-1.png?width=68&height=24&name=enginehire%20logo%20thin%20dark%201.0-1.png "Chill listening crop-3")](https://enginehire.io) Enginehire Help Center Copyright © 2026, Enginehire Inc.