How to Hide a Page in Webflow: Easy Instructions

Not every page belongs on your live site. Sometimes you need to learn how to hide a page in Webflow before it’s ready for visitors.

Maybe you’re building a seasonal landing page. Or staging content for a client review. Or keeping utility pages out of your sitemap.

Webflow gives you multiple ways to control page visibility, from draft mode to password protection to search engine blocking.

This guide walks you through five methods to hide, unpublish, or restrict access to any page in your Webflow project. Each takes under five minutes. No code required.

You’ll learn exactly which Page Settings to change and when to use each approach.

How to Hide a Page in Webflow

Hiding a page in Webflow removes it from your live site, navigation menus, or search engine results while keeping it stored in your project.

You need this when building staging pages, preparing seasonal content, or restricting access to private areas.

This guide covers 5 methods requiring 2-5 minutes each. Beginner skill level.

Prerequisites

Before changing any page visibility settings, confirm you have:

• Webflow account with an active project
• Editor or Designer access permissions
• Published site (required for some methods)
• Hosting plan that supports password protection

No coding knowledge required. All settings exist within the Webflow Designer interface.

Step One: How Do You Access the Page Settings Panel?

The Pages panel in Webflow Designer displays all static and CMS pages in your project, with a gear icon next to each page name that opens individual page settings for visibility control.

Action

1. Open Webflow Designer for your project
2. Click the Pages panel icon (document stack) in the left sidebar
3. Hover over the page you want to hide
4. Click the gear icon next to the page name

The Page Settings menu opens on the right side of your screen.

Purpose

Every page visibility option exists within Page Settings. You cannot hide, unpublish, or protect a page without accessing this panel first.

Step Two: How Do You Save a Page as Draft?

Draft mode removes a page completely from your published site while preserving all content and design work inside your Webflow project for future editing or publication.

Action

1. Inside Page Settings, locate the Save button (top right corner)
2. Click the dropdown arrow next to Save
3. Select “Save as Draft”
4. Republish your site to apply changes

The page status changes from Published to Draft. A “Draft” label appears next to the page name in your Pages panel.

Purpose

Draft pages do not exist on your live website. Visitors cannot access them even with a direct URL.

Perfect for landing pages under construction or campaign content you want to prepare ahead of launch.

Step Three: How Do You Hide a Page from Navigation Menus?

Removing a page from navigation keeps it live and accessible via direct URL but removes all automatic menu links, making it invisible to casual visitors browsing your site structure.

Action

1. Open Page Settings for your target page
2. Scroll to the General section
3. Uncheck “Include in Navigation”
4. Save and republish your site

The page disappears from all auto-generated navigation components.

Purpose

Use this for utility pages, thank-you pages, or member-only content that should remain accessible but not discoverable through standard site navigation.

Anyone with the URL can still visit the page. This method hides, not restricts.

Step Four: How Do You Block Search Engines from Indexing the Page?

The noindex meta tag tells Google, Bing, and other search engines to exclude a page from their results, keeping it accessible via direct URL but invisible in search queries.

Action

1. Open Page Settings for your target page
2. Scroll to the SEO Settings section
3. Toggle on “Exclude this page from search results”
4. Save and republish your site

Webflow automatically adds a noindex robots directive to that page’s HTML head.

Purpose

Ideal for thank-you pages, internal tools, or duplicate content you want live but not ranking. Search engines typically remove noindexed pages from results within 2-4 weeks.

Step Five: How Do You Add Password Protection to a Page?

Password protection restricts page access to visitors who enter the correct credentials, creating a login gate that blocks both casual users and search engine crawlers from viewing content.

Action

1. Open Page Settings for your target page
2. Scroll to Page Protection section
3. Toggle on “Require a password to access this page”
4. Enter your chosen password
5. Save and republish your site

Visitors see a password prompt instead of page content.

Purpose

Use for client previews, member-only resources, or staging content. Requires a paid hosting plan. For role-based access control, integrate Webflow Memberships instead.

Verification

Confirm your page visibility changes work correctly before moving on.

