The login page is the only part of your hotspot most customers will ever see. It is the moment they decide whether they are dealing with a real business or someone’s improvised side project.
MikroTik’s default page is a grey form on a white background with the word “Login” on it. It works. It also tells your customer absolutely nothing about who you are, what they are buying, or who to call when it stops working.
We built a free login page builder to fix that. No account, no licence, no email address — it runs in your browser and hands you a file.
What it does
Pick from 25 designs, add your logo, set your colours and contact details, and download a finished login.html ready to upload to your router.
The designs are genuinely different from one another rather than one layout in twenty-five colourways — a boarding pass, a cinema ticket, a terminal console, a hotel-style serif layout, a minimal card. Roughly a third are dark, the rest light, so there is something appropriate whether you are a beach resort or a university campus.
Why the pages are self-contained
This is the part that matters technically, and it is why we did not just publish a folder of templates.
A hotspot login page is loaded by a device that has no internet access yet. That is the whole point of a captive portal. So any page that pulls a font from Google, a stylesheet from a CDN, or an icon set from anywhere else will render broken — the browser requests those files, the hotspot blocks them, and your customer sees an unstyled mess.
Every page the builder produces has its CSS inline and no external dependencies. It renders identically with zero internet access. If you have ever wondered why a login page looks fine on your laptop and broken on a guest’s phone, this is usually why.
What you can change
- Your logo — with width and height controls, so it is not stretched.
- Heading and page title — your business name rather than “Hotspot”.
- Background colour or image.
- Support email and phone — shown on the page, so people call you instead of guessing.
- A sign-up link — for customers who do not have a voucher yet.
- An advert slot — for your own promotions, or a sponsor’s.
- Footer text and link.
Getting it onto your router
Once you have downloaded the file:
- Open Winbox and go to Files.
- Find the
hotspotdirectory. Your existinglogin.htmlis in there. - Download a copy of the current one first. If anything goes wrong you want the original back, and it takes five seconds now versus a bad twenty minutes later.
- Drag your new
login.htmlinto thehotspotfolder, replacing the existing file. - Reconnect a test device and check the page appears.
No restart is needed. The hotspot serves the file from disk on each request.
Test it on a real phone
Opening the file on your laptop proves it renders. It does not prove it works as a captive portal.
Connect a phone that is not already authenticated, and confirm three things: the page appears by itself, the login form actually logs you in, and the page looks right on a small screen. Every template is responsive, but your logo is not — an oversized one can push the form below the fold on a phone.
Keeping the MikroTik variables intact
If you edit the downloaded file by hand afterwards, leave anything wrapped in $(...) alone. Those are MikroTik’s own placeholders — $(link-login-only) is where the form posts, $(error) is where a failed login message appears, and the $(if chap-id) block handles password hashing.
Delete those by accident and the page will look perfect and refuse to log anyone in. Every template ships with them correctly wired.
It is free, and it stays free
There is no catch and no account. We build software for hotspot operators, and a better login page makes your hotspot look more professional whether or not you ever buy anything from us.
Open the builder and pick a design.