Sign-up / Login with Facebook
Description
Introducing our latest plugin: Facebook_Signup_Login
The Facebook Sign-In Bubble Plugin is a seamless integration tool designed for Bubble applications, enabling users to sign up or log in using their Facebook accounts. This plugin streamlines the authentication process, enhancing user experience and increasing security by leveraging Facebook's robust identity platform.
The Facebook Sign-In Bubble Plugin is a seamless integration tool designed for Bubble applications, enabling users to sign up or log in using their Facebook accounts. This plugin streamlines the authentication process, enhancing user experience and increasing security by leveraging Facebook's robust identity platform.
Instructions
- Install the Plugin:
- Go to the Bubble Plugin marketplace and search for "Facebook_Signup_Login".
- Click on "Install" to add the plugin to your Bubble application.
- Go to the Bubble Plugin marketplace and search for "Facebook_Signup_Login".
- Create a Facebook App:
- Go to the Facebook for Developers page.
- Click on "My Apps" and then "Create App".
- Select the appropriate app type for your application and fill in the required details.
- Once the app is created, you will be redirected to the app dashboard.
- Go to the Facebook for Developers page.
- Enable Facebook Login:
- In the app dashboard, go to "Facebook Login" and click "Set Up".
- Under "Client OAuth Settings", add your Bubble app's redirect URI in the "Valid OAuth Redirect URIs" field.
- Example Redirect URI: https://your-app.bubbleapps.io/version-test/api/1.1/oauth_redirect
- In the app dashboard, go to "Facebook Login" and click "Set Up".
- Get Your App ID and App Secret:
- In the "Settings" > "Basic" section of your Facebook app, you will find your "App ID" and "App Secret".
- Click "Show" next to "App Secret" and enter your Facebook password to view it.
- In the "Settings" > "Basic" section of your Facebook app, you will find your "App ID" and "App Secret".
- Configure the Plugin in Bubble:
- Go to the Bubble editor of your application.
- In the plugin settings, input your Facebook App ID and App Secret in the respective fields.
- Go to the Bubble editor of your application.
- Set Up the Redirect URL:
- Ensure that the redirect URI configured in Facebook matches the one set in your Bubble plugin settings.
- Ensure that the redirect URI configured in Facebook matches the one set in your Bubble plugin settings.
- Test the Integration:
- Run a test to ensure that users can sign up or log in using their Facebook accounts.
- If any issues arise, check the raw responses from Facebook to debug and correct the configurations.
- Run a test to ensure that users can sign up or log in using their Facebook accounts.

