Allow members to sign up via social auth login buttons

Article author
Duncan from Memberstack

You can configure social auth buttons (like Facebook and Google) to allow sign ups via login forms. All you have to do is add a new attribute to your login buttons ands login forms.

  1. Add the data-ms-social-auth-allow-signup attribute to your custom login forms (data-ms-form="login"). Only required if you are using custom login forms
  2. Add the data-ms-social-auth-allow-signup attribute to your login modal buttons (data-ms-modal="login"). This is only required if you are using the pre-built login modals

Once complete, your social login buttons will also create accounts for new members. 

Was this article helpful?

Comments

10 comments

  • Comment author
    Kristin Battaglini

    Hey Duncan Hamra! I tried following these steps but wasn't successful in getting this to work. Can you take a look at this Loom and let me know if there is a step I may have missed to enable this new functionality? Thanks!

    0
  • Comment author
    Duncan from Memberstack

    Pushing a fix now! That fix will go live by the end of the day. 

    0
  • Comment author
    Kristin Battaglini

    Awesome thanks! Two additional questions that came up while we were working on this Duncan from Memberstack: 

    1. Right now we have a plan being added to new accounts created in our sign up form (using the same guidance offered here.) We want users who sign up via a social auth login form to have that same plan by default. If we add the plan attribute to the log in form, will it always be added to a user upon login? Is there a better way to give users who sign up via a social auth login form a plan by default, without conflicting with the experience for users who are logging in and already have another plan? 

    2. Our understanding is that this sign up via login form will only work for social auth login buttons and not for other login methods (e.g., login with email). Is that understanding correct? 

    Thank you!!

    0
  • Comment author
    Duncan from Memberstack
    • Edited

    1. Yes, but may still cause issue depending on your setup. I does the free plan (the one you add on signup) get removed at any point in the future? If no then you'll be fine. If yes, could you restructure our plans so that a member can have the free plan AND whatever new plan they have? You can use plan priority to ensure the appropriate settings are applied. 

    2. Correct! This only applied to social auth buttons. If a member enters the wrong password an account will NOT be created for them. 

    0
  • Comment author
    Kristin Battaglini

    Thanks Duncan from Memberstack! We uncovered what we think is another issue: the default redirects don't seem to be working for a login form that allows sign up: instead of taking users to the sign up redirect, it continues to take them through the login redirect. Is there a way around this?
     


    0
  • Comment author
    Duncan from Memberstack

    I think I found the issue 🎉 Let me know if this helps or not. https://www.loom.com/share/f485b83c7a984626919b4bd1c27eac76

    0
  • Comment author
    Kristin Battaglini

    Thanks for looking into this and for the Loom Duncan from Memberstack! I checked our form settings in Webflow and confirmed we don't have anything in that redirect field that would be overriding what is in Memberstack. Any other ideas on what we can try?

    0
  • Comment author
    Duncan from Memberstack

    Ahh shoot 🤔 Can you share a link to your login form? I wonder if the free plan is not being added to the member for some reason...

    0
  • Comment author
    Duncan from Memberstack

    Success! Please watch this and let me know what you think. https://www.loom.com/share/9f7eaf3c8d4c49e790280df24c0078ee

    0
  • Comment author
    Kristin Battaglini

    Looks like it's working, thanks!

    1

Please sign in to leave a comment.