My client is wanting me to create a flow in which users only get access to a PDF file once they have subscribed. How could i achieve this based on these factors:
There will be multiple PDF files
The user should have to input their email address into a form before being allowed to download each file available
The form should be the same for each PDF file (i.e all responses should go to the same mailchimp mailing list which is already handled via Webflow logic AND all “download PDF” buttons should open the same form)
Ideally the PDF files would be on the webflow CMS
I’m hoping these points are not completely impossible to achieve any and all help with this will be greatly appreciated. I mainly manage to think up a solution for only part of the process but then am left at a loss with another part.
Unfortunately can’t share the site’s read only links.
You’ll want to think through the UX and the level of content security you need, but for a simple implementation here’s what I’d likely do;
Build the form
Consider making the inner part of the form ( text, input elements ) a component but not the outer form element or form block, keep those separate.
Upload your PDF’s to Webflow assets and get the URLs
Copy-paste the entire form block ( with inner component ) once for each file.
Edit each of the forms as follows;
Change the name, so your email notification will be distinct
Change the redirect URL to the PDF that you want to download
Now, each of the forms will deliver the user the specified PDF, only if they pass the form validation successfully, e.g. supplying an email address.
Note that when you store a PDF in Webflow assets, it will be delivered as a MIME type of application/pdf and most browsers will display it, rather than download it. If you want it to be downloaded, you could host the PDFs on another server such as Google drive or Amazon S3 instead.
any and all help with this will be greatly appreciated. I mainly manage to think up a solution for only part of the process but then am left at a loss with another part.