Facebook Login: How to Use It On Your Site

Getting people to register for your website or online business is always harder than it initially seems. You can provide a great service or have an excellent product catalogue, but convincing people to hand over their data or simply sign up for a newsletter service can often be a frustrating process. The fact of the matter is that people hate taking extra steps to register for yet another website, especially when it seems that everyone has their own login requirement these days.

One of the best ways to circumvent these issues is to use the Facebook Login application. Using this app, you can tie a visitor’s Facebook profile to your own site database and let them register with just a few clicks instead of a dozen. The Facebook Login app makes registering easy for your visitors and allows you to helpfully collect their data so you can tailor your service or marketing efforts to their needs even better than before.

Below, you’ll find a step-by-step guide about how to add and use the Facebook Login application in relation to your website. We’ll even go over some customization strategies so you make the most out of the feature and its benefits. Let’s get started.

Step One: Choose Data You Want to Collect

Facebook Login allows you to choose between 50 different types of permissions from any visitors on your website. These permissions will let you gather different types of data from every individual visitor. This can potentially allow you to collect lots of information from each person who stops by, although be warned: adding too many fields might decrease the number of people who actually opt-in.

In a nutshell, you’ll want to focus on data that is going to be most helpful rather than data points that don’t really matter for your purposes. Ask permission to access that data to gain visitor trust.

Email is excellent permission to prioritize. Not only does it give you helpful data for each visitor, but it also helps you avoid misspellings and lets you gather addresses you can use for newsletters or ad networks. Working email addresses can easily be integrated with Facebook Ads or Google AdWords, as well.

User friends is another great permission to focus on. This permission will let you figure out which Facebook friends of a particular visitor have also registered on your site, which can help you improve your recommendations and provide social proof.

Public profiles are also important. This data provides you with visitor names, age group, gender, the language they speak and other demographic information. This is critical if you want to ever create personalized marketing campaigns or messages.

User likes, like friends, is another good permission to focus on. Again, this lets you customize your marketing efforts and helps to recommend products or services to your visitors based on their favourite activities or hobbies.

Regardless of which permissions you focus on, letting your visitors know the advantages of this login process and informing them about how their data will be used will increase their likelihood of opting in.

Step Two: Set Up the App

Once you’ve got your permissions squared away, it’s time to build the Facebook Login app itself to handle that data. You don’t need to be a master coder to do this, however.

Firstly, go to Facebook and create a developer account by navigating to developers.facebook.com. You’ll be able to log in with your standard Facebook information. There should be a big “Create App” button in the right-hand corner. A pop-up window will emerge, allowing you to type in the name for the application and assign it an appropriate category. Try to make this appropriate for your website.

Once the app has been created, click the get started button and you’ll begin in earnest. The Settings tab beneath the dashboard should lead you to “Basic”. This button will let you add links to the terms of use and privacy policies for your website, as well as let you double-check your contact email. Other simple features and functions can be accessed from the same control panel.

Next, click on “+Add Platform” and select the icon that matches with “website”. This will let you add the URL of your website to the application. Take a moment to double-check that you spelt everything correctly and are using the right form of URL so that integration proceeds smoothly.

Once you’re finished with this step, you can publish your app. This is done beneath Settings in the App Review menu.

Step Three: Submit the App for Review

Now it’s time to add any extra permissions to the app and site. If the app asks for specific permissions beyond the basics like email address or public profile information, Facebook will have to personally approve the app permissions before you can start using the. Since we recommended several permissions like user likes, we’ll go over how to do this.

Find the aforementioned App Review button on the dashboard and click “start a submission”. This will allow you to select a list of permissions on the left-hand side of the screen, and you can add them one at a time or in a larger batch depending on which permissions you are targeting.

For permissions like “user likes”, you’ll have to give Facebook a step-by-step description of how the actual login process works on your website. Use the Facebook Developer’s Guide to find out about these requirements in greater detail. Note that you’ll also have to explain what you intend to use the information for; describe this using the “Edit Note” button.

Next, give Facebook a description of how the login app will work. You can select from prewritten options or explaining yourself using the “other” button. A good trick is to add the URL of your website so that anyone who reviews your requests can see how the app works for themselves. Attaching videos or screenshots are also great ideas. Go into detail as much as possible, as it provides a greater chance for your app being accepted.

Once your application and all relevant documents and files are in order, click the “Save” button. You can repeat this process for any additional permissions you want to add to the login app.

In the end, submit the entire application for review and everything should be in order in a few days. Facebook will get back to you in no longer than two weeks, although the actual time frame can vary dramatically from person-to-person.

