All three captive portal pages (the portal page, authentication error page, and logout page) can be customized to fit your organization’s styling. The easiest way to do this is to edit the page in the HTML editor of your choice, save the file, and then upload the page to pfSense using the appropriate Browse button in the HTML Page Contents section. If the authentication method selected is No Authentication, the portal page does not need to have fields for the username and password; it only needs a button for accepting the terms of service, for example <input name=”accept” type=”submit” value=”Continue”>. A logout page only needs a message indicating the user has logged out of the network, but you can add your company’s logo on this page if desired. The authentication error page needs only a message indicating that the login attempt has failed.

If you are not experienced in coding web pages, there are many sites that have sample captive portal login pages that you can customize to fit your needs. We have included several example captive portal login pages you can use at: https://github.com/dzient/learn_pfsense/tree/master/ch4.

In subsequent captive portal recipes, we will customize the captive portal HTML pages using the pages contained in our GitHub repository.