Social Media Login

Social Media Login

The system is integrated with Facebook and Google+ to allow social media login for Customers. You have to configure your marketplace to use this feature.

 

Facebook Login

To enable Facebook login, go to the Facebook Developer site and create an app for your marketplace. Now login into your developer account Dashboard. From the list of products select Facebook Login and click the Set Up button.

 

On the next screen select Web and then on the coming screen just give the Site URL and click Save. Ignore the rest of the options and go to the Settings > Basic from the sidebar. All the API credentials you need are here, get the App ID and App Secret. Fill the form with your marketplace information and Save Changes.

 

 

Now go to the Facebook Login > Settings from the sidebar. Enable Client OAuth Login and Web OAuth Login. After that give the callback URL like https://your_domain/customer/login/facebook/callback on the Valid OAuth Redirect URIs input field. Customers will be redirected to this URL after authentication. You can ignore the rest of the settings and click Save Changes.

 

 

The last part of this section is turn on the Facebook App to use it. You can do it from top on the same screen. To finish the integration open the .env file and update these keys with your values.

.
.
.
FB_CLIENT_ID=your_fb_client_id
FB_CLIENT_SECRET=your_fb_client_secret
FB_REDIRECT_URL=redirect_url
.
.
.

 

Google+ Login

Like Facebook, you need to have a project at Google Developer account to get API credentials. If you already configured Google Analytics then you can use the same project. If you need help how to create a project on Google check here and come back this point. Head over to Google API’s site and Select your project. This time finds and enables Google+ API on the API list.

 

Now go to the Credentials in the sidebar. Click OAuth consent screen tab and fill out the details there.

 

Now on the same screen go to the Credentials tab on the left. Click Create credentials and choose OAuth client ID from the dropdown list.

 

 

In the OAuth client ID screen, select the type of application, give origin and callback URLs like https://your_domain/customer/login/google/callback

 

Get the Client ID and Client Secret in the credentials page. Now open the .env file and update these keys with your values.

 

.
.
.
GOOGLE_CLIENT_ID=your_project_client_id
GOOGLE_CLIENT_SECRET=your_project_client_secret
GOOGLE_REDIRECT_URL=redirect_url
.
.
.

 

Social login configuration is done. Now customers will be able to login using Facebook and Google account.

 

Was this helpful to you?

Leave Comment