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.

TikTok authentication

TikTok authentication lets your users sign in with their TikTok account.

Setup in the TikTok dashboard

  1. Go to the TikTok developer portal for your app.
  2. Create an OAuth application (or open an existing one).
  3. Add a redirect URL (the URL TikTok sends users back to after login).
    • Use the full URL of the page you select as Success page in WeWeb.
  4. Copy the credentials TikTok provides (for example Client Key / Client ID and Client Secret).

Connect TikTok in WeWeb

  1. In the WeWeb editor, go to Data & API → Auth → Integrating providers.
  2. Select TikTok and turn on the Enable toggle.
  3. Paste your credentials into the fields shown in WeWeb.
  4. Click Save.

Test sign in

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

Common pitfalls

Redirect URL mismatch

Make sure the redirect URL in TikTok exactly matches the Success page URL you selected in WeWeb.

Reference

Setting in WeWebDescriptionWhere to find it in TikTok
Client ID / Client KeyIdentifies your TikTok app.TikTok developer portal app settings.
Client SecretUsed to complete the sign-in flow securely.TikTok developer portal app settings.

FAQs

Which redirect URL should I add in TikTok?

Use the full URL of the page you choose as Success page in Sign in with social provider.