To restrict access to a download or landing page until a user submits a form, you can implement this behavior in Webflow with a workaround since Webflow doesn’t have built-in content gating or authentication for standard forms.
1. Hide the Page URL Behind a Form Using Logic
- Create a form page with the form users must complete to get access (e.g., an email capture).
- After form submission, use Webflow Logic (if available on your plan) to send the user to a "secret" page URL by configuring a form submission redirect.
2. Use a Secret Page URL
- Create a separate “thank you” or download page (e.g.,
/download-private-page
) with no navigation links to it. - Set its SEO settings (in Page Settings) to “Hide this page from search engines.”
- This page is essentially unlisted. Anyone with the URL can access, but casual users won’t.
3. Set Up the Redirect
- In the form’s Form Settings, set the Redirect URL to your hidden page (e.g.,
/download-private-page
). - When users complete the form, they'll be redirected to that specific page.
4. Add Light Deterrents (Optional)
- You can obfuscate the URL, making it hard to guess (e.g.,
/dl-a7b3f8xq
). - Use custom script to block access without a referral, though this isn’t secure:
- For example, use JavaScript to check
document.referrer
and redirect if it's empty or not from your site. - Note: users can bypass this with technical knowledge.
5. Limitations to Know
- There is no true access control—anyone with the hidden page's URL can still access it.
- Webflow doesn't offer server-side gating or user authentication unless using Logic or Memberships.
Summary
To gate a download or landing page in Webflow, use a form with a post-submit redirect to a hidden, unlinked page. While this doesn’t fully secure the page, it deters casual access and is effective for basic lead-capture workflows.