Set Up PDF Gate on Your Webflow Site

Create a free PDF Gate account. The Starter plan includes unlimited PDFs and 100 MB of storage.

1. 1Go to the Sign Up page.
2. 2Click Continue with Google, or enter your name, email and a password.
3. 3If you signed up with email, open the confirmation email we send you and click the link to log in.

Connect your Webflow account so PDF Gate can see your sites and CMS collections. PDF Gate then adds its script to your site for you, so there is no code to paste.

1. 1In the dashboard, open Setting and choose the Webflow tab.
2. 2Click Connect Webflow and authorize the app in the Webflow window that opens.
3. 3Under Available Webflow Workspace Sites, add the site you want to use.
4. 4Check that the site shows PDF Gate script installed.

Upload the documents you want to gate, such as guides, reports or ebooks.

1. 1Open PDF Store from the sidebar.
2. 2Under Target Webflow Site(s), pick the site the PDFs belong to.
3. 3Drag your files onto the upload area, or click browse. You can select many files at once.
4. 4Leave Compress PDFs on to make files smaller and faster to load. On the free plan compression is always on; paid plans can turn it off to keep the originals.

Each upload appears in the PDF list. From there you can Copy Attribute, Create Gate, preview, rename or delete the file.

Now tell Webflow where the lock should appear. Pick the option that matches your page. You can use more than one on the same site.

<div data-pdf-gate="GATE_URL"></div>

<div data-pdf-gate="{{Gate URL}}"></div>

<div data-pdf-gate="YOUR_GATE_ID"></div>

Name:  data-pdf-gate-id
Value: 946b5f41-bf15-4fb5-a4b5-4b5b2f8a21d5

Every gate has four switches. Change them any time; they apply without republishing your Webflow site.

1. 1Open Gates from the sidebar.
2. 2Find your PDF under Active Document Gates and click Configure.
3. 3Turn on the options you need.

Publish your Webflow site, then check the gate the way a visitor would.

1. 1In Webflow, click Publish. The gate only works on the published site, not in the Designer canvas.
2. 2Open the published page. You should see the lock card, or your own form.
3. 3Enter a real email address and submit.
4. 4The PDF unlocks on the page, and a copy arrives in your inbox.

By default, PDF emails are sent from PDF Gate's own address. Connect your own Resend account to send them from your domain with your own wording.

1. 1Create a free account at resend.com, verify your domain and create an API key.
2. 2In PDF Gate, open Setting and choose Email & Template.
3. 3Paste your API key and enter the email and name to send from.
4. 4Edit the subject, heading, message and button text. Click a variable such as {{pdf_name}} to insert it; it is replaced when the email is sent.
5. 5Save. Use the preview to check how the email looks.

Every unlock becomes a lead. See who signed up and which PDFs perform best.

1. 1Open Lead to see each email, the site, the opt-in date and the documents that lead unlocked.
2. 2Search by email, PDF or site, or filter by site and PDF.
3. 3Click Export CSV to download your leads (Lite plan and above).

Open Dashboard for views, leads, downloads and conversion rate by day, week, month or year, plus a ranking of your best PDFs.