If you would like to design and host your own splash page, you need to set up Walled Garden.
Hotspot Free Social is not supported with Walled Garden currently.
To set up the Walled Garden, you need to perform the following steps:
1 In the Control Center go to Manage > Locations > Click on name > Modify Hotspot Data > SET CUSTOM SPLASH PAGE (WALLED GARDEN):Enter the full URL that you would like to use, for example: http://www.yourdomain.com/splash.html. In case of Hotspot PRO / FREE Vouchers / SMS, you need to redirect users back to our page so they can get access or log in. You can find the backlink in the same section of the Control Center.
2. You need to setup your router the following way:
2a. Hotspot Pro / Hotspot FREE with Voucher / Hotspot FREE SMS
Go to Services > Hotspot, then: Special Settings > ENABLECustom Splash Page (Walled Garden) > CHECKIn the UAM allowed field, enter: www.yoursite.com (your domain where your special page is hosted, ONLY THE DOMAIN NAME!)
2b.Go to Services > Hotspot, then:Special Settings > ENABLEDisplay Login on Splash Page (Combined) > UNCHECKCustom Splash Page (Walled Garden) > CHECKIn the UAM allowed field, enter: www.yoursite.com (your domain where your special page is hosted, ONLY THE DOMAIN NAME!)
3. Whitelist the domain.
4. HOTSPOT FREE BASIC PLUS ONLY: The setup is a bit tricky as you need to call our page in an iframe so users will be able to log in directly from your page. Create a HTML on your web server similar to this:The HOTSPOT FREE BASIC PLUS solution with WALLED GARDEN does not work with MIKROTIK routers
5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>External Page Sample with Hotspot FREE BASIC / SOCIAL</title></head>THIS IS YOUR MAIN HTML CODE. YOU CAN PUT YOUR GRAPHICS, TEXT, ETC HERE.</center><iframe src ="https://customer.hotspotsystem.com/customer/prelogin.php?operator=YOUROPERATNORUSERNAME&location=LOCATIONID" width="100%" height="150" scrolling="no" frameborder="0"><p>Your browser does not support iframes.</p></iframe></body></html>
In this code you need to replace OPERATORUSERNAME to your operator username, LOCATIONID to location ID (1 for location #1, 2 for location #2, etc). This URL will call the router’s built-in login URL. You can find this in the Control Center > Manage > Locations > click on name > Modify Hotspot Data > Splash Page Settings > Internal Login URL.
You may want to change the layout of the LOGIN frame. We created a minimized version of SPLASH page which contains only two lines (you can customize this further in the Skin Management) so you can easily embed that into the iframe on your page.
The skin is called “SPLASH External”.You can change the location’s skin in Manage > Locations > Click on name > Modify Hotspot Settings > Splash Page Settings > Skin (Style/Theme of Splash Page), change it to SPLASH External. You can also create a new skin from this skin for customization to match with your layout, and you can also assign the skin from there.