Ubiquiti UniFi Hotspot Customization

Customizing the UniFi captive portal requires direct modification of existing HTML, CSS, and JavaScript files within the site-specific portal directory to improve user experience and branding.

• The core files are located within /opt/UniFi/data/sites/{{site_name}}/portal, with index.html acting as the primary landing page.
• Key pages include index.html (main content) and payment.html (billing entry), which determine the visual layout and user flow.
• Billing parameters, such as usage rates and package details, must be configured in the messages.properties file.
• Changes to the billing package settings in messages.properties require manual synchronization with the package display details in index.html.