Search…
Login with Facebook
This Button allows users to authenticate using their Facebook Accounts.

Prerequisites

Before getting started with this section, ensure you have:

Creating a Login with Facebook Button

To allow users to authenticate using their Facebook account, you need a login page with a button.

1. Creating a Form

  • Inside the Tree Area, insert the Column widget from the Widget Panel.
  • Add the Text field widget inside the Column and change its Hint Text to Email.
  • Add another Text field widget below and change its Hint Text to Password.
  • Finally, add the Login with Facebook button widget from the Widget Panel.

2. Adding a Login Action

  • Select the Login Button from the tree area.
  • Click on Actions + (on the right side of your screen).
  • Click on Action dropdown.
  • Find the Action Type dropdown and change it to Supabase Auth.
  • Find the Gesture dropdown below and change it to OnTap.
  • Find the dropdown below and select Sign in with facebook.
  • Finally in the Which Page? select the page that you want the user to sign in on once logged in.
Copy link
On this page
Prerequisites
Creating a Login with Facebook Button
1. Creating a Form
2. Adding a Login Action