Creating Facebook App

1. Access to your site backend Tevolution >> Settings >> Registration Page (tab) and enable the option of Facebook.
2. You will see to insert App Id and Secret Key. Click on the link below the field and you will be redirected to Facebook Login page.
3. Login to your Facebook account or create a new one.
4. Open the Facebook Developers page. Allow developer access if you get prompted for that.
5. Inside the top left corner click on + Add New App.
6. Add your Display Name and Email that you want to show when users Login through Facebook.
7. You will see multiple options and in that you need to select Facebook Login and click on the Set Up button.
8. Choose the WEB option and add your site URL for the relevant field and save it.
9. Go to Settings option and you need to Choose Basic Settings for your app.
10. Choose Category as “Community & Government” and add your site URL in the App Domain field.
11. You need to add the Privacy URL for your app to use the Facebook Login to work on your site.
12. You will get the Privacy URL from this link Privacy Policy and follow the steps shown in the Video.
13. After Creating the Privacy URL you need to copy the URL and paste it in your app and save the settings.
14. Now to to the App Review Section and you need to enable the app PUBLIC.
15. Next go to Facebook Login Settings and enable the option and your site URL and save the settings.
16. Final Setup would be Go to Basic Settings and copy the AppID and Secret Key and paste it on your site backend.

Please refer this mentioned screenshot:

So, you can enable Facebook login feature on your Directory website by creating a Facebook app this way.

This is the video demonstration to enable FB login in Tevolution Plugin.

Creating Google App

1. 1. Login to your Google account or create a new one.
   2. Open the Google Developers Console.
   3. Inside the top right corner of the screen you should see a “Select a project” dropdown. Expand the dropdown menu and click on “Create a project…”.
   4. Enter your name for the project and leave the rest as-is.
   5. Once the Dashboard of your new app opens click on “Enable and manage APIs”.
   6. Search for the Google+ API. Enable that API.
   7. Once you enable the API you should see a message saying you can use the API until you create credentials. Click on the blue “Go to Credentials” button”.
   8. Under Where will you be calling the API from? select “Web browser”. Under What data will you be accessing? select “User data”. Go to next step.
   9. Now leave the Authorized JavaScript origins field empty. Under Authorized redirect URIs enter this URL
      http://YOUR_SITE.com/wp-content/plugins/Tevolution/tmplconnector/monetize/templatic-registration/hybridauth/?hauth.done=Google

1. Click on the “Create client ID” button below to proceed to the next step. Click the button again if you stay on the same step.
2. Enter the email address and product name that should be displayed to visitors when logging in to your app.
3. In the Download credentials step click on “I’ll do this later”.
4. You should now see this. Click on your Web client
   
5. Now copy the “Client ID” and “Client secret” values available in the “Client ID for web application” section.
6. Connect to your site and go to Tevolution ⇨ Settings ⇨ Registration settings. Paste the Client ID inside the App ID field and the Client secret key inside the Secret key field.

Creating Twitter App

1. Login to your Twitter account or create a new one.
2. Open the Twitter dev page.
3. Click on “Create new app”
4. Inside the “Application Details” fill in the Name and Description you want for the app. Also enter the location (URL) of your site. Enter this as the Callback URL:
   http://YOUR_SITE.com/wp-content/plugins/Tevolution/tmplconnector/monetize/templatic-registration/hybridauth?hauth.done=Twitter

• Your app should now be showing. Click on the “Settings” tab and check the “Allow this application to be used to Sign in with Twitter” option.
• Open the “Keys and Access Tokens” tab.
• Copy your “Consumer” and “Consumer Secret” keys
• Paste the values inside Settings ⇨ Registration settings on your site.