/bubble-tutorials

How to add Twitter login in Bubble

Step-by-step guide to adding Twitter login in Bubble, covering API setup, authentication settings, and essential tips for smooth integration.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to add Twitter login in Bubble

The direct answer: Bubble does not have a built‑in Twitter OAuth action. To add Twitter Login, you must create a Twitter Developer App, get OAuth keys, then configure them inside Bubble’s Social Login with OAuth 1.0 section. After that, you can use the built‑in action Signup/Login with a social network and select Twitter.

 

Step‑by‑Step: How to Add Twitter Login

 

Twitter still uses OAuth 1.0a, and Bubble supports that, but only if you configure it correctly. You’ll need a Twitter Developer account to get the API Key, API Key Secret, and Callback URL.

  • Create a Twitter Developer App at developer.twitter.com. Inside the App’s settings, enable User authentication and choose OAuth 1.0a.
  • Set the Callback URL to your Bubble app’s OAuth redirect: https://yourapp.bubbleapps.io/api/1.1/oauth\_redirect.
  • Copy Twitter’s API Key and API Key Secret.
  • In Bubble, go to Settings → API and scroll to Social Login with OAuth 1.0. Add a new provider and choose Twitter.
  • Paste the API Key into Bubble’s Client ID field, and the API Key Secret into Client Secret.
  • Save your settings. Now Bubble automatically handles the OAuth redirect flow.

Once this is configured, Bubble’s workflow action will appear:

  • In a workflow, use Signup/Login with a social network, then choose Twitter.
  • After login succeeds, Bubble creates a User (or logs in an existing one) and stores Twitter’s internal ID in the User’s oauth_provider_id field.

If you use a custom domain, remember to also add this Callback URL inside Twitter:

https://yourdomain.com/api/1.1/oauth_redirect

You can now drop a button “Login with Twitter”, trigger the workflow, and Twitter login will work end‑to‑end.

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences