Dropbox authentication

Dropbox authentication lets your users sign in with their Dropbox account. Once connected, you can offer “Continue with Dropbox” in your WeWeb login page.

Setup in the Dropbox dashboard

1. Go to the Dropbox App Console.
2. Create a new app (or open an existing one).
3. Find the OAuth settings for your app.
4. Add a redirect URL (the URL Dropbox sends users back to after login).
   • Use the WeWeb callback URL: the address of your app followed by /api/auth/callback/dropbox. The table below lists the URLs to add.
5. Copy the credentials (usually a Client ID and Client Secret).

Add one callback URL for each place where users sign in:

Where users sign in	Callback URL to add in Dropbox
Editor	https://<your-project>-editor.weweb.io/api/auth/callback/dropbox
Staging app	https://<your-project>-staging.weweb.io/api/auth/callback/dropbox
Published app	https://<your-project>-production.weweb.io/api/auth/callback/dropbox
Custom domain	https://your-domain.com/api/auth/callback/dropbox

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

Dropbox 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 Dropbox.

Connect Dropbox in WeWeb

1. In the WeWeb editor, open the Data & API tab, then open the Authentication subtab and go to SSO Providers.
2. Select Dropbox and turn on the Enable toggle.
3. Paste your Dropbox credentials into the fields shown in WeWeb.
4. Click Save.

Test sign in

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

Common pitfalls

Redirect URL mismatch

Make sure the redirect URL in Dropbox exactly matches the WeWeb callback URL ending with /api/auth/callback/dropbox (no trailing slash), not the Success Page URL used in WeWeb.

Reference

Setting in WeWeb	Description	Where to find it in Dropbox
Client ID	Identifies your Dropbox app.	App Console → your app details.
Client Secret	Used to complete the sign-in flow securely.	App Console → your app details.

FAQs

Which redirect URL should I add in Dropbox?

Add the address of your app followed by /api/auth/callback/dropbox, for example https://your-domain.com/api/auth/callback/dropbox. 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.