How to configure Facebook and Google, Twitter, Linked In login

    Facebook Integration tutorial

    1. Go to developers.facebook.com

    2. Login & Select My Apps --> Add a New App

    3. Fill in your app's name and contact Email

    4. Select "Set up" button at Facebook Login from Add Products page

    5. Select platform for your app, select Web platform

    6. After select platform fill in your Site URL and click on Save button

    7. After your app was successfully created, make sure it is activated (live)

       To make your app live, go to Settings/Basic

       #1: Fill in your Namespace

       #2: Fill in your App Domains

       #3: Fill in your Site Privacy Policy URL

       #4: Fill in your Site Terms of Service URL

       #5: Upload your icon

       #6: Selelct your app category

       Click on Save Changes button

    8. Go to Facebook login/Settings and enter your valid OAuth redirect URIs.

        It has format: [yoursite/social/auths/endpoint/facebook/]

    9. Go to App Reivew below Setting tab, switch to On. Click on Confirm button

    10. How to configure your Admin Dashboard

       1.1. Go to Admin Dashboard/Socials Integration/Facebook

       1.2. Get #1 and #2 from facebook app and copy to your Admin Dashboard/Socials Integration/Facebook

    #1: Your App ID from your FB app (in your FB app/Settings/Basic)

    #2: Your App Secret from your FB app (in your FB app/Settings/Basic, the App Secret will show after pressing Show button and re-enter your FB password.)

    #3: Your Return Url that configured which has the format: [yoursite/social/auths/endpoint/facebook/]

    #4: At Scope, remove "user_friends"

    Click on Save Settings button

    *Remember to check if any space in the fields.

    *Remember your site could be [https] instead of [http], they will not recognize if site was [https] and Client ID & Admin Dashboard were [http].

     

    ----------------------------------------------------------------------------------------------------------------------------------------------

     

    Google Integration tutorial

    1. Go to console.developer.google.com

    2. Login your google account & create project

    3. Fill in your Project's name and click on Create button

    4. Go to Credentials tab, create a credentials by selecting Create credential and choose "OAuth Client ID" option

    5. We have to configure consent screen first then Press on Configure consent screen button

    6. Register at consent screen

       #1: Fill in your Application name

       #2: Fill in your Authorized domains

       #3: Fill in your Application Homepage link

       #4: Fill in your Privacy Policy link

       #5: Fill in your Terms of Service link

       Press on Save button

    7. Once you had registered your consent screen. Start creating Client ID

       #1: Select Web Application

       #2: Fill in your site's domain

       #3: Fill in your callback's URL, this URL has the format: [yoursite/social/auths/endpoint/google?hauth.done=Google]

    8. How to configure your Admin Dashboard

       1.1. Go to Admin Dashboard/Socials Integration/Google

       1.2. Get #1 and #2 from google app and copy to your Admin Dashboard/Socials Integration/Google

       #1: Your Client ID from your Google app

       #2: Your Client secret from your Google app

       #3: Your Return Url that configured which has the format: [yoursite/social/auths/endpoint/google?hauth.done=Google]

       Click on Save Settings button

     

    -------------------------------------------------------------------------------------------------------------------------------------------------

    LinkedIn Integration tutorial

    1. Go to https://www.linkedin.com/developers/

    2. Login --> Create app

    3. Complete information about your app

       #1: Fill in your App name

       #2: Fill in your Company

       #3: Fill in your Privacy Policy link

       #4: Fill in your business email

       #5: Upload your App logo

       #6: "I have read and agree to these terms" --> checked

       Click on Create app button

    4. Enter redirect URL

    Enter URL in the following format: [yoursite/sociallogin/endpoint/linkedin?hauth.done=Linkedin]

    5. Go to Admin Dashboard/Social Login/Linkedin

    6. Get #1 and #2 from Linked app and copy to your Admin Dashboard/Social Login/Linkedin

       #1: Your Client ID from Linkedin (in your Linked app/ Authentication)
       #2: Your Client Secret from Linkedin (in your Linked app/ Authentication)

    Press Save Settings. Complete Linkedin integration process

    *Remember to check if any space in the fields.

     

    Share
    0% users marked this FAQ as helpful. Is this FAQ helpful?

    Yes No

    Similar FAQ

  • How to configure remote Cloud Storage/Amazon S3 for installed plugins
  • How "Follow" feature work
  • How to Hide Site Content for Visitors - "Force login" setting
  • How to by pass "force login" setting to show content of a specific plugin to visitors
  • How to translate language for plugin
  • How to switch your mooSocial site from dev to production?
  • How to setup cronjob for Download a copy of data plugin
  • How to Create admob id
  • How to setup google api for translate tool?