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.
- 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. - 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.
Comments
10 comments
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!
Pushing a fix now! That fix will go live by the end of the day.
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!!
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.
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?
I think I found the issue 🎉 Let me know if this helps or not. https://www.loom.com/share/f485b83c7a984626919b4bd1c27eac76
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?
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...
Success! Please watch this and let me know what you think. https://www.loom.com/share/9f7eaf3c8d4c49e790280df24c0078ee
Looks like it's working, thanks!
Please sign in to leave a comment.