Hi Friends, today, I will show you how to add social media buttons to blogger or WordPress website. Here we will discuss the WordPress website’s social login. Especially, this type of information we can find on YouTube videos. But here I am telling you in writing.
There are many friends who know how to do it but there are also some friends who don’t know.
If you want to learn it then just read the post and I am sure you will learn how to add social media buttons to blogger or on your WordPress website.
If you want to know how to host a Zoom meeting on your website then Click here!
Why do need social login
I have raised a question when I didn’t know about how to add social media buttons to blogger or WordPress website; that is why do need social login to the website? Is it necessary to add? But when I brought some products from some other website then I got my answers.
If someone has products and wants to sell it with his/her website, then the important thing is to add social login to his/her website is compulsory.
Because when the visitors come to the site and want to buy products then there should be needed social login. So, from there people can log in to your website maybe access their products or something.
I show you how to add social media buttons to blogger or your WordPress website. So, here we have continued with Facebook and we also have continued with Google. So Google and Facebook are the two probably most popular social platforms out there.
Facebook login
When you would created Facebook login then you can see click on continue with Facebook. When you or your clients will click on it then it’ll go ahead and log the user in with Facebook and it’ll bring them to their accounts.
So it’s a very clean and very fast and efficient way on how users can log into your wordpress website without having to enter in their credentials and then you’ll see they have access to their orders or any other stuff that they want to do.
Google login
If you have created Google login then people log in with Google via their Gmail account or YouTube account or whatever Gmail account that they have here. They will click on continue with Google and then they’ll just go ahead and they need to select the Gmail account.
So their Gmail accounts whatever and that’s it so now it’s going to go ahead and log them into the websites where they can access all of their stuff in their account.
How to add social media buttons to blogger
Here I shall show you how to add social login to your wordpress website within few minute. And how to set all this up it’s really simple, it’s a free plugin it does not cost you anything.
How to add social media buttons to blogger by using nextend plugin
So, let’s get start- the first thing you’ll do is you’ll install a free plugin. You will go to your dashboard and you’ll go to the plugins and you’ll go ahead and activate a plugin.
So you’ll go to plugins and you’ll click on add new than under search plugins. you will need to type nextend now.
This is probably the most popular social login plugin; out there are quite a few but so you’ll click on install and then you’ll click on activate. So, now you have to go on the left side of your screen.
How to add social media buttons to blogger such Facebook login
Create an app and an API
Now you have to go to settings and you’ll see next in social login. So before you go ahead and use it for Gmail and for Facebook you need to go ahead and create an app and also an API.
For that, you have to go to settings, and here the first thing you’ll need to do is you’ll need to create an app for Facebook.
This is pretty simple it sounds difficult but it’s really not. So you’ll go ahead and click on this link and right here you have to create an account.
Now you have to go through some verification process you’ll have to give them like a phone number or email. And once you go through all of the verification process it’ll take you to facebook for developer’s apps.
So if you want to get to this screen you can go ahead and type in this URL and it’ll take you to this specific page.
Now again you will have to go through some verification. So go ahead and verify your accounts and then once you’re done with that you can go ahead and create an app.
So the first thing you’ll do is when you get to this then click on create an app. Now you need to give your name and make sure I am not a robot and click on submit.
Now you will on the screen just click on the Facebook login and click on. So it wants to know what app you are going to use. Here obviously you have to put your website then go ahead and click on the web.
Here keep in mind is that what URL of your website that you grab in the HTTPS or www. So, I don’t think you put the www. Once you’re done with that you’ll click on save.
How to add social media buttons to blogger such as Facebook login
Now you have to enter the URL of your website. You can see on the left side settings then click on settings.
So, you want to make sure that this is on the client auth login and you want to make sure that under this URL the application will actually give you the actual link to put.
So this is the link that you need to have and now go ahead and copy this link go back over here and you will paste that in there like that once that’s done. Then you will need to click on save changes.
Again on the left side, you’ll see settings click on Settings, and click on basic. This is where YOU need to enter some general information about YOUR website.
Facebook knows what’s being accessed and all that good stuff, so here you have given your display name and in that display, name users go to login. So make sure this is something that represents your website.
You’ll put in your contact email now; you will need to put a privacy policy URL and also a term of service URL. If you don’t have one you can go ahead and make one just go to your WordPress website and make a page.
So go to your website and make a page, a privacy policy page, and then just put in all your privacy policy and your terms of service.
Now you’ll do is you’ll go ahead and copy the link for your privacy policy and your terms of service and you’ll go ahead and paste it in here.
How to add social media buttons to blogger
Now for the app icon, you will need to go ahead and find a good way to size it. You know Facebook is really picky about its app icon. So it must be these dimensions and it also must be a png image.
It cannot have a white background. If you leave it blank Facebook will put in something for you automatically also make sure to add to the website here.
But you don’t need to mess around with that stuff and make sure your website URL is located right here. And once you’re done with all of that you’ll click on save changes.
So if you want your app to go live what you’ll need to do is click on this in developments. This is going to tell Facebook that this is ready to live.
Now you will take this app id right here and go back to your WordPress websites. Under the Facebook section, you’ll see the settings. You have to click on settings.
So for the app, you will go ahead and paste it into your WordPress and then also for the app secret you’ll click on the show you’ll go ahead and enter in your Facebook password.
Now you have the secret key. Then go back wordpress and paste it app secret box and click on save changes. You need to go ahead and verify it so click on verify settings.
Now you’ll see your website will receive your name profile picture email address and then you can see the placeholder image. Then click continue as your display name and you can see the test was successful.
Now you have to go ahead and enable the button by click on enable. You can see now the congratulations message. So, now people can log in via Facebook on your website.
How to add social media buttons to blogger such as Google login
Before you go to Google you will need to make one change to your website in order to let people register through their social networks. So you’ll do under the settings you’ll click on general and under the membership, you see that anyone can register.
This must be checked if this is not checked it will not work. So just make sure that’s checked and then click on save changes.
So let’s go ahead and do the Google one. Now you have to go to the settings and go to nextend social login and here have Google.
Now you have to go getting started then you can see 1. Navigate to and a authenticate specific API link then click on it.
Then you will get brought to your API dashboard now. It can bring you anywhere else like the library or something you’ll want to go ahead and make sure that you go to your dashboard.
Now the next thing you’re going to do is go to credentials. Here you need to create some credentials that allow you to create an API key.
So you’ll see this create credentials, go ahead and click on it and now you have API keys and a client id and you also have a service account.
You’ll go ahead and select the client Id. so go ahead and click on client Id and then go ahead and give it an application type. You can a web application and you can go ahead and give this a name.
Now for the authorized redirect URLs, you’ll click on add URL then go back to your app on getting stared and bellow 15. Number you can see a link and copy this link and then you’ll go back and then paste it in authorized redirect add URL that links in there now by default it will update your website.
So just to make that clear and then once you’re done with that you’ll click on it. so now you have created an API key. Then you can see your client id; copy this and paste it nextend plugin’s client id box.
Then again come to the app and you can see the secret key, copy it, and paste it into the plugin’s secret key box.
Now click on verify settings and the test was successful. So now you just need to enable it; so click on enable and you can see the congratulations message. That set you have Facebook and Google integration on your WordPress website.
Now you can test this at any time. For you have to go to your website; now you have the continue to log in with Facebook and continue with Google.
Conclusion (how to add social media buttons to blogger)
I hope you have learned how to add social media buttons to blogger. Now you can add it to your blog or WordPress website.
If you have any clarification or doubt or question feel free and leave a comment in the comments box.