Customers can use social networks and other services to sign in to your store. We will refer to all these services as “social login providers”. CS-Cart already has a few providers by default, but you’ll need to add and configure them on the Website → Social login page.
Every added provider has a status: Active or Disabled. Once a provider is active and configured properly, customers will be able to select it when signing in to their account or registering a new one. If you disable a provider, you preserve its settings, but prevent it from being shown to customers on the storefront.
Important
The Social login section will appear under Website only if you activate Social login under Add-ons → Manage add-ons.
When you select a provider, additional settings will appear. Follow the instructions below to set up a provider.
Note
Due to Google+ API shutdown, you’ll need CS-Cart or Multi-Vendor 4.9.2 SP4 or newer. These versions implement sign-in via Gmail without Google+ API.
Create a project in the Google API Console.
Go to the Credentials page and create OAuth Client ID for a Web application.
Important
At this step, take the link from the Google provider settings in CS-Cart and put it as the Authorized redirect URI for your application on the Google side.
Once you create the credentials, you’ll see Client ID and Client secret. Copy them to the Google provider settings on the CS-Cart end and save your changes. After that, customers should be able to sign in with their Gmail accounts.
Register at the Facebook for Developers portal.
Go to My Apps and add a new app. Use the same name for the app as for your store—customers will see the app name when they try to sign in via Facebook, so the store name will look natural there.
Find and add the Facebook Login product to your application. You may get an offer to set it up once you create the application, or on the dashboard; or you can just use the Products section.
Open the settings of the Facebook Login product. You’ll need to specify the value for the Valid OAuth Redirect URIs setting, then save your changes on the Facebook end.
The URI should look as follows:
[STORE_URL]/index.php?dispatch=auth.process&hauth_done=Facebook
For example, https://domain.com/index.php?dispatch=auth.process&hauth_done=Facebook.
Go to the basic settings of your Facebook application. Copy the App ID and App Secret and paste them into the corresponding fields of the Facebook provider in CS-Cart. Save your changes on the CS-Cart end.
Important
At this point, your Facebook account should be able to sign in to the store. But the application is still in development, so your customers won’t be able to sign in via Facebook yet.
To let customers sign in via Facebook, switch your application to live mode. Facebook may require additional actions before you do that (such as providing a link to your privacy policy).
Learn more about Twitter integration in HybridAuth User Guide.
Learn more about Yahoo integration in HybridAuth User Guide.
Learn more about LinkedIn integration in HybridAuth User Guide.
Learn more about Foursquare integration in HybridAuth User Guide.
Questions & Feedback
Have any questions that weren't answered here? Need help with solving a problem in your online store? Want to report a bug in our software? Find out how to contact us.