← All Features

Google Login

Google Login

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

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

Google Login

Copy & Paste Webflow Components

Primary Benefits

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 Google Login in Webflow

View Docs

With Memberstack, setting up Google Login is easy. Here's how:

Part 1: The Backend

Here's a link to the Google Developer Console.

In order to fully publish and verify your app, you'll need to follow these instructions provided by Google. It usually takes 2-3 business days, but can take up to 6 weeks.

Part 2: The Frontend

If you're using Memberstack's pre-built signup, 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, follow these steps: 

Signup & Login Forms

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

A) Light Theme Linkedin Button

B) Dark Theme Linkedin Button

To created your own from scratch: 

  1. Create a link block with the attribute data-ms-auth-provider="linkedin".
  2. Add the LinkedIn logo.
  3. Add your button text. We recommend something like "Continue with LinkedIn".

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

Profile Forms

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

https://docs.memberstack.com/hc/en-us/articles/9188250184603

View All Features →