--- title: "Logout Module" slug: "logout-module" updated: 2025-09-26T02:31:25Z published: 2025-09-26T02:31:25Z canonical: "docs.unqork.io/logout-module" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.unqork.io/llms.txt > Use this file to discover all available pages before exploring further. # Logout Module UDesignerClassic Designer ## Overview The **logout** **module** is the last page end-users see after logging out of your [application](/v1/docs/introduction-to-unqork-applications). On this screen, you might add a redirect back to the logout page, a call to action button, or HTML links to other pages. You create this page in its own [module](/v1/docs/introduction-to-the-module-builder) during the application creation process. Or, connect it to your application later. The logout module is optional and not required for use with a login module. > [!WARNING] > Login and Logout modules are only available when viewing at the Application level. ### Enabling a Logout Module On the [Environment Administration](/v1/docs/environment-administration) page, you can enable custom logout modules based on application needs. Enable the setting to connect or disconnect logout modules to applications. Disable the setting to prevent logout modules from being connected or disconnected from applications. 1. At the top of the Unqork Designer Platform, click Administration. 2. Under Environment, select **Environment Administration**. 3. Navigate to the **General** settings section of Environment Administration. 4. Set **Enable Custom Login/Logout** **Module****s** to (**checked**). 5. At the bottom of the page, click Save Changes. > [!NOTE] > Logout modules do not display in Express View when you disable this setting. Disabling the custom logout module setting reverts all affected applications back to the default logout screen for the environment. ### Creating and Connecting a Logout Module to an Existing Application In your application's [workspace](/v1/docs/introduction-to-workspaces), you can create and connect a new logout module to a new or existing application. #### Create and Connect a Logout Module to a New Application Create and connect a logout module during the application creation process. This method names the logout module and connects it to the new application for you. To create and connect a logout module when creating a new application: 1. Navigate to your workspace and click **+ Create App**. 2. In the **Create App** pop-up modal, complete the required application information. 3. From the **Logout** **Module** drop-down, select **New Logout** **Module**. [![A static image displaying the Create App modal in UDesigner. The Logout Module drop-down is displayed and the New Logout Module is highlighted.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_Logout_CreateNewModule_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD%20Logout%20CreateNewModule.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) 4. Click **Create**. > [!NOTE] > Logout modules created in the Create App pop-up modal are named after the application and end with the text "Logout". For example, Acme Corp Logout. From here, open the module and customize your logout screen. Here are a few ideas of components you can add to begin: - [**ColumnsComponent**](/v1/docs/columns-component)**:**Create a basic layout for your logout screen. - [**ButtonComponent**](/v1/docs/button-component) : Create a call to action for your end-users to take. #### Connect a Logout Module to an Existing Application Now that you have a logout module, connect it to your application. To connect a logout module at the Application level: 1. Navigate to the application that contains your logout module. 2. At the top of the page, click `···` **(options)**. 3. Select **Settings**. 4. From the **Logout** **Module** drop-down, enter or select the logout module. 5. Click **Save & Close**. ### Previewing a Logout Module It's important to note that all modules you plan to have navigate to using your logout module must exist in the same application. Otherwise, you'll receive a [403 error](/v1/docs/http-status-codes). To preview the logout module at the Application level: 1. Navigate to the application that contains your logout module. 2. At the top of the page, click ··· **(options)**. 3. Select **Preview**. The application displays on a new page with the logout module present at the top. [![A static image displaying the Application page, the options button and Preview buttons are highlighted.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/headerModule_preview_thumb_0_0(3).jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/headerModule%20preview(3).jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) To successfully preview your logout module, you must preview it at the Application level. Otherwise, you must manipulate the browser URL to consider any redirects. The URL looks like the following: `https://www.{your-environment}.io/app/{appPath}#/display/{{moduleId}}/{{submissionId}}/{{moduleId}}.` ### Disconnecting a Logout Module If you decide you do not want a logout module in your application anymore, you can remove it. To disconnect a logout module at the Application level: 1. Navigate to the application that contains your logout module. 2. At the top of the page, click ··· **(options)**. 3. Select **Settings**. 4. From the **Logout** **Module** drop-down, click the **X** next to the logout module’s name. [![A static image displaying the App Details modal. The Logout Module field displays a X button to disconnect an existing logout module.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_Logout_DisableLogout_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD%20Logout%20DisableLogout.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) 5. Click **Save & Close**. > [!NOTE] > Disconnecting a logout module does not delete it. ## Resources - [Learn about Login modules](/v1/docs/login-module). - [Implement Header modules](/v1/docs/header-module). - [Implement Footer modules](/v1/docs/footer-module). ## Overview The **logout** **module** is the last page end-users see after logging out of your [application](/v1/docs/introduction-to-unqork-applications). On this screen, you might add a redirect back to the logout page, a call to action button, or HTML links to other pages. You create this page in its own [module](/v1/docs/introduction-to-the-module-builder) during the application creation process. Or, connect it to your application later. The logout module is optional and not required for use with a login module. > [!WARNING] > Login and Logout modules are only available when viewing at the Application level. ### Enabling a Logout Module On the [Environment Administration](/v1/docs/environment-administration) page, you can enable custom logout modules based on application needs. Enable the setting to connect or disconnect logout modules to applications. Disable the setting to prevent logout modules from being connected or disconnected from applications. To enable or disable the logout module setting: 1. At the top right of the Unqork Designer Platform, click the **Settings ▾** drop-down. 2. Select **Administration**. 3. Under Environment, select **Environment Administration**. 4. Navigate to the **General** Settings section of Environment Administration. 5. Set **Enable Custom Login/Logout** **Module****s** to (**checked**). 6. At the bottom of the page, click Save Changes. > [!NOTE] > Logout modules do not display in Express View when you disable this setting. Disabling the custom logout module setting reverts all affected applications back to the default logout screen for the environment. ### Creating a Logout Module Create and connect a logout module during the application creation process. This method names the logout module and connects it to the new application for you. To create and connect a logout module when creating a new application: 1. Navigate to your workspace and click **+ Create App**. 2. In the **Create App** pop-up modal, complete the required application information. 3. From the **Logout** **Module** drop-down, select **FE****New Logout** **Module**. [![A static image displaying the Create App modal, the Logout Module setting is selected and the New Logout Module option is highlighted.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/logout_module_createNew_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/logout%20module%20createNew.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) 4. Click **Create**. > [!NOTE] > Logout modules created in the Create App pop-up modal are named after the application and end with the text "Logout". For example, Acme Corp Logout. From here, open the module and customize your logout screen. Here are a few ideas of components you can add to begin: - [**ColumnsComponent**](/v1/docs/columns-component): Create a basic layout for your logout screen. - [**H****TML ElementComponent**](/v1/docs/html-element-component): Add HTML links end-users might require after logging out. - [**ButtonComponent**](/v1/docs/button-component) : Create a call to action for your end-users to take. > [!NOTE] > The [Unqork Marketplace](https://marketplace.unqork.io/) offers a Logout Moduletemplate if you need ideas for your logout page. ### Connecting a Logout Module to an Application On an existing application's App Settings page, you can connect a logout module. To connect a logout module to your application: 1. Navigate to your workspace and locate your application tile. 2. Click the **ellipsis (···)** menu. 3. Select **![Settings Icon](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Settings(3).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) Settings**. 4. From the **Logout** **Module** drop-down, enter or select a logout module. 5. Click **Save**. ### Creating a Logout Module Library Element You can also create a logout module as a Library Element before connecting it to your application. By adding your module to the Library, you can share it to all your applications. To create a logout module Library Element for your application: 1. At the top right of the Unqork Designer Platform, click the **Library ▾** drop-down. 2. Select **Library Elements**. 3. Click **+ Create New**. 4. In the **Module** **Name** field, enter a name for your module. > [!TIP] > To easily locate your login module later, begin the module name with Login. For example, Login: Acme Corp. 5. Click **Create**. ### Previewing a Logout Module It's important to note that all modules you plan to have navigate to using your logout module must exist in the same application. Otherwise, you'll receive a 403 error. The following image shows you how to preview a module at the Application level: [![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/App_Preview_thumb_0_0(3).jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/App%20Preview(3).jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) To successfully preview your logout module, you must preview it at the Application level. Otherwise, you must manipulate the browser URL to consider any redirects. The URL looks like the following: `https://www.{your-environment}.io/app/{appPath}#/display/{moduleId}/{submissionId}/{moduleId}.` ### Disconnecting a Logout Module If you decide you don’t want a logout module in your application anymore, you can remove it. To remove a logout module from an application: 1. Navigate to your workspace and locate your application. 2. Click the **ellipsis (···)** menu. 3. Select **![Settings Icon](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Settings(3).png?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) Settings**. 4. From the **Logout** **Module** drop-down, click the **X** next to the logout module’s name. [![A static image displaying the App Details modal. The Logout Module field disconnect button is highlighted.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/logout_module_disconnect_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D)](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/logout%20module%20disconnect.jpg?sv=2026-02-06&spr=https&st=2026-11-08T03%3A56%3A45Z&se=2026-11-08T04%3A56%3A45Z&sr=c&sp=r&sig=fksHB4fLPqdIesxr9nw29eAlK7VOEJBdR%2Bo5etkvcsk%3D) 5. Click **Save**. ## Resources - [Learn about Login modules](/v1/docs/login-module). - [Implement Header modules](/v1/docs/header-module). - [Implement Footer modules](/v1/docs/footer-module). End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product. Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View. A modal is a window that appears on top of the content you are currently viewing.