Login settings

How to configure login settings in your app?

Customize the login screen of your app to align with your brand’s theme and user experience preferences. Follow this guide to configure login settings for your app.

Step 1: Enable user login

• Navigate to Login Settings from your app dashboard.

• Enable login to allow users to sign in and access features that require authentication, such as adding products to the cart or commenting on posts.

Disabling the user login toggle will remove all purchase functionality from your app.. The "Add to cart" button and "Cart" icon will disappear from the app.

Step 2: Select layout

• Choose the preferred alignment of login elements from the available layout options.

• Preview the layout to ensure it matches your app’s branding and user experience.

Different layouts can help optimize the user experience based on the app's design and structure.

Step 3: Customize the background

• Upload an image to set as the background of your login screen.

• Select a high-quality image that complements your app’s theme and branding.

A visually appealing background can enhance the login experience and align with your brand identity.

Step 4: Configure social login options

Enhance user convenience by customizing the appearance of social login buttons.

Stack buttons

• Choose whether to display social login buttons vertically (one above the other) or horizontally (side by side).

Stacking buttons vertically can improve readability, while horizontal alignment offers a more compact look.

Button shape

• If stacked buttons are enabled, select between:

  • Rectangle

  • Rectangle with rounded corners

• If stacked buttons are disabled, choose from the following four shapes:

  • Circle

  • Soft square

  • Soft rectangle

  • Rectangle with rounded corners

Choosing a suitable button shape ensures visual consistency with your app’s design and branding.

Step 5: Customize the theme

Adjust colors to match your app’s overall look and feel.

Text colors

• Primary text color – Defines the main text color on the login screen.

• Secondary text color – Applies to secondary texts, such as labels and hints.

Using contrasting text colors can improve readability and accessibility for users.

Button appearance

• Button background color – Sets the background color of login action buttons.

• Button text color – Determines the text color of the action buttons.

Ensure that button text contrasts well with the background color to maintain visibility and accessibility.

Step 6: Save and preview

• Once all settings are configured, click Save to apply changes.

• Preview the login screen to ensure that the customizations reflect as intended.

By following these steps, you can create a visually appealing and user-friendly login screen that enhances your app’s onboarding experience.