How to allow email-only sign-ups, show a pop-up for additional info, and block access until email verification? Answered

• 

  Yannick Caron

  • June 05, 2023 10:59

  You can create some logic that checks if the user has completed all or only some of the custom fields you've added are not empty.

  if they are empty > show the pop-up on page load or whenever you want it to

  if they are not empty > do nothing

  0
• 

  Julian Galluzzo

  • June 05, 2023 10:59

  There are a few ways to do this, do you have an example by chance? I could make it and then do a little tutorial

  Heres something for now that may help https://www.memberstack.com/webflow/webflow-ix-login

  0
• 

  Jamie Debnam

  • June 05, 2023 11:00

  Hey Julian Galluzzo, so Netflix is a perfect example of what we’re after.

  I’m assuming the best way would be to re-direct after they provide their email to a page with a form that then updates their fields.

  The only issue we have is we don’t want to capture their password on the hero section, we want to do it on the secondary step but I’m assuming Memberstack won’t allow us to create a user with no password?

  0
• 

  Julian Galluzzo

  • June 05, 2023 11:01

  Jamie Debnam you would be right about that

  That being said, I think I have an idea for a solution - stay tuned!

  Good news Jamie Debnam
  !Here's an example, a tutorial, and a cloneable I made for you!https://webflow.com/made-in-webflow/website/send-email-to-signup-form

  0
• 

  Jamie Debnam

  • June 05, 2023 11:02

  Thanks Julian Galluzzo that’s exactly what i was after, much appreciated!

  0
• 

  Imaad Malik

  • November 26, 2024 13:44

  Hey guys, is there a way to block a user from accessing an element if they have not verified their email yet?

  0
• 

  Shadi null

  • November 26, 2024 13:44

  Not that I am aware of. However you could kinda build your own.

  Lets say you create a free plan and call it "Verified Account", you can then assign it to users you have "verified" to let them access content only verified users should have access to.

  You can then plug that free plan into your verification process (in my use case, I verify users via slack's actionable buttons which updates an AirTable record for the user and toggles a switch that says "verified"). Once that is updated in airtable, I have a make.com automation that captures "verified" profiles and publishes them. You can additionally add the "verified account" free plan to the users account via a make.com automation.

  This will effectively allow you to "verify" users from slack by simply hitting the "Approve profile" button

  

  0
• 

  Imaad Malik

  • November 26, 2024 13:45

  ah got you, thanks. I thought turning on email verification in memberstack would do this by default.

  Seems kind of redundant having email verification on then doesnt it? No point really

  0
• 

  Shadi null

  • November 26, 2024 13:45

  Maybe I misunderstood the assignment xD

  Technically users that have not verified their emails shouldnt even be able to navigate your website without having verified their emails. I thought you meant you wanted to custom verify things such as ensuring the legitimacy of their information.

  However if you populate the URL field at the bottom of this Email Verification page out, all unverified users will automatically be re-routed to the designated "verify account" page.

  Here's a step by step from Ray (the memberstack AI chatbot)

  • Enable Email Verification:

  1. Go to the Email Settings in your Memberstack dashboard and enable email verification.

  • Create a Verification Page:

  1. Create a "Please verify your email" page on your website.

  • Set Up Redirects:

  1. In the Memberstack dashboard, navigate to the settings where you can configure redirects. You will want to set the URL of your verification page in the appropriate redirect settings for unverified users.

  • Restrict Access to Content:

  1. You can toggle the setting in Email Settings to prevent unverified members from accessing gated content. This will automatically redirect them to the verification page when they try to access restricted areas.

  • Use Data Attributes:

  1. You can use data-ms-content="!verified" to show elements to unverified members and data-ms-content="verified" for verified members. This way, you can manage what content is displayed based on the user's verification status.

  • Testing:

  1. Make sure to test the setup by signing up with an unverified email and attempting to access restricted content to ensure the redirect works as expected.

  

  0

Please sign in to leave a comment.