How to create Facebook Client ID and Secret key for Facebook Login Button?

Posted By: Rimjhim Jain Published: 14, Jan 2024

How to create Facebook Client ID and Secret key for Facebook Login Button?

Show More

In this blog we will talk about how we can login with facebook in our website.


Facebook OAuth API allows users to login in a website with their Facebook credentials.

Facebook OAuth Prerequisites

Create Facebook API project and get OAuth credentials.

Go to Facebook Developers Console and then follow these steps:

  1. Log in with your facebook account then you will see my apps click on it and then click create app.

  2. Select an app type according to your preferences(i prefer none for web applications) then click next. facebook login steps

  3. Now provide basic information sach as project name , email and then click on create app button. facebook login steps

  4. After this you will be direct to a page there you will see settings option on left hand side click on basic settings and there you will see app id and app secret then fill app related details such as app domain,privacy policy terms of url of your website and click on save changes. facebook login steps

  5. Now click on advanced settings and give your redirect url(the url where you want your website to go after successful login) there and click on save changes. facebook login steps

  6. After that see Add Product on left side and click setup on facebook login then select www and give your site url. facebook login steps

  7. Now go to facebook login-> Settings and enter your Valid OAuth Redirect URI and save it. facebook login steps

  8. Now go back to basic settings copy and paste your app id and app secret code and use it in your respective website ,then at last click on in development mode in basic settings page and then try to login with your facebook account in your website. facebook login steps



contact us

Get Free Professional Consultation

Corporate Address

Sultanpur, New Delhi 110030


Registered Address

Dinesh Vihar Meerut, 250002

hello@figmanetsolutions.com

Mon - Sat (9AM to 7PM)


Get in Touch

Let’s Discuss Your Project in Details


Let’s explore your project in detail, focusing on key elements like goals, audience, features, and timelines to set you up for success.