Skip to content

Updating visuals

If you see any images containing outdated UI, please bear with us.

We are updating all content as quickly as possible to mirror our new UI.

Facebook authentication

Facebook authentication lets your users sign in with the Facebook account they already use. Once connected, you can offer “Continue with Facebook” in your WeWeb app.

Setup in the Meta dashboard

  1. Go to the Meta for Developers.
  2. Create an app (or open an existing one).
  3. Add the Facebook Login product (if needed).
  4. In the Facebook Login settings, add a redirect URL (sometimes called a “Valid OAuth Redirect URI”).
    • Use the full URL of the page you select as Success page in WeWeb.
  5. Copy your app credentials (usually an App ID and App Secret).

Connect Facebook in WeWeb

  1. In the WeWeb editor, go to Data & API → Auth → Integrating providers.
  2. Select Facebook and turn on the Enable toggle.
  3. Paste your values into the fields shown in WeWeb (for example Client ID / App ID and Client Secret / App Secret).
  4. Click Save.

Test sign in

  1. Add a “Continue with Facebook” button in Interface.
  2. Create a workflow on click and add Sign in with social provider.
  3. Set:
    • Provider: facebook
    • Success page, Error page, And (optional) New user page
  4. Preview and complete the Facebook sign-in flow.

Common pitfalls

Redirect URL mismatch

If Meta shows a redirect URL error, make sure the “Valid OAuth Redirect URI” exactly matches the page URL used as Success page in WeWeb.

App in development mode

If only some users can sign in, your app may be in development mode. Add test users in Meta or switch to live mode when you’re ready.

Reference

Setting in WeWebDescriptionWhere to find it in Meta
Client ID / App IDIdentifies your Meta app.App dashboard settings.
Client Secret / App SecretUsed to complete the sign-in flow securely.App dashboard settings.

FAQs

Which redirect URL should I add in Meta?

Add the full URL of the page you choose as Success page in Sign in with social provider (for the same environment you’re testing).