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.
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.
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_redirectGet 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.
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.
Set Up the Redirect URL:
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.
By following these steps, you will successfully integrate Facebook sign-up/login functionality into your Bubble application, providing a secure and streamlined authentication experience for your users.