--- title: "How to add Facebook & Google Social Login Buttons in WordPress? – With API Generation ( Part 5/10 ) [Video Tutorial]" url: https://nexterwp.com/docs/add-facebook-google-social-login/ date: 2023-07-05 modified: 2026-08-18 author: "Aditya Sharma" description: "https://www.youtube.com/watch?v=xWjVvk-OwL8 Video Duration: 16 : 12 Video Overview In this video tutorial, we'll show you how to add Facebook and Google Social Login Buttons to your WordPress website Login Forms...." image: https://nexterwp.com/wp-content/uploads/2024/05/add-facebook-google-social-login-3-1024x519.jpg word_count: 176 --- # How to add Facebook & Google Social Login Buttons in WordPress? – With API Generation ( Part 5/10 ) [Video Tutorial] ## Key Takeaways - The video shows how to add Facebook and Google Social Login Buttons to WordPress website Login Forms. - The tutorial walks through generating the necessary API keys to enable social login on a WordPress site. - Nexter Blocks includes LIVE DEMO pages for a WordPress login form and a WordPress registration form, plus a full 10 videos playlist for Login Signup Forms. https://www.youtube.com/watch?v=xWjVvk-OwL8 ##### Video Duration: 16 : 12 ## Video Overview In this video tutorial, we'll show you how to add Facebook and Google Social Login Buttons to your WordPress website Login Forms. Social login buttons can improve the user experience on your website by allowing visitors to quickly and easily sign in with their existing social media accounts. We'll walk you through the process step-by-step and show you how to generate the necessary API keys to enable social login on your WordPress site. Whether you're a seasoned WordPress user or a beginner, our tutorial is easy to follow and will guide you through every step of the process. By the end of the video, you'll be able to add social login buttons to your WordPress site with confidence and improve the overall user experience. ▶️ LIVE DEMO - [https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/) & [https://nexterwp.com/nexter-blocks/blocks/wordpress-registration-form/](https://nexterwp.com/nexter-blocks/blocks/wordpress-registration-form/) Login Form Popup Demos - [https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/) Watch the Full 10 Videos Playlist for Login Signup Forms - [https://www.youtube.com/watch?v=n3bqniks6ds&list=PLFRO-irWzXaKjsuiiry08cm09TPnqN1bt](https://www.youtube.com/watch?v=n3bqniks6ds&list=PLFRO-irWzXaKjsuiiry08cm09TPnqN1bt) ⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/) ⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/) USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT ## Frequently Asked Questions **Q: Why are my Facebook and Google social login buttons not showing on my WordPress login form?** A: The tutorial is specifically about adding Facebook and Google Social Login Buttons to WordPress website login forms, so the first thing to check is whether you are working with a login form setup that matches the demo. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides live demos for the [WordPress Login Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/) and [WordPress Registration Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-registration-form/). If the buttons are missing, the API generation part of the setup is usually the place to recheck because the video says those keys are needed to enable social login. **Q: What do I need before adding Facebook and Google social login to WordPress?** A: The key requirement in this tutorial is API generation for the social login setup. The video says it walks through generating the necessary API keys to enable social login on a WordPress site. That matters because the buttons are not just a visual add-on, they depend on those keys to work. The tutorial is built around a 16:12 walkthrough, so it is meant to take you from setup through implementation in one pass. **Q: Can I add social login buttons to both WordPress login and registration forms?** A: The page points to both a [WordPress Login Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/) demo and a [WordPress Registration Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-registration-form/) demo, which shows the tutorial is not limited to one form type. That is useful if you want a consistent sign-in flow across account creation and returning-user login. In practice, this helps reduce friction because visitors can use existing Facebook or Google accounts instead of creating another password. **Q: Is there a demo for adding Facebook and Google social login in WordPress?** A: The page includes live demo links for both the login form popup and the registration form. That makes it easier to see how the social login buttons fit into real forms before you copy the setup. The relevant demos are on nexterwp.com under [WordPress Login Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-login-form/) and [WordPress Registration Form](https://nexterwp.com/nexter-blocks/blocks/wordpress-registration-form/), so you can compare the two form contexts instead of guessing how they should look. **Q: How long does the Facebook and Google social login tutorial take?** A: The video duration is 16:12, so this is a short walkthrough rather than a long course. That usually means the tutorial focuses on the core setup: adding the buttons and generating the API keys needed for social login. If you are trying to decide whether to watch it end-to-end or skim it while building, that runtime suggests it is practical for quick implementation. **Q: Where can I get the plugin used in this social login tutorial?** A: The page links directly to nexterwp.com as the plugin website and also points to [Get the Plugin](https://nexterwp.com/nexter-blocks/). That tells you this tutorial is tied to Nexter Blocks rather than a generic WordPress guide. The page also mentions code YOUTUBE10 for a 10% discount, which is useful if you are following along from the video and want the same setup shown in the demo.