Help! Unique Password Each Time For Protected Page

Currently I have a CMS page with videos in it. I’m planning to protect the page by setting a password for it and the only way to access that page is through filling up a form and receive the password through the email sent to them. However I wish to do it in a way where by the password will be unique each time the user signs up. Is there anyway i can go about doing that?

Thanks a lot in advance


Site (Sign Up Form): [Masterclass]
Site (The Video): Mary Buffett Exclusive 2023 Interview
Preview Link: Webflow - Next Level

Any solutions for this? thx

Webflow does not support what you are looking to do. So different hosting and custom code or automation integrations are the way to get it done. If you have a budget feel free to reach out to me for a discussion.

As @webdev said, there is no built-in support for this, however you can build your own “front end” gate that verifies a different password, and the logs in the user using your pre-configured password.

You’d use this design pattern-

And on top of it, you’d need to add a way to validate your uniquely-issued passwords.
Most likely, you’d do that using an automation like Make.com against an Airtable base.Then you’d have two automations-

  1. On user registration, an automation that puts that user’s email into an Airtable base and creates a random password.
  2. On user login, an automation that takes the user-supplied email and password, and verifies that it exists in the Airtable. If it does, it allows the user access by having the script complete the hidden login form to access the requested page.

It’s important to understand that this is adequate for most marketing uses, it is NOT properly secure and CAN be hacked if someone knowledgeable enough wants to unpack your page code. Do NOT pretend it’s a security mechanism. It’s just a deterrent to collect leads.

Another way to think about this…

Skip the password and create a unique slug for each user who submits the form. Something unguessable like:

https://my-site.webflow.io/videos/f91f54ce-c15e-11ed-afa1-0242ac120002

The value of the slug is called a uuid which stands for Universally Unique Identifier.

Wikipedia page:

“When generated according to the standard methods, UUIDs are, for practical purposes, unique. Their uniqueness does not depend on a central registration authority or coordination between the parties generating them, unlike most other numbering schemes. While the probability that a UUID will be duplicated is not zero, it is generally considered close enough to zero to be negligible.”

And if you submit your native Webflow form into a free Make (Integromat) account, they’ll create one for you.

It doesn’t get much easier.

So a workflow would look something like this:

  1. Submit native Webflow form into Make / Integromat (tutorial).

  2. Capture the form submit, create a UUID in Make:

  3. Create or update CMS item and pop off an email with that link (including your fancy new UUID slug).

  4. Drink :beers:'s and collect emails (you’re allowed to skip this step, but as someone who’s not a doctor, I don’t advise it).

Bonus:

If the user forgets the link, didn’t bookmark it, can’t find it within their inbox, have another automation that takes their email and resends the link :exploding_head:

1 Like

Hi ChrisDrit, thanks a lot for the help will proceed with your advice. Just one more question as of now after submitting the form the user will be redirected to a “CMS video page with the relevant video” with your given solution would i be able to do that as well?

(Steps)
User enter details in the form (CMS Page) > Redirected to relevant video Page (CMS Page) with unique URL that only the user can access.

Thank You

Shouldn’t be an issue. Make (Integromat) can either add whatever video you want to the CMS or any (multi)reference to a video you’d like for those uniquely slugged items.

1 Like