how to use facebook login on your site, facebook app login

How to Use Facebook Login on Your Site – 8 Steps

Like with most things in marketing, getting rid of barriers is key. If you want someone to sign up on your site, making them fill out another name, email, and password form is more tedious than simply having social signup.

Most people have a Facebook account, so Facebook login could be a great way to increase signup rates.

In this article, we’re going to look at the option and advantages of using Facebook login and think about how to add it to your site.

Should You Use Facebook Login on Your Website?

The signup process is important. How you get people to sign up determines the size of your mailing list, how many returning visitors you have, and whether or not they’ll make a purchase.

The easier it is for someone to join your website, the better.

A Facebook login option can help you reduce barriers to joining at first site through ease of use by letting users enter their current information instead of creating the hassle of having them make new accounts all over again.

Adding Facebook login also has some other benefits:

  • you can import friends into your address book (with user permission)
  • track referrals, and
  • sync up with apps like Spotify or Pinterest that use Facebook login as well.

The Advantages

When someone logs in via Facebook they also grant you information like their public profile, email, friends, and like and interests.

And, of course, for the user it’s just plain fast and convenient being able to use an existing account instead of creating a new one.

The average internet user uses their email address to create nearly 150 accounts across various websites.

And because people generally view the biggest risk to their account as forgetting their own passwords, most reuse the same passwords for multiple different accounts.

Naturally, this brings with it various security vulnerabilities.

According to, a small business is hacked every 4 seconds in the US and every 20 seconds in the UK.

That’s a lot of usernames and passwords being uncovered to the public.

Once hackers pick up this info, they’re likely to try it everywhere else, often with software that can do it automatically.

By using Facebook to log into websites, visitors don’t have to create new accounts and don’t have the same cybersecurity risks.

It also means fewer passwords to remember. So logging in is much faster and convenient.

For site admins, this gives you access to Facebook data, which yields insight into things like age, gender, location, education, and interests.

There are ways marketers can design their website around that data to get the most out of their audience.

The Best Features from Using Facebook Login

The following are the best advantages to using Facebook login on your site:

Control what data is shared

The visitor can control what data they share with you, which helps create better personalization and trust.

Can change authorization

Whatever your initial Facebook login authorization settings are, you aren’t stuck with those permanently.

You can change them to match whatever you need from your data and you can also request more later.

Can change permissions

Visitors may not want to share certain things with a website at first. But they could change their minds later if it means a more enhanced experience later.

User profiles are accurate and less anonymous

Some sites prefer their users signup with Facebook because it gives greater authenticity.

For example, ESPN switched from their internal user system to Facebook login for comments on individual articles (though they eventually removed their comments section). This helped cut down on spam, trolling, etc.

Easy to login across websites

Sometimes your users might be using their smartphone and other times they might be using their desktop or tablet.

Regardless of what device they’re using, having a 1-click Facebook login option enables them to log back in easily and continue where they left off.

Express Login

For some sites, they need to re-enter their Facebook info every time they visit.

But with Express Login, they can log in automatically.

Can merge multiple accounts

Website visitors can use Facebook and other ways to log in (email, telephone number, etc.)

All of that information gets connected to help add an additional layer of convenience.

If you’re looking to add Facebook Login to your site, the steps below can help you set it up and personalize the way it functions on your website.

1) Go to the Facebook for Developers Site

Setting up Facebook Login requires having a Facebook for Developers account.

You can do this here, then log in and start creating an account (if you don’t have one yet).

It will ask a few more questions about yourself and your business. Following the steps to register is fairly straightforward.

facebook for developers

2) Create Your Facebook Login App

Once your Facebook Developer account is set up, then you need to create a Facebook app for your site.

On the dashboard inside your account, you’ll see the option to ‘Create App.’

facebook app login

3) Select App Type

Next you’ll have to select an app type – in this case you want Consumer.

facebook app permissions

4) Name the App and Provide Contact Email

Now you need to call the app a name (anything is fine) and give a valid contact email.

(It’s optional to fill in whether you have a Business Manager account.)

