Customize the GlobalProtect Portal Login, Home, Welcome, and Help Pages

GlobalProtect provides default login, home, welcome, and/or help pages. However, you can create your own custom pages with your corporate branding, acceptable use policies, and links to your internal resources.
You can alternatively disable browser access to the portal login page in order to prevent unauthorized attempts to authenticate to the GlobalProtect portal (configure the Portal Login PageDisable option from NetworkGlobalProtectPortals<portal_configGeneral). With the portal login page disabled, you can instead use a software distribution tool, such as Microsoft’s System Center Configuration Manager (SCCM), to allow your users to download and install the GlobalProtect app.
  1. Export the default portal login, home, welcome, or help page.
    1. Select DeviceResponse Pages.
    2. Select the link for the corresponding GlobalProtect portal page, such as GlobalProtect Portal Login Page.
    3. Select the predefined Default page and click Export.
  2. Edit the exported page.
    1. Use the HTML text editor of your choice to open and edit the page.
    2. To edit the login or home page, configure any of the following variables:
      • GlobalProtect Portal Login Page:
        clientless-vpn-portal-login-page.png
        Label Number
        Variable
        Description
        Example
        1
        favicon
        URL of the icon displayed in the address bar of the web browser.
        var favicon = 'http://
        cdn.slidesharecdn.
        com/logo-24x24.
        jpg?3975762018';
        2
        logo
        URL of the company logo.
        var logo = 'http://
        cdn.slidesharecdn.
        com/logo-96x96.
        jpg?1382722588';
        3
        bg_color
        Login page background color.
        var bg_color = 
        '#D3D3D3';
        4
        gp_portal_name
        Text displayed under the company logo.
        var gp_portal_name 
        = 'GlobalProtect 
        Portal';
        5
        gp_portal_name_color
        Color of the text displayed under the company logo.
        var gp_portal_name_
        color = '#000000';
        6
        error_text_color
        Text color for logon failure messages.
        var error_text_
        color = '#196390';
      • GlobalProtect Portal Home Page:
        clientless-vpn-portal-home-page.png
        clientless-vpn-portal-logout-page.png
        Label Number
        Variable
        Description
        Example
        1
        favicon
        URL of the icon displayed in the address bar of the web browser.
        var favicon = 'http://
        cdn.slidesharecdn.
        com/logo-24x24.
        jpg?3975762018';
        2
        logo
        URL of the company logo.
        var logo = 'http://
        cdn.slidesharecdn.
        com/logo-96x96.
        jpg?1382722588';
        3
        navbar_text
        Navigation bar text.
        var navbar_text = 
        'GlobalProtect';
        4
        navbar_text_color
        Navigation bar text color.
        var navbar_text_
        color = '#D3D3D3';
        5
        navbar_bg_color
        Navigation bar background color.
        var navbar_bg_color
         = '#A9A9A9';
        6
        dropdown_bg_color
        Drop-down menu background color.
        var dropdown_bg_
        color = '#FFFFFF';
        7
        bg_color
        Home page background color.
        var bg_color = 
        '#D3D3D3';
        8
        label_custom_app_url
        Label for custom/internal application URLs.
        var label_custom_
        app_url = 
        'Application URL';
        9
        display_
        globalprotect_agent
        Option to display or hide the GlobalProtect app download button. Enter 1 to display the download button. Enter 0 to hide the download button.
        var display_
        globalprotect_agent 
        = 1;
        10
        label_globalprotect_
        agent
        Label for the GlobalProtect app download button.
        var label_
        globalprotect_agent 
        = 'GlobalProtect 
        Agent';
        11
        gp_portal_name
        Text displayed under the company logo on the portal logout page.
        var gp_portal_name 
        = 'GlobalProtect 
        Portal';
        12
        gp_portal_name_color
        Color of the text displayed under the company logo on the portal logout page.
        var gp_portal_name_
        color = '#000000';
        13
        logout_text_array
        Messages displayed on the portal logout page after users log out of the portal.
        You can only modify the existing messages; you cannot add new messages or delete any existing messages.
        var logout_text_
        array = ["You have 
        successfully 
        logged out of 
        GlobalProtect 
        portal.",
        "GlobalProtect 
        Gateway is 
        not licensed.  
        Contact system 
        administrator.",
        "User not 
        authenticated 
        to GlobalProtect 
        portal.",
        "System error, 
        contact system 
        administrator.",
        "System error, 
        failed to delete 
        user session.  
        Contact system 
        administrator.",
        "Can not create 
        user session.  
        Max-capacity 
        reached. Contact 
        system 
        administrator."];
        14
        logout_text_color
        Text color for messages displayed on the portal logout page after users log out of the portal.
        var logout_text_
        color = '#000000';
    3. Save the edited page with a new filename. Make sure that the page retains its UTF-8 encoding.
  3. Import the new page(s).
    1. Select DeviceResponse Pages.
    2. Select the link for the corresponding GlobalProtect portal page.
    3. Import the new portal page. Enter the path and filename in the Import File field or Browse to locate and select the file.
    4. (Optional) Select the virtual system on which this page will be used from the Destination drop-down or select shared (default) to make it available to all virtual systems.
    5. Click OK to import the file.
  4. Configure the portal to use the new page(s).
    • Portal Login Page, Portal Landing Page, and App Help Page:
      1. Select NetworkGlobalProtectPortals.
      2. Select the portal to which you want to add the login, landing (home), or app help page.
      3. In the Appearance area of the General tab, select the new page from the relevant drop-down.
    • Custom Welcome Page:
      1. Select NetworkGlobalProtectPortals.
      2. Select the portal to which you want to add the welcome page.
      3. On the Agent tab, select the agent configuration to which you want to add the welcome page.
      4. On the App tab, select the new page from the Welcome Page drop-down.
      5. Click OK to save the agent configuration.
  5. Save the portal configuration.
    Click OK to save the portal configuration, and then Commit your changes.
  6. Verify that the new page displays.
    • Test the login page—Open a web browser and go to the URL for your portal (do not add the :4443 port number to the end of the URL or you will be directed to the web interface for the firewall). For example, enter https://myportal rather than https://myportal:4443. The new portal login page will display.
    • Test the home page—Open a web browser and go to the URL for your portal (do not add the :4443 port number to the end of the URL or you will be directed to the web interface for the firewall). For example, enter https://myportal rather than https://myportal:4443. Enter your Username and Password, and then LOG IN to the portal. The new portal home page will display.
    • Test the help page—Click the GlobalProtect system tray icon to launch the GlobalProtect app. When the status panel opens, click the settings icon (
      settings-icon.png
      ) to open the settings menu. Select Help to view the new help page.
    • Test the welcome page—Click the GlobalProtect system tray icon to launch the GlobalProtect app. When the status panel opens, click the settings icon (
      settings-icon.png
      ) to open the settings menu. Select Welcome Page to view the new welcome page.

Related Documentation