Requesting an email and name in order to give visitors access to a certain video

Is it possible to make an email and name request when a website visitor wants to watch a certain video? I want to ask visitors for their email and then store it in my CRM. I assume I’ll need APIs, Zapier, and all of those things, but I haven’t used any of those before. I tried searching for this on YouTube, but there’s nothing related to it.

Hello,

Yes, there are lots of ways to do this.

Option 1

You could go the very simple route of adding the video link to a native Webflow forms “success” message. The visitor submits their email, it’s stored in Webflow, and only after that do they see the video link.

Option 2

You could get fancy with custom code that displays a hidden video URL after a successful form submission, but that’s very similar to Option 1, just a lot more effort.

Option 3

Use a free Make (Integromat) account. Submit the native Webflow form to it, and have it return the video link. Here you could add some logic that returns different links based upon the form name or other conditions (like what the user fills out).

Here’s a screencast walking through native Webflow form submissions using Make (Integromat). Just add the video link in the response.

Option 4

Using option 3 above, you could extend that to send the user an email with the link in it.

Option 5 (the easiest option)

Use a service like https://FetchGate.com to do this for you. You can gate content by email, password (or a bunch of other ways), and have it handle everything for you.

Good luck!

Hey Mehmed! Using Webflow combined with some other tools, you can certainly create a mechanism to request an email and name from visitors before providing access to a video. Here’s a step-by-step guide on how to set this up:

1. Webflow Setup:

  1. Create a section or modal that contains an input form.
  2. The form should have fields for Email and Name.
  3. Also have a Submit button in the form.

2. Integration with CRM:

Using Zapier to integrate Webflow and your CRM can make the process seamless.

  1. Zapier Setup:
  2. Create an account on Zapier if you haven’t already.
  3. Create a new Zap.
  4. For the trigger, choose Webflow and the specific event (e.g., “Form Submission”).
  5. For the action, choose your CRM (Zapier supports numerous CRMs) and select the action that adds a new contact or lead.
  6. Webflow Form Hook:
  7. In your Webflow project settings, go to the Integrations tab.
  8. Find the Webflow form section and add the Zapier webhook URL. This will ensure that when a form is submitted on Webflow, it sends the data to Zapier.

3. Displaying the Video Post-Submission:

Once the form is submitted and the email and name are captured, you’d want to show the video to the user.

  1. Via Webflow Interactions:
  2. Hide the video element initially using styles (set display: none).
  3. Use Webflow Interactions to show the video when the form is submitted.
  4. Via Custom Javascript: If you’re comfortable with a bit of coding, you can use custom JavaScript to unhide the video after form submission.

4. Advanced Option (for more security):

If you want to make sure that the video isn’t easily accessible without submitting the form:

  1. After the form submission, redirect the user to a password-protected page containing the video.
  2. Automatically send an email to the provided address with the password or access code to the video page. (This can also be set up via Zapier.)

5. Optional: Email Verification:

To make sure the users provide a legitimate email address:

  1. Integrate with an email verification service.
  2. After form submission and before displaying the video, send an email to the user asking them to verify their email. Once they verify, provide access to the video.

Note: Some CRM systems have built-in features for sending an automated email upon new contact addition, so you might be able to handle the email verification directly from the CRM.

Let me know if this is helpful!

A lot of those steps simply do not work or are just straight up wrong. It appears this is an AI’ed answer.

It’s not helpful.

Thank you, Chris, you helped me a lot.

1 Like