Currently I have a CMS web page containing a form which includes name, email and phone number fields. The process of how it should work would be in order to access the next CMS page (The page containing the video) the user should fill up that form and click on the “watch now” button.
All of the above-mentioned features are working fine however I realize that technically the user doesn’t necessarily have to sign up in order to access the video page. As long as they have that URL they can access it directly without signing up. I have thought of using the member’s feature to restrict the page’s access only to members, but I would prefer it to be a memberless site. Is there any possible way around this? Any solution would be greatly appreciated.
There are several ways to do that, it mostly depends on the level of “security” you want.
The easiest and least-secure way is to simply have the video on your page, hidden. Then on a successful form submit, you make it visible, and probably set a cookie to keep it visible on repeat visits from that device.
From there you can get more secure in various ways… obfuscate the video URL, store the URL on a server, etc.
hi memetican, thanks alot for the reply! would you mind going into specifics of having the video on the page, hidden. Then on a successful form submit, you make it visible, and setting a cookie to keep it visible on repeat visits from that device. An instruction on that would be of great help to me. Thanks!
Minus the repeat visits, the simplest approach is to put that video in the form submissions success message.
The second easiest approach, keeping in mind repeat visits, is to also (or only) add that to a password protected page (not memberships, just a password). On form submission (collect their email address) email them the password. Add it to the success message for instant viewing.
The next easiest approach is to create a CMS page with an unguessable slug. Something like https://my-cool-site.webflow.io/videos/34reTgf986-jfhRdert4543 and redirect the user to it on form submission. Also email them that link.
The issue missed here is no matter how you block the page with a video on it, most videos are publicly hosted, so anyone can find and view the video regardless.
You have to link to the video on a host somehow.
So you either need a service that offers protection for video files, or at the very least use a service like Vimeo that blocks by your websites domain (e.g. you can’t view the video unless the requested referrer is from your website).
The latter not being very “secure” protection, but good enough in most cases. The former is better. Here’s an overview of what Vimeo offers.
Based on your solution of setting conditional visibility for the video. In my case how would you go about doing it with the condition that after the “form” is filled up and redirected to the “video page” the video will then be visible?
For your information this is the script that I am running to redirect the “form” page to the “video page”
You wouldn’t use conditional visibility, you’d just hide it and then decide when showing it was appropriate. I’m not sure what you’re trying to do with the script, changing the redirect after form post? That might work if the video is on a different page, but that’s not the scenario you described above.
Like I said, a few moving parts here, requiring a bit of design and dev work. If you want to do it yourself, your best approach is to spend some time learning each of the pieces you’ll need in my list above, and how to code and test them individually.