In this guide, you will learn how to create, modify and update the Cloudi-Fi captive portal
Introduction
Cloudi-Fi is a next-generation cloud-based captive portal solution that uses basic HTML edition files to customise the portal. It is built around a manifest file that describes how the portal should look and behave.
Our portals support entailment from Cloudi-Fi portals to customer-specific portals. Hierarchy allows customers to share common specificities between their portals, such as main logos, welcome messages or even authentication modes.
Any setting on a child portal will override the corresponding setting inherited from the parent portal.
Captive Portal composition
Here are the main components you may see in a portal composition:

Element |
Usage |
cloudifi.json |
This is the main file that defines main parameters, such as the authentication module list available on the portal, the logo location, and primary and secondary portal colors, ... |
css |
Compiled Styles - do not touch files in this folder |
sass |
Source style file - do not touch files in this folder |
img |
Contains all custom images and backgrounds shown on the portal |
fonts |
Fonts used to display portal messages |
translations |
We strongly recommend that you contact our creative lab team to customise your portal instead of customising these files yourself.
Create / Update your captive portal.
You can list, edit and create portals from the Administration console under the Portals Templates section.
Once you edit a portal, you can update the content by dragging & dropping the portal folder onto the "File Upload" Area and clicking the Save button.
Templates can not be uploaded from one portal to another; they are unique to each portal. If you download a template from a Portal, it must be uploaded to the same portal.