When you’ve filled in those 2-3 lines, click Create App.

Name the App and Provide Contact Email

This will send you to the dashboard of your site’s app.

5) Set Up Facebook Login for Your Site

Now you’ll see Facebook Login for your website app’s options.

Click the ‘Set Up’ option in the bottom-right of the box to get started.

Set Up Facebook Login for Your Site

6) Fill In Info on How You’ll Use the App

Next, you’ll provide information on how you’ll use the app as well as where.

The Facebook Login feature can be added across multiple types of devices. It can be added on Web, Android, and iOS.

When creating it for your website, click the Web option to get started.

Fill In Info on How You'll Use the App

7) Set Up and Customization

Next up is the following set of steps:

a) Enter the URL of your website, including HTTPS

b) Find your Facebook SDK for Javascript. This is the code that enables Facebook Login to work.

c) Copy your Facebook SDK and enter it into your site’s body of code.

d) Test it to see if you can log into your site through Facebook and have the data load into your CRM.

e) Customize your login button and receive personalized code that can then be inserted into your website.

Set Up and Customization

You’ll then get information explain how to customize your Facebook app further, which we’ll go more into below.

8) Customize Your Facebook Login

At this point, your Facebook Login should be working, but it won’t be tailored exactly how you’ll probably want it.

To get the most out of the Facebook Login, you’ll probably want to customize it to your preferences.

Each customization option will provide a snippet of code to add to your base code, which will help customize your Facebook Login.

Customize Your Facebook Login

Visitor Data Deletion Option

It’s straightforward to allow visitors to delete any data you’ve collected from them.

This way, if visitors know that their data is being used in a way they don’t want or they no longer want to grant access that they can continue feeling comfortable logging in.

In your dashboard of Facebook for Developers, go into your Facebook Login settings and you’ll see spaces for putting in a data deletion request callback.

Visitor Data Deletion Option

Access Tokens

You can also manage access token settings.

Access tokens are placed on users when they log in and identifies those users in your system.

You can alter how these access tokens are handled and moved.

Facebook Login Button Customization

Customizing your Facebook Login button is easily done through Login Dialog.

Using Login Dialog you can customize the Facebook Login prompt by:

  • button text
  • layout shape
  • size
  • width of the plugin
  • whether to enable a Logout button

Facebook Login Button Customization

Additional Permissions Request

Permissions involve a list of data that you collect from users who use Facebook to log in.

Default permissions include the user’s email and public profile. You won’t be able to see other data.

If you want to see other parts of their data, you’ll need to submit your app for review by Facebook.

After approval, there are more than 50 types of permissions. Visitors can accept or deny you access. Even if they deny permissions, they’ll still be able to login via Facebook.

You’ll need to add the code for each permission.

When visitors log in and accept or deny these various permissions, it will show in your app’s code.

facebook app Additional Permissions Request

App Review

It’s important that your app is safe for users, so Facebook requires apps to be reviewed before being put on the website.

This will help to verify your app because you can access any information from visitors who use your site.

App review requests can be found on the left side of your home screen.

You’ll then have to look through the list of options and click Request for any permissions you’d like to add.

Facebook also requires you to fill out a form that confirms that your Facebook Login button is ready and live so it can be tested externally.

You’ll also need to describe how visitors use your site and how you’ll use the permission(s) you’re requesting.

Once you submit for an App Review, it can’t be edited. Any edits will require you to cancel your request and submit a new one.

How long do Facebook app reviews take?

Generally about 5 days.

After this, you’ll be notified whether or not you’re approved.

If you’re approved, you’re good to go!

If not, the developers will inform you why. You can use these reasons to help make your site and app more secure to help get approval.

Facebook App Review


Using Facebook Login is a great way to add an extra layer of security and authenticity to your site.

This way, visitors will know it’s safe and be more willing to use the login rather than not sign in at all.

The customizations available can help make this process easier for you and better for your site’s users.

You can use Facebook Login to collect valuable info that can help you customize your site better to your visitors’ needs.

You should see improved engagement on your site, making using the Facebook Login app well worth the time to set up.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *