Login Pages

Last updated July 22, 2026

Classgrid provides four distinct login experiences to ensure that students, faculty, and administrators always see the correct branding and are securely routed to the right dashboard.

The login page a user sees is determined by two factors:

  1. The User Role: Are they a general user (student/faculty) or an administrator?
  2. The Domain: Are they using the default Classgrid domain (orgname.classgrid.in) or an external Custom Domain (erp.school.edu)?

1. The Four Login Experiences

Flow 1: Subdomain User Login

Used by: Students and Faculty
Example URL: https://example.classgrid.in/student/login

This is the standard login page hosted on the default Classgrid domain.

  • Branding: It features Classgrid’s signature green and orange visual branding on the left side.
  • Role Toggle: A prominent toggle allows users to switch between Student and Faculty before signing in.
  • Smart Routing: If a user visits /student/login, the Student role is pre-selected. If they visit /faculty/login, the Faculty role is pre-selected.

Flow 2: Subdomain Admin Login

Used by: Organization Admins, Principals, and Department Staff
Example URL: https://example.classgrid.in/org/login

This page is strictly for authorized administrative accounts.

  • Branding: It uses the same Classgrid-branded left panel.
  • No Role Toggle: To prevent students from attempting to log in as administrators, there is no Student/Faculty toggle.
  • Role Memory: If an administrator has logged in before, the page remembers their specific department and displays a smart welcome message (e.g., "Welcome back, Library Manager").

Flow 3: Custom Domain User Login

Used by: Students and Faculty
Example URL: https://erp.example.edu/student/login

If your institution has configured a verified Custom Domain, the login experience is completely white-labeled.

  • Campus Photo: The Classgrid branding is replaced by a full-screen, high-quality photo of your campus.
  • Institution Identity: Your institution's logo appears above the form, and the browser tab displays your custom Site Title and Favicon.
  • Social Links: Your official social media icons (Facebook, Instagram, LinkedIn, etc.) hover elegantly over the campus photo.

Flow 4: Custom Domain Admin Login

Used by: Organization Admins, Principals, and Department Staff
Example URL: https://erp.example.edu/org/login

This is the fully white-labeled portal for your administrative staff.

  • Branding: It features your custom campus photo, social links, and browser branding.
  • Security: It retains the strict administrative security checks and role memory, ensuring department staff are routed to the correct dashboard (e.g., Admissions, Fees, Exams).
**The URL is only a doorway.** A student cannot gain admin privileges simply by visiting the Admin Login URL. The Classgrid backend strictly verifies the account's assigned role after authentication and will redirect unauthorized users.

2. Step-by-Step: Customizing Your Login Branding

Administrators can completely customize the appearance of Custom Domain login pages (Flows 3 and 4).

Uploading a Campus Hero Image

The campus image is the most striking visual element of your white-labeled login page. Classgrid automatically applies a dark gradient over the image to ensure the login form and social icons remain readable in both Light and Dark modes.

  1. Sign in as an Organization Admin.
  2. Navigate to Settings > Branding & Appearance.
  3. Locate the Campus Hero Image section.
  4. Upload a high-quality, landscape photo of your institution (e.g., your main building or campus grounds).
  5. Save your changes.

Fallback Behavior: If no campus photo is uploaded, Classgrid will attempt to use your website's hero image. If none exists, a beautiful default education-themed placeholder is used.

Setting Your Browser Tab (Title & Favicon)

Ensure users see your institution's name in their browser tab.

  1. In the Branding & Appearance settings, locate the Site Title field.
  2. Enter your institution's name (e.g., Springfield High ERP).
  3. Under the Favicon section, upload a square version of your logo (recommended size: 512x512). This will appear as the small icon in the browser tab.

Connect your login page to your institution's public presence.

  1. Navigate to Settings > Organization Profile.
  2. Scroll to the Social Media Links section.
  3. Paste the full URLs to your official Facebook, Instagram, LinkedIn, X, and YouTube pages.
  4. Save your changes. The icons will immediately appear over your campus photo. (Note: Any fields left blank will simply be hidden).

3. Step-by-Step: Managing Domains

Classgrid allows you to manage both your default subdomain and your external custom domains.

Changing Your Default Classgrid URL

Every institution is given a default URL (e.g., schoolname.classgrid.in). You can change the "schoolname" portion at any time.

  1. Sign in as an Organization Admin.
  2. Navigate to Settings > Domain Management.
  3. Find the Default Classgrid URL card and click Edit Domain.
  4. Enter your new desired name (use lowercase letters and hyphens only; no spaces).
  5. Click Update Domain.
  6. Important: Changing this URL takes effect immediately. Any old links (or bookmarks) will stop working, and an automated email will be sent to the admin team with the new links.

Adding & Verifying an ERP Custom Domain

To use the white-labeled login flows, you must connect a domain that your institution owns (e.g., erp.school.edu).

  1. In Domain Management, locate the ERP Login Portal Domain section.
  2. Enter your hostname (e.g., erp.school.edu — do not include https://).
  3. Click Add Domain. Classgrid will generate DNS instructions (a TXT record for ownership, and a CNAME/A record for routing).
  4. Log into your domain registrar (e.g., GoDaddy, Cloudflare) and add the provided DNS records.
  5. Return to Classgrid and click Verify.
  6. Once verified, the domain is active and your white-labeled login pages are live!
**Automatic Redirection:** If you have an active Custom Domain, but a user accidentally visits your old `.classgrid.in` link, Classgrid will automatically redirect them to your Custom Domain. The original `.classgrid.in/org/login` link will remain active as an emergency backup for administrators in case your custom DNS ever fails.

4. Security & Authentication Features

Regardless of the flow, all Classgrid login pages are protected by enterprise-grade security.

Device Verification (OTP)

If the system detects a login attempt from an unrecognized device or IP address, an extra layer of security is triggered:

  1. The login form smoothly transitions to a verification screen.
  2. A 6-digit One Time Password (OTP) is emailed to the user.
  3. The user must enter the code to complete the login. A 60-second cooldown prevents spamming the resend button.

Google Single Sign-On (SSO)

Every login page features a "Continue with Google" button. This allows students and staff to securely log in with one click using their official institution email address, bypassing the need to remember a password.

Password Resets

If a user forgets their password, they can click Forgot Password. To prevent malicious actors from discovering which emails are registered, the system always returns a neutral success message. If the account exists, a secure, single-use reset link (valid for 5 minutes) is emailed to the user.

Was this helpful?
M↓Markdown supported•Message is optional