Knowledge Base

Walled Garden Setup

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:

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.htmlIn 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.

C. Save it as login.html on your computer then copy it to your router. Click File on Mikrotik and a new window will come up. Simply drag and drop the file from your window’s file manager into the hotspot directory.

D. For Hotspot PRO locations you should provide a link back to the splash page so that clients can buy access. In order for this to work your splash page setting should be non combined. Click manage-locations-name of location – Modify Hotspot Data & Settings – and uncheck Display Login Box on Main Splash Page. The URL is: https://customer.hotspotsystem.com/customer/index.php?operator=YOUROPERATORUSERNAME&location=YOURLOCATIONNUMBER

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

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. If you are using Mikrotik/Open-Mesh or custom, you need to modify this.

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”.