← All Features

Facebook Login

Facebook Login

Allow your members to sign up & login into your web app with their Facebook account.

Allow your Members to sign up and login with their Facebook account

76% of user drop-offs happen at registration. Enabling social logins like Facebook allows your members to signup and login without having to remember another password. You can get Memberstack’s Facebook login setup within a matter of minutes and save your members some time and effort!

Copy & Paste Webflow Components

Reduce Friction

We already have lots of passwords to keep track of, let your members use their Linkedin account and save them from remembering one more password.

Improve User Experience

Members can signup in a matter of seconds!

Increased user engagement

Social login can make it easier for users to engage with your site, as they can quickly and easily log in using their preferred platform.

How to Set Up Facebook Login in Webflow

Part 1: The Backend

Here's a link to the Facebook Developer site.

If you watch this video above and test your site, you'll most likely see a banner during signup that says "Submit for Login Review." To remove that banner and to switch to live mode...

  1. You must provide a valid Privacy Policy URL and a Data Deletion Instructions URL. You can update both of these inputs in Basic Settings on the Facebook App Dashboard.
    - The Data Deletion Instructions URL is a page on your site that members can use to request their data be deleted.
  2. Click "Get Advanced Access" for email and public_profile.
    I had quite a bit of trouble getting the Facebook UI to load properly. If you experience difficulties, I recommend trying again in a private or incognito browser.
  3. You must complete a Data Use Checkup.
  4. Toggle your app from test mode to live mode.

Part 2: The Frontend


If you're using Memberstack's pre-built sign-up, login, or profile UI, then you're already finished. Enabled social auth providers will automatically appear in the pre-built UI.

If you'd like to add a social auth button to your Webflow project this section is for you.

Sign up & Login Forms

I recommend copying one of our Webflow social auth buttons. They are 100% built in Webflow, already have the attributes you need, and are easy to customize:

A) Light Theme Facebook Button
B) Dark Theme Facebook Button.

To create your own from scratch:

  1. Review Facebook's Branding Guidelines for Sign-in buttons.
  2. Create a link block with the attribute data-ms-auth-provider="facebook".
  3. Add the Facebook logo.
  4. Add your button text. We recommend something like "Continue with Facebook"

That's it for signup and login buttons. Profile buttons have a few additional elements.

Profile Forms

In this other tutorial, we'll create a UI for members to connect providers, view previously connected providers, and (optionally) disconnect providers.

Social Auth Buttons in Profile Forms

Get started with Memberstack today!

With Memberstack, you can launch your Webflow membership site in minutes, push the limits with our developer-friendly APIs, and maintain 100% design control inside Webflow. Our Facebook Login feature is just one of the many ways Memberstack makes building and managing your Webflow membership site easy and secure. Our customers have built and launched over 2300 websites and web applications using Memberstack. Our platform is designed to meet the needs of Webflow developers concerned about cost, ease of use, ease of maintenance, and reliability. Our goal is to help you achieve your goals by providing the best user authentication and stripe integration for Webflow. Ready to add Facebook Login to your Webflow membership site? Get started with Memberstack today!

Get Started for Free
Join 50,000 happy users.

View All Features →