Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

MDW WordPress Tutorial Social Login

Social login


Written by Michał Krawczyk ,


There is no simpler way to register than use OAuth protocol along with one of the social platforms like Facebook, Twitter or Google+. If you don't know what oAuth is - no worries, you do not have to. MDW takes care of it and allows you to enable registration on your website using Facebook or another social network.



Facebook



  1. Go to Facebook for developers website
  2. Select Add a New App from the Apps menu at the top.
  3. Choose the Website platform, then type the name of your app below the Quick start for Website, and click Create New Facebook App ID.
  4. Fill out Contact Email, choose a category and click Create App ID.
  5. In the next step you may be asked to verify whether you're a real person, so follow the instructions.
  6. Now, click on Skip Quick Start, we don't need it (of course, you may do that if you want, but it is not necessary - it contains instructions about the configuration). You'll be moved directly to the dashboard.
  7. Go to Settings and click on Add Platform. Choose Website and enter your website URL in Site URL and click Save changes. Then, find App Domains and paste there the same URL address. Save changes.
  8. Go to the App Review. Choose "Yes" where facebook asks whether make App public or not. Do not close the facebook developer page yet, you will need the APP ID number and APP Secret.
  9. Go back to WP admin page. Navigate to MDW Config/Integrations/Social Configuration. Choose Yes where it says Allow linking accounts.
  10. Now it's the time when your credentials will be useful. Copy and paste APP ID and Secret ID in the boxes under the Facebook area. Don't forget to save the changes.


Twitter



  1. First, go to Twitter Apps
  2. Create a new application.
  3. Fill out any required fields such as the application name and description.
  4. Provide this URL as the Callback URL for your application:
    http://mydomain.com/?mdw_login_tw
  5. Go back to the MDW Config Panel and past the created application credentials (Consumer Key and Secret) into the boxes above.


Google+



  1. Open in a new tab Google API Manager
  2. On the Dashboard sidebar click on Project then click “Create Project”.

  3. Next go to the Social APIs/Google+ API.

  4. Then ENABLE and in the sidenav of the left Credentials. Now click Create credentials. Choose OAuth client ID.
  5. Because you have not set your product info yet, Google will ask you to do that. Without that, you won't be able to proceed. So, click on Configure consent screen.
  6. Type your page name. For now it's enough. Click Save.
  7. You're back in the Credentials page. Select application type, in this case Web application. Fill the Name, which can be the same as your product name.
  8. After that put your website domain in the Authorized JavaScript origins field. This should match with the current hostname yourdomain.com.
  9. Provide the following URL in the Authorized redirect URI field: http://yourdomain.com/?mdw_login_gp
  10. When you click Create application credentials will popup. Copy them and go to the your WP Dasboard. Navigate to MDW Config/Integrations/Social Configuration. Paste credentials under the Googe Plus header. Don't forget select Yes under Allow linking accounts. Save the changes.

Do you want to share?


About author


Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research and Consulting background, former student of Interfaculty Individual Studies in the humanities at the best university in Poland

Leave a reply

Card image cap

Stay up to date


Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.