Home
Documentation
  1. USERS & LIVE APP ACCESS
  2. User Roles and Permissions
  3. Protected Pages Overview

How to Create a Login-Protected Page

Step-by-step instructions for creating login-protected pages in Knack, including adding protection to new and existing pages.

Watch

Goal

Use this guide when you want to restrict access to a page so that only authenticated users can view it. For example, creating a Customer Portal where customers must log in to view their orders, or an Employee Dashboard where staff access internal tools and resources.

Prerequisites

  • You must have access to the Builder to create and configure pages
  • For role-based access, you must have at least one User Role table set up in your app

Step-by-Step Instructions

Creating a New Protected Page

  1. Navigate to the Pages section in the Builder.

  2. Click the Page button or the pink + button to open the Add Page dialog.

  3. In the Page Name field, enter a descriptive name for your page (e.g., "Customer Dashboard" or "Employee Portal").

  4. Toggle the Protect page switch to ON. You'll see the description "Require a login to access this page."

  5. Additional configuration options will appear. Configure the following:

    Registration Settings: In the "Can new users register to access this page?" section, choose No (default, prevents registration), Yes (allows immediate access after registration), or Yes, pending approval (requires administrator approval before access is granted).

    Access Control: In the "Which logged-in users can access this page?" section, choose All logged-in users (default) or Specific user roles only. If you selected specific roles, check the box next to each role that should have access.

  6. Click Add Page to create your protected page.

  7. Add elements to your page by clicking Add Element and selecting the forms, tables, or other components you want to display.

  8. Click Preview in the top-right corner to test your page in the Live App.

Adding Protection to an Existing Page

If you have an existing page that you want to protect:

  1. In the Pages section, hover over the page name you want to protect.

  2. Click the ellipses (...) that appear to the right of the page name.

  3. Select Protect Page with Login from the dropdown menu.

  4. A modal will appear with the same protection settings as creating a new protected page.

  5. Configure the registration and access control settings as described above.

  6. Click Save to apply protection to the existing page.

Viewing Access Settings

To check the current access settings for any page:

  1. Click on the page name in the Pages panel.

  2. Click the Access tab in the page settings panel.

  3. For unprotected pages, you'll see "This page is publicly accessible."

  4. For protected pages, you'll see the current login and role restrictions.

Result

Your page is now protected by login authentication. Users must log in with valid credentials to access the page. If you configured role-based access, only users with the specified roles will be able to view the page after logging in. The page will display a lock icon in the Pages panel, and all child pages underneath it will automatically inherit the same protection.

Next Steps

Updated 10 days ago