Facebook authentication in Wise Chat Pro

Wise Chat Pro users can use their Facebook accounts to log into the chat. Thus there is no need to create any accounts in your website, but a regular Facebook account is sufficient to get authenticated.

The process is simple: user clicks on the blue Facebook login button and then is redirected to Facebook site where he/she logs in normally. Together with the authentication a permission to use Facebook account for authentication purposes is given to Wise Chat Pro instance. After this user returns to Wise Chat Pro page and immediately becomes authenticated.

wise-chat-wordpress-facebook-login-0

When user logs in via Facebook the following data is transferred to Wise Chat Pro:

  • user name
  • profile URL
  • avatar image URL

Before you configure Facebook authentication

Before you start configuring Facebook Authentication please make sure you don’t have enabled the following features in Wise Chat Pro general settings:
  • Disable Anonymous Users
  • Force Username Selection
It is crucial.

How to set Facebook authentication

To enable Facebook authentication in Wise Chat Pro you will need to get Application ID and Application Secret first. In order to get these two values you have to:
1. Log in to Facebook using your regular account: https://facebook.com/
2. Go to Facebook for Developers site: https://developers.facebook.com/
3. At the upper right corner click on My Apps button and then select Create a New App option.
wise-chat-wordpress-facebook-login-1

4. The following form will show up:
wise-chat-wordpress-facebook-login-2 Please fill all fields and click Create APP ID button.

5. After the form is saved a new Facebook application will be created.
wise-chat-wordpress-facebook-login-3

6. Click on Settings (left menu) and you will see the form:
wise-chat-wordpress-facebook-login-4 You can find your App ID and App Secret values in the first row of the table. Click on Show button in order to display App Secret. It is protected by your Facebook password. Please copy these two values for further usage on Wise Chat Pro settings page.

7. On the same settings page click on + Add Platform button and select Website option. Put a correct URL of your website in the Site URL field and click Save Changes at the bottom of the window.
wise-chat-wordpress-facebook-login-6

8. Put your domain name into App Domains field and click Save Changes button at the bottom of the window. You can insert multiple domains in that field.
wise-chat-wordpress-facebook-login-5 It is crucial to put the correct domain name of the site where you have installed Wise Chat Pro. Otherwise Facebook authentication will not work.

9. Log in to your WordPress website. Go to Settings / Wise Chat Pro Settings page and click External login tab. Scroll down to see the following form:
wise-chat-wordpress-facebook-login-7 Fill Application ID and Application Secret fields with values that you have copied in the 6th step of this tutorial. After you save the form the configuration of Facebook authentication is complete.