Appearance
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
- Go to the Meta for Developers.
- Create an app (or open an existing one).
- Add the Facebook Login product (if needed).
- 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 pagein WeWeb.
- Use the full URL of the page you select as
- Copy your app credentials (usually an
App IDandApp Secret).
Connect Facebook in WeWeb
- In the WeWeb editor, go to
Data & API → Auth → Integrating providers. - Select
Facebookand turn on theEnabletoggle. - Paste your values into the fields shown in WeWeb (for example
Client ID/App IDandClient Secret/App Secret). - Click
Save.
Test sign in
- Add a “Continue with Facebook” button in
Interface. - Create a workflow on click and add
Sign in with social provider. - Set:
Provider:facebookSuccess page,Error page, And (optional)New user page
- 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 WeWeb | Description | Where to find it in Meta |
|---|---|---|
Client ID / App ID | Identifies your Meta app. | App dashboard settings. |
Client Secret / App Secret | Used 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).