Draft Pages

Visit the page URL directly on your published site. You should see a 404 error.

Check the Pages panel for the “Draft” label next to the page name.

Hidden from Navigation

Browse your live site and confirm the page link no longer appears in menus.

Test the direct URL to verify the page still loads.

Search Engine Blocking

Run a site:yourdomain.com/page-slug search in Google after 2-4 weeks.

Use Google Search Console to request faster re-crawling.

Password Protection

Open an incognito browser window and visit the protected page URL. The password prompt should appear immediately.

Troubleshooting

Page Still Appears After Saving as Draft

Issue: Draft page remains visible on live site.

Solution: Clear browser cache, republish site from Webflow Designer, verify you modified the correct page in Pages panel.

Password Protection Not Working

Issue: Page loads without password prompt.

Solution: Confirm your hosting plan supports page protection, check that you republished after enabling the setting, test in incognito mode to bypass cached sessions.

Page Still Shows in Search Results

Issue: Noindexed page appears in Google after several weeks.

Solution: Submit URL removal request in Google Search Console, verify the noindex tag exists in page source code, wait for search engine recrawl cycle to complete.

Related Processes

• How to duplicate a page in Webflow before hiding the original
• How to set up 301 redirects in Webflow for hidden pages
• How to delete a site in Webflow when hiding is not enough
• How to use Webflow Designer basics
• Webflow pros and cons for content management

FAQ on How To Hide A Page In Webflow

Can I hide a page in Webflow without deleting it?

Yes. Use draft mode in Page Settings to unpublish any page while keeping it in your project. The page remains fully editable but invisible on your live site until you publish it again.

How do I remove a page from Webflow navigation menus?

Open Page Settings and uncheck “Include in Navigation” under the General section. This removes the page from auto-generated menus while keeping it accessible via direct URL for visitors who have the link.

Will hiding a page affect my Webflow SEO?

Draft pages return 404 errors and cannot be indexed. Pages with noindex tags stay live but disappear from search results within 2-4 weeks. Neither method harms your overall site SEO.

How do I password protect a page in Webflow?

Toggle on “Require a password” in Page Settings under Page Protection. Enter your password and republish. Visitors must enter credentials before viewing content. Requires a paid Webflow hosting plan.

Can I hide CMS collection pages in Webflow?

Yes. Open the CMS item in Webflow Editor, locate the draft toggle, and switch it off. The individual collection page unpublishes while other CMS items remain live on your site.

How do I exclude a Webflow page from search engines?

In Page Settings, scroll to SEO Settings and enable “Exclude this page from search results.” Webflow adds a noindex meta tag to the page header, instructing Google and Bing to skip indexing.

What is the difference between draft and hidden pages?

Draft pages do not exist on your published site at all. Hidden pages remain live and accessible via URL but do not appear in navigation menus or sitemap. Different use cases.

Can visitors still access a hidden Webflow page?

Depends on your method. Draft pages return 404 errors. Password-protected pages require credentials. Pages hidden from navigation only remain fully accessible to anyone with the direct URL link.

How do I hide a page from Webflow sitemap?

Enable the noindex option in SEO Settings or save the page as draft. Both methods prevent the page from appearing in your XML sitemap. Republish your site to apply changes.

Can I schedule a hidden page to publish later?

Webflow does not offer native scheduled publishing for static pages. You must manually change the page from draft to published status. CMS items support scheduling through the Editor publish settings.

Conclusion

You now know how to hide a page in Webflow using five different methods. Each serves a specific purpose.

Draft mode removes pages entirely from your published site. The noindex tag blocks search engine crawlers while keeping content accessible.

Password protection restricts access to authorized visitors only. Hiding from navigation keeps pages live but out of menus.

Choose your method based on what you need. Staging content? Use drafts. Client previews? Add a password. Utility pages? Remove from navigation.

Always republish your site after changing any page settings in Webflow Designer. Test your changes in an incognito browser to confirm they work.

These visibility controls give you complete content management flexibility without touching code.