Customize the GlobalProtect Portal Login, Welcome, and Help Pages

GlobalProtect provides default login, 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 Page
Disable
option from
Network
GlobalProtect
Portals
<portal_config
General)
. 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
      Device
      Response 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
      Device
      Response 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
        Network
        GlobalProtect
        Portals
        .
      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
        Network
        GlobalProtect
        Portals
        .
      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