Login settings
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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.
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.
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.
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:
Soft corners
Rounded corners
If stacked buttons are disabled, choose from the following four shapes:
Circle
Soft square
Soft rectangle
Rounded rectangle
Choosing a suitable button shape ensures visual consistency with your app’s design and branding.
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.
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.