Social auth block
Updated 21 days agoThe Social Auth Block allows users to quickly log in or sign up using third-party platforms like Google or Apple. It provides a faster and more convenient authentication experience.
Text Content
This section controls the appearance of the text displayed within the social auth block (e.g., “Continue with Google” or “Sign in with Apple”).
You can customize:
-
Text – Add the label you want to display
-
Font – Choose a font that matches your design
-
Size/Weight – Adjust how bold or subtle the text appears
-
Line Height – Control spacing between lines
-
Letter Spacing – Adjust spacing between characters
-
Text Color – Choose a readable text color
-
Line Color – Set the color of any divider or separator line (if used)
-
Capitalization – Choose uppercase, lowercase, or sentence case
Social Icon
This section controls the appearance of the social login icons.
Icon
Choose or Upload – Select an icon from the library or upload your own
Background
-
Color – Set the background color for the icon container
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the icon container
Border
-
Color – Choose border color
-
Width – Adjust thickness
Background and Spacing
This section controls the layout and outer styling of the entire Social Auth Block.
Background
-
Color – Set the section background color
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the section
-
Margin – Manage spacing outside the section
Border
-
Color – Choose border color
-
Width – Adjust thickness
-
Sides – Select which sides should display the border
Benefits:
-
Reduces sign-up friction significantly
-
Improves login convenience for returning users
-
Builds trust through familiar login options
-
Speeds up the path to shopping
-
Creates a more modern and convenient app experience
Related Articles
