Configuring Social Login

Make sure APP_URL in /.env file matches your site url. It should be set automatically, but you might need to do it manually in some rare cases.

Facebook

  1. Register for regular Facebook account, if you don't already have one.
  2. Open this url, and Create a New App.
  3. Get the new app settings.

Now, you have to setup your admin panel:

  • Go to your Admin panelSettingsGeneralSocial Login
  • For Facebook: set 'Facebook Client ID' and 'Facebook Client Secret'
  • And save your changes.
  • You are done.

Or place all the config values or API keys in the /.env file.

Facebook example in /.env file

FACEBOOK_CLIENT_ID=your-facebook-client_id
FACEBOOK_CLIENT_SECRET=your-facebook-client_secret

NOTE:

  • The /.env file settings override those of the admin panel.
  • The "OAuth redirect URI" is: APP_URL/auth/facebook/callback
  • Don't forget to replace APP_URL by its value (that can be found in the /.env file). Example: https://domain.tld/auth/facebook/callback

LinkedIn

  1. Register for regular LinkedIn account, if you don't already have one.
  2. Open this url, and Create a New App.
  3. Get the new app settings.

Now, you have to setup your admin panel:

  • Go to your Admin panelSettingsGeneralSocial Login
  • For LinkedIn: set 'LinkedIn Client ID' and 'LinkedIn Client Secret'
  • And save your changes.
  • You are done.

Or place all the config values or API keys in the /.env file.

LinkedIn example in /.env file

LINKEDIN_CLIENT_ID=your-linkedin-client_id
LINKEDIN_CLIENT_SECRET=your-linkedin-client_secret

NOTE:

  • The /.env file settings override those of the admin panel.
  • The "OAuth redirect URI" is: APP_URL/auth/linkedin/callback
  • Don't forget to replace APP_URL by its value (that can be found in the /.env file). Example: https://domain.tld/auth/linkedin/callback

Twitter

  1. Register for regular Twitter account, if you don't already have one.
  2. Open this url, and Create a New App.
  3. Get the new app settings.

Now, you have to setup your admin panel:

  • Go to your Admin panelSettingsGeneralSocial Login
  • For Twitter: set 'Twitter Client ID' and 'Twitter Client Secret'
  • And save your changes.
  • You are done.

Or place all the config values or API keys in the /.env file.

Twitter example in /.env file

TWITTER_CLIENT_ID=your-twitter-client_id
TWITTER_CLIENT_SECRET=your-twitter-client_secret

NOTE:

  • The /.env file settings override those of the admin panel.
  • The "OAuth redirect URI" is: APP_URL/auth/twitter/callback. And before configuring your Twitter app in the script, you have to change its Permissions (on developer.twitter.com) by enabling the "Request email address from users" option.
  • Don't forget to replace APP_URL by its value (that can be found in the /.env file). Example: https://domain.tld/auth/twitter/callback

Google (deprecated)

  1. Register for regular Google account, if you don't already have one.
  2. Open this url, and Create a New App.
  3. Get the new app settings.

Now, you have to setup your admin panel:

  • Go to your Admin panelSettingsGeneralSocial Login
  • For Google: set 'Google Client ID' and 'Google Client Secret'
  • And save your changes.
  • You are done.

Or place all the config values or API keys in the /.env file.

Google example in /.env file

GOOGLE_CLIENT_ID=your-google-client_id
GOOGLE_CLIENT_SECRET=your-google-client_secret

NOTE:

  • The /.env file settings override those of the admin panel.
  • The "Authorized Redirect URI" is: APP_URL/auth/google/callback
  • Don't forget to replace APP_URL by its value (that can be found in the /.env file). Example: https://domain.tld/auth/google/callback

Was this article helpful?

Thank you for your feedback!

Still need help? Create a support ticket

Create a Ticket