Setup the Social Login feature

Setting in the back-end

Following these below steps to set up a page for your users to login via their social network accounts:

1. Go to Pages → Add new. Create a new page named “Social connect”.

Paste the shortcode [social_connect_page] to the content section. In template box, keep the “Default Template”.

2. Choose Engine settings→ Social login→ Social API: Insert the API in each Social API section.

In the General setting: Paste the link of the “ Social connect page” you've just created above. Then, select the Users roles.

Get the APIs key

Facebook

1. Login to Facebook.

2. Go to Facebook Developer application to upgrade your personal account to a Facebook Developer account. If you have already had a Developer account, please skip this step.

3. After that, you will be prompted to a screen where you can create a new Facebook app. Please click “Create App ID” button.

4. Fill all required information, including Display Name & Contact Email. Then, hit “Create App ID” button to create a new app ID. Please note that your app will have a unique app ID. You will use this ID whenever you use one of Facebook’s SDKs or SDKs or Open Graph tags for sharing .

5. At that time, you will be redirected to the product setup page, please click “Get Started” button in the Facebook Login section.

6. On the next screen, you will be given choice a platform among 4 options. Make sure you select Web.

7. After that, you need to input your Site URL and click the “Save” button. Please note that this URL includes http:// or https://. EngineThemes will enter https://www.enginethemes.com if we wish to use this feature for our site for example.

8. Use the same URL you entered in the Site URL field above, and paste it in the Valid OAuth redirect URIs option (Products → Facebook Login → Settings). Don’t forget to click “Save Changes” button.

9. Navigate to Settings section from the left sidebar to fill in your contact information. Otherwise, your app could not be accessed.

10 In the App Reviews section, click the button to the right of your app’s name to make your app be public. If you see the green dot – that means your app is online. Now your customers could log in using Facebook login.

Twitter

2. Fill in all required information on the Create an application form. Then click the “Create your Twitter application” button to submit.

3. Get Consumer key and Consumer secret on your Application settings.

4. In Home → My applications → Settings page, you tick on the “Allow this application to be used to Sign in with Twitter” option to finish the registration processing. Please note, you should check the “callback URL” field if it is your domain URL. Also, you must input your site Privacy Policy URL & Terms of Services URL.

5. Go to Permissions tab to set up what type of access your application need.

By default, your Twitter app should have Read and Write access. If this is not the case, modify your app to ensure that you have Read and Write access to give the application permission to post on your behalf.

Besides, you can tick on the “Request email addresses from users” option under the Additional Permissions to get user’s email addresses whenever they log into your site via their Twitter account.