How to Get a Facebook APP ID

In this fast tutorial, I’m going to show you how to create and get a Facebook App ID (and a secret) 

These credentials are required if you want to use Facebook capabilities in some parts of your website.

For instance, you could need a Facebook App ID to connect it to your Thrive Comments plugin, and thus, allow your readers to log in with Facebook in order to leave comments on your blog.

First, sign up as a Meta Developer (formerly Facebook Developer)

• For getting a Facebook App ID, you’ll need a Facebook account, so first of all, I recommend you go to Facebook and just log in.
• Now go to the Developers Facebook website, and Register as a Facebook Developer (don’t worry, this is easy and free!)

• You’ll have to follow the classic sign-up steps: agreeing to the terms and policies, the platform Terms and developer policies, and verify your account, something that includes sharing your phone number in order to get a verification code.
  • Note: in the “about you” section, best choice is to pick “developer”

Step 2: create an app

• Now that you have registered as a developer you will need to use the App Dashboard to create your first app. Your dashboard will be empty, so probably it will look a bit different than mine.

• A pop-up window will appear asking you what kind of app type you want to create. As we want to use the Facebook App ID with Thrive Suite Plugins, we are going to pick “Business”, but maybe in your case, you could need something else.

• Now enter a name for your app, and a contact email, leave the Business Account section as is, and click on “Create app”.

• Your App is ready!

Step 3 – Add products to your app

• Again, for our purpose, we will pick the “Facebook login” option, as this is the thing we want to achieve, so we will click on “Set Up” on that tile.
• As we want to connect Facebook to our page, in the next step, we will select “Web” as our platform.

• In the following step, you’ll need to add your site URL (your website) and click save.
• Note: you’ll see more steps here (set up the Facebook SDK for Javascript, Check Login Status, and Add the Facebook Login Button), but you can skip those

Step 4 – App Domains & Privacy Policy

By this point, you would already have available an App ID and a secret, but you need to configure some more steps, or they won’t work properly.

One of these steps is to add the App Domains & Privacy Policy link.

You’ll do so from the Settings > Basic menu on the sidebar, just add the URL where you want to use the Facebook App, and your privacy policy link.

Don’t forget to save the changes using the button at the bottom!

As you see in this window the App ID and the Secret are already there, they are still not working, but you’ll need them for the following step, so copy them and keep reading!

Step 5 – Set the OAuth Redirect URI

In this almost last step, you’ll need to add an OAuth Redirect URIs to your app.

i.e., the URL where the visitor will be sent after the sign-in.

• OAuth (open authorization): an authorization framework that allows you to consent to an application interacting with another on your behalf without having to reveal your password.

So just go to Facebook Login > Settings on the sidebar, and locate the OAuth Redirect URIs box.

Your OAuth redirect URl will vary depending on what you want to configure.

For the purpose of setting up Thrive Comments Facebook Login (our case), the URL should look like the following:

https://www.yoursite.com/wp-admin/admin.php?page=tve_dash_api_connect&api=facebook&app_id=yourAppID&app_secret=yourSecret

You just need to change:

• Yoursite.com by you actual URL
• yourAppID by your App ID (copied in the previous step)
• yourSecret by your secret (copied in the previous step)

Add the final URL you have created to the OAuth box, and make sure that the Login with the Javascript SDK is Enabled (YES), and that you’ve added your domain as “allowed domain for the JavaScript SDK”.

Save the changes and you are ready to go!

Step 6- Get advanced Access

During the setup, you’ve probably seen an “error” message that says:

“Your app has standard access to public_profile. To use Facebook Login, switch public_profile to advanced access.”

It’s easy and free to get advanced access, and you’ll need this for the integration to work, so just let’s do it by actually clicking on the “Get advanced access” link.

Find the Public_profile box and click on the Get advanced access button (you’ll have to agree and confirm the change)

Your public profile has now advanced access!

Note about this getting Facebook App ID Tutorial

Remember that these are the steps you need to follow for connecting Facebook with Thrive Suite, so your readers are able to comment by signing in with their Facebook accounts thanks to Thrive Comments.

If you need the Facebook App ID for other purposes, some of the steps will vary, especially the OAuth Redirect URI, take that into account!

If you also want your readers to be able to comment using their Gmail account, check the tutorial on How to Get a Google ID.