Vtiger Blogs
How to Customize Login Page in Vtiger CRM

How to Customize Login Page in Vtiger CRM

Nandana mk's photo
Nandana mk
·

2 min read

Vtiger CRM is a widely used open-source customer relationship management system that allows businesses to streamline their processes. While the default login page is functional, editing it to match your brand identity can provide a more professional look and improve the user experience. In this guide, we will walk you through the steps to edit the login page in Vtiger CRM.

Watch Detailed video

Why Edit the Vtiger CRM Login Page?

Customizing the login page can:

  • Align it with your company’s branding by modifying colors, logos, and layout.

  • Improve user experience with a personalized touch.

  • Add additional security messages or authentication features.

Steps to Edit the Login Page

1. Access the Vtiger CRM Server

First, access the server where your Vtiger CRM is installed. Navigate to the root CRM folder, which contains all the core files for the system.

2. Locate the Login Page File

Follow the path:

layouts/v7/modules/Users/Login.tpl

Here you can customize your login page as needed.

3. Modify the HTML Content

You can update the page title and headings or add extra fields by editing the login.tpl file. For example, to change the welcome message:

<h2>Welcome to Vtiger CRM</h2>

Modify it to:

<h2>Welcome to [Your Company Name] CRM</h2>

To replace the default Vtiger logo with your logo:

  • Replace the default Vtiger logo file with your custom logo.

  • Ensure the new file has the same name as the original logo file in the image path.

5. Remove Default Ads on the Login Page

To remove the default ads:

  • Locate the ad code in Login.tpl.

  • Comment out the ads code to prevent it from displaying.

For footer customization:

  • Follow the path:

layouts/v7/modules/Vtiger/Footer.tpl

  • Click on the footer template file.

  • Comment out the default footer code and add your custom footer code.

7. Apply and Test Changes

After making edits:

  1. Hard Refresh the browser to check your changes.

  2. Test functionality to ensure no login disruptions.

Conclusion

That’s how you customize the login page in Vtiger CRM using template files. If you encounter any issues, make sure to clear the browser or server cache to apply the changes. Customizing the login page allows businesses to enhance branding and user experience, ensuring a seamless interface for users.

watch our detailed video tutorial or contact Joobilant Business and IT Solutions for expert assistance.

loginpagevtigercrmcustomization