User Registration

  1. Home
  2. Docs
  3. User Registration
  4. User Registration Add-ons
  5. User Registration – Social Connect

User Registration – Social Connect

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

After activating the add-on, you’ll see an extra Social Connect tab inside User Registration setting section. In this setting, we can use various social medias credentials to login by tick marking the checkbox.

 

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

 

Facebook: 

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

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

After creating an app id you are redirected to dashboard, where you can get app id and app secret.

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.

 

Also, OAuth Redirect URIs should have the exact match. 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 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.

 

 

 

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.

 

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

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

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

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

Also, OAuth Redirect URIs should have the exact match. Make sure you have the https://example.com/wp-login.php?user_registration_social_login=facebook like redirect urls if you are using default WordPress login form.  Or, if you are using social connect with 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.

 

 

 

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

 

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

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

 

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

Then, enter you 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 do 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

 

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.

 

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

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

 

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

Enter the details of you app and submit the form:

After submitting the form, you will get the app id and app key. Also enter the fully qualified URLs to define valid OAuth 2.0 callback paths.

 

 

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

Now you should be able to login using LinkedIn credentials.

that’s all for social connect API settings.

 

Social Connect Advanced Settings

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

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

Social Login Templates: Select template for social login.

Social text: Text that appears in social icon login page.

 

 

 

 

 

 

 

 

Was this article helpful to you? Yes 1 No

How can we help?