FortiAuthenticator
FortiAuthenticator provides access management and single sign on.
Sheikh
Staff
Staff
Article Id 224658
Description The article describes how to create a new portal and modify replacement messages for the portal.
Scope

FortiAuthenticator.

 

This article does not cover full HTML coding. Only few settings will be modified to give an idea that how easily one can customize Replacement messages in FortiAuthenticator Portals.

Solution

1) Create a portal (if the portal is configured already then skip this step).

Logon to FortiAuthenticator, expand Authentication and then open Portals. Select 'Create New'.

 

Sheikh_1-1663946039466.png

 

2) Enter the name of the portal, here 'Guest_Portal' is being used. In this case, only 'Disclaimer' and 'Account Registration' are enabled but any of the services from Pre-Login Services and Post-Login Services can be enabled as per requirement.

Select 'OK' to finish the portal settings.

 

Sheikh_0-1663946626534.png

 

Sheikh_1-1663946754763.png

 

3) Select 'Replacement Messages' in the left pane. Select the guest portal created in the last step and chose 'Edit'.

 

Sheikh_2-1663947034373.png

 

4) A list of replacement messages that can be modified can be seen.

In this article, only 'Login Page' is chosen for the customization.

 

5) The logo and the background color of the login page are being changed.

 

6) At first upload the Logo to the FortiAuthenticator.

Select 'Replacement Messages' and then choose 'Manage Images' on the right pane.

 

Sheikh_0-1665665318746.png

 

7) After uploading the logo image, select' Create New'.

 

Sheikh_1-1665665434959.png

 

8) Create a new image. FortiAuthenticator only supports these file types GIF, JPEG, PNG.

 

Sheikh_2-1665665835075.png

 

9) Once the image is uploaded, it will be shown in the list.

 

Sheikh_0-1665665921165.png

 

10) Select 'Create New' again and upload the background image, this will be added as a background image on the guest portal.

 

Sheikh_0-1665687252598.png

 

11) Go back to the Replacement Messages and select Guest_Portal.

 

Sheikh_1-1665687304543.png

 

 

Sheikh_0-1665680760635.png

 

12) Select Login Page.

 

Sheikh_1-1665681016600.png

 

11)  The following screen will come up.

 

Sheikh_2-1665681076715.png

 

12) Now modify the path in the img id and src.

 

By default, this is the entry shown.

 

<img id="fortinet-logo-login" src="/site_media/css/images/fortinet_grid.svg" alt="">

 

Now modify the src and replace it with the value of the Logo, which was imported into the Images. Now the path will look like this.

 

<img id="fortinet-logo-login" img src={{:image/Fortiauthenticator_Logo}} alt="">

 

Sheikh_3-1665682628977.png

 

13) Now add the background image. Just select the Login Page in the Replacement Message and add the following line after ' body { '.

 

background: url('{{:image/fortinet_background}}');

 

Sheikh_2-1665687661992.png

 

14) After modifying the path select Save and go to Policies under Portals and select Create New.

 

Sheikh_4-1665682816681.png

 

15) Enter the required information, select the recently created 'Guest_Portal' and select Next.

 

Sheikh_5-1665682960591.png

 

16) Select the realm and Local/Remote Users under Identity Sources.

 

Sheikh_6-1665683027497.png

 

17) Enable the required Authentication Factors and select Save and Exit.

 

Sheikh_7-1665683174556.png

 

Sheikh_9-1665683248764.png

 

18) Upon successful completion, it will show the guest portal URL. Note down this URL, as it will be used by the users to access the portal.

 

Now open a new browser and open the guest portal URL:

 

https://[FAC IP/FQDN]/portal/selfservice/Guest_Portal/

 

Sheikh_3-1665687815567.png

 

Related document:

https://docs.fortinet.com/document/fortiauthenticator/6.4.0/administration-guide/639990/replacement-...