Social Login

The Magento Social Login Extension is designed to provide a streamlined, secure, and user-friendly login experience by allowing customers to authenticate using popular social media accounts, such as Google and Amazon. This extension makes accessing your store faster and more convenient by eliminating the need for traditional account creation, reducing friction, and supporting conversion. It strategically integrates social login options at key points in the shopping experience to help minimize cart abandonment, lower entry barriers, and enhance overall engagement with your store.

Key Features

• Multi-Provider Support: Currently, this extension supports login with Google and Amazon, two of the most widely used platforms. This setup caters to a large customer base, providing an accessible option for quick sign-in. Future updates will include additional social networks, giving users more flexibility in how they access their accounts.
• Flexible Login Placement: To optimize customer experience, social login buttons are added to critical locations:
  
  • Customer Login Page: Allows quick and easy login for returning customers.
  • Checkout Page: Displays social login options for guest users, simplifying the login process right when it matters most, reducing checkout friction, and potentially lowering cart abandonment rates.
• Easy Setup and Customization: This extension can be easily configured from the Magento admin panel. Administrators have full control over the login options, including enabling/disabling specific providers as needed. The setup process is simple and intuitive, requiring only the provider-specific Client ID and Client Secret to establish the connection.
• Secure and GDPR-Compliant: By using OAuth protocols, this extension securely authenticates customers without exposing sensitive login data, preserving privacy and ensuring compliance with data protection standards. The extension also minimizes data storage by only pulling essential details (name and email), with no need for customers to enter additional information or set a password.
• Admin-Managed Debugging: A Debug toggle option in the settings allows developers to track data packets via the {Magento Installation Root}/var/log/social-login.log file. This feature can be disabled in production environments to maintain security and avoid credential exposure, such as Client IDs and Secrets.

Front-End Experience

The social login buttons are seamlessly integrated with Magento’s standard login forms and appear at key customer interaction points:

• Login Flow: When a customer selects "Login with Google" or "Login with Amazon," they are securely redirected to the selected provider's sign-in page. Upon successful authentication, the extension automatically connects the user to an existing account if it shares the same email. If no account exists, a new account is created using basic profile data (email, first name, and last name), allowing customers to bypass manual registration. Users can later set a password using the “Forgot Your Password?” link if needed.
• Redirection: Successful logins return customers to the page they started from:
  
  • If logging in from the customer login page, they are directed to their account dashboard.
  • If logging in from the checkout page, they continue seamlessly through the checkout process.
• Error Handling: If a social login attempt fails, customers are returned to the previous page with an error message, maintaining usability and allowing them to attempt an alternate sign-in method.

Admin Configuration

To configure the extension, admins can navigate to Stores > Configuration > Customer > Social Login in the Magento backend. The configuration is intuitive, with options for:

• Main Toggle: Enable or disable the social login extension as needed.
• Debug Toggle: Enable logging for testing and development; disable this in live environments to ensure data security.
• Provider Configuration: Manage each social provider (Google and Amazon) independently, with switches to enable or disable each as necessary. Client IDs and Client Secrets for each provider can be entered here, making integration straightforward.

Steps to Obtain Client ID and Secret for Each Provider

1. Google
   
   • Go to Google API Console.
   • Click “Create credentials” and select “OAuth client ID.”
   • Choose "Web application" as the application type.
   • Name your OAuth client and set authorized JavaScript origins to your store’s domain.
   • Add your store’s base URL to Authorized Redirect URIs ({Store's base URL}/sociallogin/login).
   • Retrieve the generated Client ID and Client Secret.
2. Amazon
   
   • Visit Login with Amazon Console.
   • Create a new Security Profile, adding a Consent Privacy Notice URL for the application.
   • Set allowed origins and return URLs to your store’s domain and {Store's base URL}/sociallogin/login.
   • Save the Client ID and Client Secret for use in the Magento admin panel.

Benefits of the Social Login Extension

The Magento Social Login Extension is essential for modern e-commerce stores aiming to:

• Reduce Account Creation Friction: By providing users with fast access through social media accounts, this extension reduces barriers to entry, making it easier for first-time customers to sign in.
• Improve Conversion Rates: By placing login buttons on the checkout page, this extension helps reduce cart abandonment rates, allowing users to quickly access their accounts to complete purchases.
• Enhance User Experience: Social login options simplify the login and registration process, enhancing usability and satisfaction.
• Increase Security and Compliance: Using OAuth-based social logins enhances security for customers and helps store administrators ensure GDPR compliance.

This Social Login Extension is a powerful tool for Magento store owners looking to simplify the login process, improve customer experience, and support a more efficient, secure, and conversion-optimized shopping environment. Future updates will further expand its flexibility, providing even more login options and a user-centric design to meet the evolving demands of e-commerce.

Demo

Frontend