Content Gate Secure
Have premium content worth protecting? The Content Gate Secure locks your most valuable pages and files so only visitors who have verified can see them. Our other gates are built to keep content visible to search engines. This one is built for material you want kept away from the public, from search engines and from AI crawlers.
In short: The Content Gate Secure locks whole pages, directories or files behind verification. A visitor who tries to open one sees a blurred screen with your message and the sign-in options, and once they verify with a social login, a sign-in link or email, password and PIN, they're taken to the content. On WordPress the content isn't loaded until the visitor has verified, so search engines and AI crawlers can't read it. On other sites you can gate pages with a short script, which prompts visitors in the same way and redirects anyone who arrives from outside your site.

Why use the Content Gate Secure
- Built for high-value assets. Proprietary white papers, direct PDF downloads, market forecasts and exclusive industry reports, anything where you want a real, verified profile in exchange for your work.
- Private by design. Unlike our SEO-friendly gates, the Content Gate Secure on WordPress keeps your content out of search engines and AI crawlers. That's intentional. If you're concerned about AI companies collecting your work to train their models, content that only loads after a person verifies can't be collected that way. It also means this gate isn't suited to top-of-funnel content that you want found in search.
- Gate a page or a whole directory. Lock individual pages, or whole sections of premium content at once.
- Your message. Write your own text so visitors know exactly what they'll get when they verify.
- Secure without the friction. One-click social login, sign-in links and email, password and PIN let visitors verify quickly in the way they prefer, and each one lands in your Engaged Leads tab.
How it works
When a visitor tries to open a gated page or file, they see a blurred screen with your message and the sign-in options. They verify first, with a social login, a sign-in link or email and password, and are then taken straight to the content. On WordPress the content doesn't load until they've verified, so it stays hidden from the public.
Set up the Content Gate Secure on WordPress
You can require visitors to verify with a social login, a sign-in link, email, password and PIN, or a first and last name.
Step 1: Open the settings
In the left menu of your WordPress admin, click Bread and Butter.
Step 2: Choose your pages
Click Content Gate Secure in the left menu, then scroll down to the setup section. Choose the pages or post categories you want to limit to visitors who have verified. Start typing and the list completes for you. You can pick one or many.
Step 3: Write your message
Set your own text for the gate. If you leave a field empty, the default text shown in it is used, and the default text is translated into all our supported languages.
- First paragraph: the main message, shown to the left of the sign-in options on the blurred screen.
- Second paragraph: the supporting text just below it.
- Third paragraph: the text below the second paragraph. A good place to explain what the visitor gets.
- Third paragraph expanded: extra text shown when the visitor clicks to expand, such as more detail, terms or reasons to verify.
- Expand trigger: the text the visitor clicks to see the expanded paragraph. We suggest starting with "more >>".
Step 4: Advanced routing (optional)
If you've set a global destination URL in your main settings but don't want it used on these pages, turn on Override Registration Destination URL. If you haven't set one, you can skip this step.
Step 5: Save
Click Save. Your pages are now gated, and only visitors who have verified can open them.
Not on WordPress? Gate pages with a script
On any other website, you can gate pages with a short script. When a visitor clicks a link on your site to a gated page, Instant Lead Capture opens with the blurred screen and asks them to verify first. If someone goes to a gated page directly, from an outside link or by typing the address, they're sent to a page you choose instead.
The Bread & Butter snippet must already be installed (see JavaScript Snippet, or Install Bread & Butter on Webflow). You don't need the Instant Lead Capture snippet, because the gate opens it by itself.
Because the script runs in the visitor's browser, the page itself is still published on your site. It stops visitors, but it doesn't prevent search engines and AI crawlers from getting to the content.
Step 1: Add the script to your site
Add this script to the head of your site, below the Bread & Butter snippet. If you already have other Bread & Butter scripts there, add it below them. On Webflow, go to your Webflow dashboard, click the three dots on your project and select Settings, open Custom Code in the left menu and paste it into the Head Code field.
<script>
null == window.breadbutterQueue && (window.breadbutterQueue = []), window.injectBreadButter = function (e) { "undefined" != typeof BreadButter && BreadButter.init ? e() : window.breadbutterQueue.push(e) };
injectBreadButter(function () {
BreadButter.ui.gateRoute(["GATED_PAGE_URL"], "REDIRECT_URL", {
show_login_focus: true
});
});
</script>
Step 2: Choose your pages and redirect
Replace GATED_PAGE_URL with the page or pages you want to gate, and REDIRECT_URL with the page to send people to when they open a gated page directly.
| To gate | Enter |
|---|---|
| One page | ["/work"] |
| Several pages | ["/work/project-1", "/work/project-2"] |
Every page under a folder, such as /work/projects , but not /work itself |
["/work/*"] |
For the redirect, enter a page on your site, for example "/blog" .
Step 3: Change the settings (optional)
The gate opens Instant Lead Capture, so it takes the same settings. We recommend keeping show_login_focus: true , which blurs the page behind the prompt. You can also add your own text with locale , using the same POPUP settings described in Instant Lead Capture (Most Effective).
Step 4: Save and publish
Save your changes and publish your site. On Webflow, click Save Changes, then publish.