Step Four: Bring the App to Your Site

After your app has been approved, it’s time to combine it with your actual site architecture. There are two primary ways in which you can do this; we’ll go over the simpler way since it’s the method that most people will use.

Head to https://developers.facebook.com/docs/facebook-login/web/login-button. At this address, you’ll be able to customize the actual appearance of the login button, as well as change the language of the login tab or alter its code according to your specifications or preferences. This might be helpful if you want to make the code closer to what you’ve already written for your site, although most likely won’t use this feature.

This same page will also list the modifications you can make to the login switch’s overall operations and functions. As an example, one of the options will let any users log out of your site if they click on the login button for a second time.

You’ll also be able to see the default settings for the button and change them if necessary. For example, the default setting is that the button will ask permission from any user to collect basic information. You can change this if you want to ask for additional or more specific permissions.

Remember to copy whatever code modifications you make. As you open the core tag of your site, you can place the code for the login button wherever you want it to show up for a visitor on your website page.

It may be necessary for you to modify the code and add additional permissions every time. Double-check and see that all your requested permissions are there and nothing is missing. Otherwise, it may take you several weeks to determine that you aren’t receiving all the data you planned from your visitors.

Finally, think about how you want to store and use the data you collect from your users, as well as how you can access it in a hurry. Your answer will likely depend on how much developer time you have at your disposal.

Those who primarily run their website by themselves will likely want to think about hiring a third-party assistant like a data provider. Such providers can give you the tools needed to analyze or export any profile information from your users and visitors. This is often helpful if you don’t have a bigger developer team or a skilled partner.

You can alternatively deal with your data organization in-house or just have third-party providers give you the visitor data in .cvs or .xls file formats. It’s all up to you.

Extra Look: Data Advantages and Explaining It to Users

One of the best ways to increase visitor engagement and increase the number of people who register on your website is to explain exactly how you’ll use their data to their benefits. People don’t normally like giving away their data for free or when they can’t see the positives, especially in a digital era where cybersecurity is becoming more of a common frustration.

As a result, explaining the benefits as soon as someone considers logging in to your site is crucial. You can see an ideal location for this if you hover your cursor over your Facebook Login button. There’s an empty space above the actual button where you can describe the benefits a user will receive for registering with your site.

It’s nice to be able to customize this dialogue and fine-tune it for your visitor base and what your site actually offers. Don’t go with whatever default text might be in the box already. Make it something that pertains specifically to your website and you’ll see greater visitor engagement.

You should keep this information short and sweet. Talk about any special offers that a registered user might enjoy and highlight how quick and easy it is for someone to register with your site. Be sure to emphasize that there aren’t any downsides and that it doesn’t take long to complete the registration process.

It’s a lot like a customer purchasing funnel in that the longer it takes for someone to complete registration, the less likely they are to actually finish the process. Short, sweet, and to the point is the flavour you should be aiming for.

To that end, try to keep the number of clicks necessary to subscribe or register down as low as possible. Keep it at three clicks or below if at all possible. You should also consider stressing the fact that users don’t need to come up with a new password or email address if they register with the Facebook Login button.

Alternatively, you can let people register with their email addresses instead of through Facebook. Although most people have a Facebook profile, not everyone does, and your website’s demographic may have a larger proportion of non-Facebook using visitors than normal. For this reason, it’s also a good idea to let people register with a simple email.

These alternative solutions are a great way to showcase your dedication to your customers or visitors. 

We should also highlight the fact that you don’t want your login button dialogue to be desperate or pleading. Keep things light but factual and focus on benefits rather than what you’ll gain from your visitors’ data. People are less likely to sign up for your website if they feel like you’re begging them for their personal information.

Ultimately, it’s about establishing trust between you and your visitors. It may take time, but you’ll eventually find a formula that works best for your customer base.


Overall, social logins like the Facebook Login app speed up registering on your website and help tie the Internet and its various data sources together. Having a Facebook Login button on your site makes it more likely that visitors will actually register for your special offers as opposed to considering it and moving on.

While using the Facebook Login button takes a few extra days or weeks of effort on your part, the positives far outweigh the negatives. You’ll be able to understand your visitors in much greater detail and tailor your content or products to their needs much more effectively. As a result, you’ll see better website traffic, improved user attention, and possibly even more profits in a short period of time.

It’s always worthwhile for your conversion rate to develop a deeper understanding of your website users. In the competitive digital landscape, every advantage is worth pursuing.

Let us know if you use Facebook Login for your site or online business and what you think of the process. Do you have any strategies that others can use? Give us your experience in the comment section!