How to fix broken password reset and redirect issues in Memberstack forgot password modal workflow?
Hi Memberstack,
How can I make a nice pop-up modal for the whole Forgot Password process in Memberstack? I already built, designed, and connected 3 pop-up divs with interactions (display:none - display:flex) for when someone presses 'forgot password'. But I forgot the redirect aspect of it now 😅 So the process just continues even though there might be something wrong with the 6-digit code or something.
Can anyone help with this?
How do I do this?
Comments
4 comments
Okay, I never noticed the Memberstack pre-built modals that have exactly what I wanted, so I integrated those!!! BUT, I have a little problem now. On my site I use the Save/Unsave CMS items function also from Memberstack, I have a heart icon that shows for non-members (!members) and when pressed opens a pop-up with two options. First option is "Signup" and second is "Login" and I use the modal attributes to open these. I also have an interaction to close the previous pop-up, but it only works on the "Signup" modal and not the "Login" modal, the pop-up simple remains open even thought there is an interaction on the "Login" button to close it.
Any idea why this is ?
hey guys!
my client sent me this and i'm not sure what to do with it:
We've had several members try to reset their password via the "Forgot Password" link on our website. It sends a code to their email but then never enables the reset. They are unable to submit a new password. Can you dig into this when you get a chance to ensure the "Forgot Password" link is working properly?
Figured out the issue. The data-ms-member="password" custom attribute is misplaced in the Password confirm page. Can you remove that attribute from the element highlighted in #1 screenshot and place it as a custom attribute in the highlighted element in the #2 screenshot?
Once done, you can publish the site and test the forgot password flow and it ideally should work. Hope this helps.
That was it! Thank you!
Please sign in to leave a comment.