Customize the GlobalProtect Portal Login, Welcome, and Help Pages

Export the default portal login, home, welcome, or help page.
Select
Device
Response Pages
.
Select the link for the corresponding GlobalProtect portal page, such as
GlobalProtect Portal Login Page
.
Select the predefined
Default
page and click
Export
.
Edit the exported page.
Use the HTML text editor of your choice to open and edit the page.
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';
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:
Select
Network
GlobalProtect
Portals
, and then
Add
a portal.
Select
General
.
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.

Click
OK
and
Commit
the changes.
Import the new page(s).
Select
Device
Response Pages
.
Select the link for the corresponding GlobalProtect portal page.
Import
the new portal page. Enter the path and filename in the
Import File
field or
Browse
to locate and select the file.
(
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.
Click
OK
to import the file.
Configure the portal to use the new page(s).
Portal Login Page
,
Portal Landing Page
, and
App Help Page
:
Select
Network
GlobalProtect
Portals
.
Select the portal to which you want to add the login, landing (home), or app help page.
In the Appearance area of the
General
tab, select the new page from the relevant drop-down.
Custom Welcome Page
:
Select
Network
GlobalProtect
Portals
.
Select the portal to which you want to add the welcome page.
On the
Agent
tab, select the agent configuration to which you want to add the welcome page.
On the
App
tab, select the new page from the
Welcome Page
drop-down.
Click
OK
to save the agent configuration.
Save the portal configuration.
Click
OK
to save the portal configuration, and then
Commit
your changes.
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.