Twitter authentication in Wise Chat Pro

Wise Chat Pro users can use their Twitter accounts to log into the chat. Therefore there is no need to have an account in your website, but a regular Twitter account is sufficient to get authenticated.

User clicks on the blue Twitter login button and then is redirected to Twitter site where he/she logs in to Twitter as usually. Additionally the user gives Wise Chat Pro permission to use Twitter account for authentication purpose. After this the user returns to Wise Chat Pro page and immediately becomes authenticated.

wise-chat-pro-external-login-twitter

When user logs in via Twitter the following data are transferred directly to Wise Chat Pro:

  • user name
  • profile URL
  • avatar image URL

Before you configure Twitter authentication

Before you start configuring Twitter 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 Twitter authentication
To enable Twitter authentication in Wise Chat Pro you will need API Key and API Secret. In order to get these two values you have to:
1. Log in to Twitter using your regular account: https://twitter.com/
2. Go to Twitter Application Management site: https://apps.twitter.com/

wise-chat-pro-external-login-twitter-create-app
3. Click “Create New App” button. You will see the following form:
wise-chat-pro-external-login-twitter-new-app Please fill all fields. Be careful to put the correct URL to Callback URL field. It is crucial. It should be the exact direct URL to the page where you have installed Wise Chat Pro on your website. After you fill the form click “Create your Twitter application” button.

4. After the form is saved you will see detailed information regarding your newly created application.
wise-chat-pro-external-login-twitter-app-details

5. Click on Keys and Access Tokens tab. You can find your API Key and API Secret values in two first rows of the table. Please copy these values for further usage on Wise Chat Pro settings page.
wise-chat-pro-external-login-twitter-app-keys-api
6. 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-pro-external-login-twitter-configuration Fill API Key and API Secret fields with values that you have copied in the previous step of this tutorial. After you save the form Twitter authentication will be complete.