User Registration Social Connect Addon

Description

Social Connect add-on to the User Registration plugin.

Installation

  1. First, purchase the User Registration – Social Connect add-on.
  2. After the process succeeds, you will get the add-on zip file under your WPEverest account page.
  3. Now, you can download the add-on zip file from there.
  4. After you log into your WordPress Dashboard, go to Plugins > Add New and click Upload Plugin button available there and choose the file you’ve downloaded and click Install Now button. Make sure to install the user-registration plugin too.
  5. This will install the add-on. Now, you’ve to activate the addon from the Install plugin list.
  6. Now you are ready to use this add-on for your site.

Setup and Configuration

Social Connect API Settings

In this setting, we can use various social media credentials to login by tick marking the checkbox.

User Registration Social Connect Addon
User Registration Social Connect Addon 31

We can see the social login option using social media (whichever tick marked) in the login screen now.

User Registration Social Connect Addon
User Registration Social Connect Addon 32

Facebook:

Get the Facebook App ID and Facebook App Secret from http://developers.facebook.com. Login to your Facebook account and click on Create App button:

User Registration Social Connect Addon
User Registration Social Connect Addon 33

Enter your display name and contact email and then click on the create app id button.

User Registration Social Connect Addon
User Registration Social Connect Addon 34

After creating an app id you are redirected to the dashboard, where you can get the app id. For viewing the app secret, go to Settings > Basic.

User Registration Social Connect Addon
User Registration Social Connect Addon 35

You also need to add the redirect URL (your callback page (at the redirect URL) when Facebook sends the user back). For this click on Add product and then, Facebook login setup.

User Registration Social Connect Addon
User Registration Social Connect Addon 36

Also, OAuth Redirect URIs should have the exact match.
More on this on the last section of this documentation or click here.

User Registration Social Connect Addon
User Registration Social Connect Addon 37

Insert the app id and app secret into our user-registration social connect settings tab.

Now you should be able to login using your Facebook credentials.

User Registration Social Connect Addon
User Registration Social Connect Addon 38
Facebook Login not working on Mobile Phones

If you get the following error message while logging in using Facebook on your mobile devices, this suggests that the App you created on the Facebook Developer site isn’t live.

User Registration Social Connect Addon
User Registration Social Connect Addon 39

For this, follow the steps below.

  • Go to Facebook for developers from here
  • Choose My Apps from the top bar
  • Click on your app icon ( then you will notice that your app is not live from the top bar )
User Registration Social Connect Addon
User Registration Social Connect Addon 40
  • From the left side select Settings > Basic
  • Put your privacy policy link in the Privacy Policy URL and in the User data deletion field, you can make a copy from this privacy policy ( select file from the top bar and select make a copy )
  • Save changes

Google

Similarly, go to console.developers.google.com to create a new project to get the app id and app secret key.

User Registration Social Connect Addon
User Registration Social Connect Addon 41

After creating a project you’ll be redirected to the dashboard, go to the credentials tab.

User Registration Social Connect Addon
User Registration Social Connect Addon 42

Go to create credentials dropdown shown above and then click on the OAuth client-key.

User Registration Social Connect Addon
User Registration Social Connect Addon 43

Now, select the Web application radio button, enter your redirect URL (your callback page (at the redirect URL) when Google sends the user back), and click on the create button.

Also, OAuth Redirect URIs should have the exact match.
More on this on the last section of this documentation or click here.

User Registration Social Connect Addon
User Registration Social Connect Addon 44

Now, you should get the app id and app secret:

User Registration Social Connect Addon
User Registration Social Connect Addon 45

Insert the app id and app secret into our user-registration social connect settings tab.

User Registration Social Connect Addon
User Registration Social Connect Addon 46

Now you should be able to login using your Google credentials.

User Registration Social Connect Addon
User Registration Social Connect Addon 47

Twitter

Go to https://apps.twitter.com/ to create a new app.

User Registration Social Connect Addon
User Registration Social Connect Addon 48

