Appearance
Roblox authentication
Roblox authentication lets your users sign in with their Roblox account.
Setup in the Roblox dashboard
- Open the Roblox creator / developer dashboard for your account or group.
- Create an OAuth application (or an equivalent app configuration).
- Add a redirect URL (the URL Roblox sends users back to after login).
- Use the WeWeb callback URL: the address of your app followed by
/api/auth/callback/roblox. The table below lists the URLs to add.
- Use the WeWeb callback URL: the address of your app followed by
- Copy the credentials Roblox provides (for example
Client IDandClient Secret).
Add one callback URL for each place where users sign in:
| Where users sign in | Callback URL to add in Roblox |
|---|---|
| Editor | https://<your-project>-editor.weweb.io/api/auth/callback/roblox |
| Staging app | https://<your-project>-staging.weweb.io/api/auth/callback/roblox |
| Published app | https://<your-project>-production.weweb.io/api/auth/callback/roblox |
| Custom domain | https://your-domain.com/api/auth/callback/roblox |
Replace <your-project> with your project's WeWeb subdomain. You can see it in your browser's address bar when the editor is open, for example bright-harbor in https://bright-harbor-editor.weweb.io.
CALLBACK URL VS SUCCESS PAGE
Roblox always sends users back to the callback URL, never to a page of your app. WeWeb then completes sign in and takes users to the Success Page, Error Page, or New User Page you choose in the Sign in with social provider action. Do not add the URL of these pages in Roblox.
Connect Roblox in WeWeb
- In the WeWeb editor, open the
Data & APItab, then open theAuthenticationsubtab and go toSSO Providers. - Select
Robloxand turn on theEnabletoggle. - Paste your credentials into the fields shown in WeWeb.
- Click
Save.
Test sign in
- Add a “Continue with Roblox” button in
Interface. - Create a workflow on click and add
Sign in with social provider. - Set:
Provider:robloxSuccess Page,Error Page, and (optional)New User Page
- Preview and complete the sign-in flow.
Common pitfalls
Redirect URL mismatch
Make sure the redirect URL in Roblox exactly matches the WeWeb callback URL ending with /api/auth/callback/roblox (no trailing slash), not the Success Page URL you selected in WeWeb.
Reference
| Setting in WeWeb | Description | Where to find it in Roblox |
|---|---|---|
Client ID | Identifies your Roblox app. | Roblox developer dashboard. |
Client Secret | Used to complete the sign-in flow securely. | Roblox developer dashboard. |
FAQs
Which redirect URL should I add in Roblox?
Add the address of your app followed by /api/auth/callback/roblox, for example https://your-domain.com/api/auth/callback/roblox. Add one for each place where users sign in (editor, staging app, published app, custom domain). The URL of your Success Page is not the redirect URL.

