Skip to main content

How to create a Login Screen

Creating a custom login screen for your app is a straightforward process. The platform's visual editor allows you to design a branded and intuitive user experience without any code.

Written by Matt Lawrie


Step-by-Step Guide

  1. Go to App Settings: From your dashboard, navigate to the "App Settings" menu on the left sidebar.
    ​


    ​

  2. Select "Login Screen": Scroll down the menu and click on the "Login Screen" option.
    ​
    ​

  3. Edit the Design: Click the "Edit" button to open the visual editor. Use this tool to customize the screen's layout, text, and colors to match your brand. The example image shows a clean design with a branded top section ("Revamp" logo) and a bottom section for user input ("Continue with email").
    ​

  4. Add and Customize Elements: You can modify existing elements, such as the welcome message and call-to-action button, or add new ones like social login options.
    ​
    ​


    ​

    ​Enabling Apple and Google Auth in your app

    1. Navigate to your Global App Settings by clicking the cog wheel ‘⚙️’ in the top left next to your app name.
      ​

    2. Scroll down to and expand the ‘Access’ section.
      ​

    3. Under the ‘Social Sign In’ heading, you will see toggles for Apple ID and Google.
      ​
      ​


    ​


    ​

  5. Preview and Publish: Use the "Preview" function to see how your design looks on a mobile device. Once you're satisfied, save and publish your changes to update your app.
    ​
    ​



    Note:

    The continue with email part is a built in component across all login screens. This won't be shown as you're editing the login screen.
    ​

This simple process ensures your app has a professional and on-brand login experience for all users.
​
​


​


​

Did this answer your question?