Customize the GlobalProtect Portal Login, Welcome, and Help Pages

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:
        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:
        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.

   To set the GlobalProtect App Help Page to provide assistance to users with the GlobalProtect app:

   1. Select NetworkGlobalProtectPortals, and then Add a portal.
   2. Select General.
   3. In the Appearance area, select the factory-default help page, Import a custom help page, or select None to remove the Help option from the Settings menu of the GlobalProtect status panel.

   4. Click OK and Commit the changes.
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 (
     ) 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 (
     ) to open the settings menu. Select Welcome Page to view the new welcome page.