Skip to main content
Setting up Facebook OAuth makes it easier for users to log in with their Facebook credentials, offering a convenient and familiar login experience. Follow these steps to integrate Facebook OAuth into your application:

Step 1: Create a Facebook Developer Account

Facebook Developers - Get Started

Step 2: Create a New App

  • Go to Facebook Apps and select “Create App.” Facebook Apps - Create App
  • Choose **“Allow people to log in with their Facebook account” **option, then click Next. Facebook Apps - Allow people login option
  • Enter your app name (which will appear in the login popup), your contact email, and select a Business Account. Screenshot2025 08 20at15 47 34 Pn
  • Click Create App.

Step 3: Configure Use Case

  • Click on Use Case. Screenshot2025 08 20at15 47 34 Pn
  • On Authentication and Account Creation, click Customize. Screenshot2025 08 20at15 47 34 Pn
  • In the permissions section, click Add for email and wait for its status to update to Ready for testing. Screenshot2025 08 20at15 47 34 Pn
  • Click Go To Settings. Screenshot2025 08 20at15 47 34 Pn
  • In the Valid OAuth Redirect URIs section, input:
    https://api.bitbybit.studio/bitlogin/api/login/facebook/callback
    Screenshot2025 08 20at15 47 34 Pn
  • Click Save Changes and return to the dashboard.

Step 4: App Settings Configuration

Navigate to App Settings → Basic and complete the following: Screenshot2025 08 20at15 47 34 Pn
  • Display Name: Enter your store’s name.
  • Namespace: Optional.
  • App Domains: Enter your store’s domain.
  • Privacy Policy URL: Use your store’s privacy policy URL or bitbybit.studio/privacy.
  • Terms of Service URL: Use your store’s terms URL or bitbybit.studio/terms.
  • App Icon: Upload your store’s logo.
  • Category: Select “Utility & Productivity.”
  • User Data Deletion: Enter bitbybit.studio/terms.
  • Click Save Changes.

Step 5: Configure Facebook OAuth

  • Copy your App ID and App Secret. Screenshot2025 08 20at15 47 34 Pn
  • Paste them into the bitLogin OAuth Settings - Facebook page. Screenshot2025 08 20at15 47 34 Pn
  • Toggle the Use your store name on Facebook login switch until it turns green. Screenshot2025 08 20at15 47 34 Pn
  • Click Save Changes. Screenshot2025 08 20at15 47 34 Pn

Step 6: Publish Your Facebook App

  • Go to the Go Live section. Screenshot2025 08 20at15 47 34 Pn
  • Verify your business, then select your verified business.
  • Answer the required questions in the Data Handling Questions section.
  • Click Go Live to make the app publicly accessible for Facebook login.
  • Once published, the Facebook login will be ready to use in your store. Screenshot2025 08 20at15 47 34 Pn
🎉 Congratulations! You’ve successfully set up Facebook OAuth and obtained your App ID and App Secret.
⚠️ Make sure to store your app secret securely, as it’s sensitive information critical to authentication.
I