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.
Last updated
Was this helpful?