Then, enter your app details and submit the form, Callback URL is your callback page (at the redirect URL) when Twitter sends the user back:

Do not add query strings to your callback URLs in your Twitter app’s configuration
Twitter will allow you to pass any standard query strings along with your callback URL in your OAuth/request_token request. Therefore, twitter does not allow you to add query strings to the end of the callback URL that you list in the Twitter apps dashboard.
Example:

For further information: https://developer.twitter.com/en/docs/basics/developer-portal/guides/callback-urls.html

User Registration Social Connect Addon
User Registration Social Connect Addon 49

After creating an app, you will be redirected to the dashboard, go to the Keys and Access Tokens tab to get the consumer key and consumer secret.

User Registration Social Connect Addon
User Registration Social Connect Addon 50

Insert the app id and app secret into our user-registration social connect settings tab.

Now you should be able to log in using your Twitter credentials.

User Registration Social Connect Addon
User Registration Social Connect Addon 51

LinkedIn

Go to the LinkedIn developers page https://www.linkedin.com/developer/apps and then to My Apps tab to create a new application.

User Registration Social Connect Addon
User Registration Social Connect Addon 52

Enter the details of your app and submit the form:

User Registration Social Connect Addon
User Registration Social Connect Addon 53

After submitting the form, you will be redirected to the settings page of your app. Now, go to the ‘Auth’ tab to find your authentication keys.

User Registration Social Connect Addon
User Registration Social Connect Addon 54

Also, enter the fully qualified URLs to define valid OAuth 2.0 callback paths in the OAuth 2.0 settings in the Auth tab.

OAuth Redirect URIs should have the exact match.
More on this on the last section of this documentation or click here.

User Registration Social Connect Addon
User Registration Social Connect Addon 55

Now, you will have to add permissions in order to use the LinkedIn login on your website. For this, go to the Products tab and add ‘Sign With LinkedIn’.

User Registration Social Connect Addon
User Registration Social Connect Addon 56

When you add the ‘Sign In with LinkedIn’, you will be able to see the permissions in the OAuth Scope section in the Auth Tab.

User Registration Social Connect Addon
User Registration Social Connect Addon 57

Insert the app id and app secret into our user-registration social connect settings tab.

Now you should be able to log in using LinkedIn credentials.

User Registration Social Connect Addon
User Registration Social Connect Addon 58

that’s all for social connect API settings.

Social Connect Advanced Settings

After activating the add-on, you’ll see an extra Social Connect tab inside the User Registration’s setting section. To get started using social connect, you need to go to Advance Setting and check the box which says “Enable social registration ?” and also you can check the option “Display social buttons in registration ?” to display the social buttons on your registration form.

User Registration Social Connect Addon
User Registration Social Connect Addon 59

Enable Social Registration: Tick the checkmark if you want to enable social registration.

Display social buttons in registration: Tick here if you want to display social buttons in the registration.

Default User Role: This option lets you choose the user role for social registration.

Connect socially connected users with form: Choose the registration form from the dropdown to connect with the socially connected users. It will provide the additional form field from your registration form to socially connected users.

Social Login Templates: Select a template for social login.

Social text: Text that appears on the social icon login page.

Social Login Button on Individual Form

Now, the User Registration’s Social Connect addon provides you the flexibility to add a custom social connect button on individual forms.
To do so, please go to the individual form setting. Scroll down and there you will find the setting called”Social Connect option” to select the social button on the specific form.

User Registration Social Connect Addon
User Registration Social Connect Addon 60

Redirect URLs:

Make sure you have the https://example.com/wp-login.php/?user_registration_social_login=facebook/ like, redirect URLs.

Or, if you are using social connect with the default registration login page or my-account page, make sure to add https://example.com/login/?user_registration_social_login=facebook/ or https://example.com/my-account/?user_registration_social_login=facebook/ where login and my-account are page slugs created with user registration  shortcode [user_registration_login] and [user_registration_my_account] respectively.

There are no reviews yet.

Write a review

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.