---
title: How to customize your app’s login screen
description: Update the design, fields, and settings of your login screen to match your app’s branding and user experience.
---

[Skip to content](https://help.buildfire.com/how-to-customize-your-apps-login-screen#main-content)

[![buildfire](https://help.buildfire.com/hs-fs/hubfs/bf-wordmark-black.png?width=150&height=35&name=bf-wordmark-black.png)](https://help.buildfire.com?hsLang=en-us)

Open main navigation

Close main navigation

- [Log In](https://app.buildfire.com/login)

[Log In](https://app.buildfire.com/login)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Buildfire Help Docs](https://help.buildfire.com/?hsLang=en-us)
2. [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us)
3. [Building Your Login Flow](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-login-flow)

# How to customize your app’s login screen

## Update the design, fields, and settings of your login screen to match your app’s branding and user experience.

The login screen is the first impression users get when accessing your app. You can fully customize the layout, branding, fields, and user access rules to fit your needs.

---

### **Requirements**

- All plans are able to customize the login screen.

    - Adding Custom SSO to your login screen is only available on the Scale plan
    - Adding Custom Registration fields is only available on the Growth and Scale
    - Adding Multi-Device Login is only available on the Scale plan.

---

### **How to customize the login screen**

1. Log in, go to **User Access**, then select **Login Screen** from the left side menu
2. Click the **Design** tab

     1. Upload your **Logo**, adjust its size, or choose to hide it entirely
     2. Add a **Custom Background Image** for mobile and tablet views, or select a solid background color
     3. Modify **Image Opacity** or disable the background image if desired
     4. Customize the appearance of **Input Fields** (email and password): adjust text color, border color, toggle icons on or off, and choose icon colors
     5. Style **Buttons and Text**: adjust button radius (roundness), background color, and text color for both login and social sign-in buttons
3. Click the **Settings** tab

     1. Enable **Username and Password Sign In** to allow standard login (recommended)
     2. Choose between using **Buildfire Login** or setting up **Custom** **Single Sign-On (SSO)** integration (only available on Scale)
     3. You can also toggle on sign-in integrations such as Apple, Google, Facebook, X
     4. Configure **Session Expiration**: choose whether sessions expire on app close, after a set period, or remain active indefinitely
     5. Customize the **Session Timeout Message** displayed to users when they are logged out automatically
     6. Decide whether to allow **Multi-Device Login**, letting users stay signed in on multiple devices simultaneously
     7. Toggle on **Location Tracking** (required if using location based plugins or geofencing notifications)
     8. Set a **Default Domain** to simplify email login formatting (optional)
4. Click the **Language** tab

     1. Customize labels and messages shown on the login screen
     2. Enable or disable visibility of specific fields

- [Buildfire Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#main-content)

    - [Navigating the Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#navigating-the-control-panel)
    - [Global Tools](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#global-tools)
    - [Terms & Policies](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#terms-policies)
- [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us#main-content)

    - [Global Settings](https://help.buildfire.com/build-your-app?hsLang=en-us#global-settings)
    - [Building Your App's Navigation](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-apps-navigation)
    - [Building Your Login Flow](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-login-flow)
    - [Building a PWA](https://help.buildfire.com/build-your-app?hsLang=en-us#building-a-pwa)
- [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#main-content)

    - [Plugins to drive engagement & community](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community)
    - [Plugins to drive monetization](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization)
    - [Plugins to run operations & workflows](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows)
    - [Plugins to show content & media](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)
- [Make Money With Your App](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#google-android)
- [Publish Your App](https://help.buildfire.com/publish-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/publish-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/publish-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/publish-your-app?hsLang=en-us#google-android)
- [Manage Your App](https://help.buildfire.com/manage-your-app?hsLang=en-us#main-content)

    - [Managing Your App’s Users](https://help.buildfire.com/manage-your-app?hsLang=en-us#managing-your-apps-users)
    - [Push Notifications](https://help.buildfire.com/manage-your-app?hsLang=en-us#push-notifications)
    - [Analytics](https://help.buildfire.com/manage-your-app?hsLang=en-us#analytics)
- [Connect External Partners](https://help.buildfire.com/connect-external-partners?hsLang=en-us#main-content)

    - [Google/Android](https://help.buildfire.com/connect-external-partners?hsLang=en-us#google-android)
    - [Apple/iOS](https://help.buildfire.com/connect-external-partners?hsLang=en-us#apple-ios)
    - [Zapier](https://help.buildfire.com/connect-external-partners?hsLang=en-us#zapier)
    - [Meta](https://help.buildfire.com/connect-external-partners?hsLang=en-us#meta)
    - [Segment](https://help.buildfire.com/connect-external-partners?hsLang=en-us#segment)

[![Group 4578 (1)](https://help.buildfire.com/hs-fs/hubfs/Group%204578%20(1).png?width=140&height=33&name=Group%204578%20(1).png "Group 4578 (1)")](https://buildfire.com/)

Copyright © 2026, Buildfire