Apakah halaman login hotspot bisa diganti sesuka hati?

Ya, selama format HTML tidak merusak parameter login Mikrotik.

File mana yang harus saya edit?

File utama adalah login.html yang ada di folder hotspot.

Bisa pakai template premium?

Bisa. Selama responsif dan ringan, template premium sangat bagus untuk branding.

Home Mikrotik

Cara Mengganti Halaman Login Hotspot Mikrotik Paling Mudah (Custom Template + Gambar)

Yosa

November 20, 2025

---

Cara Mengganti Halaman Login Hotspot Mikrotik Paling Mudah

Halaman login hotspot (login page) adalah bagian paling penting dari sistem hotspot Mikrotik. Di halaman inilah pengguna memasukkan username dan password sebelum bisa mengakses internet. Banyak sekolah, kampus, cafe, dan RT/RW Net mengganti tampilan default Mikrotik agar terlihat lebih profesional dan sesuai identitas brand.

Sebagai guru TKJ yang sering mengajarkan materi Mikrotik kepada siswa, saya juga selalu memastikan siswa memahami cara custom login page karena ini adalah skill wajib seorang admin jaringan.

Pada artikel ini kamu akan belajar cara mengganti halaman login hotspot Mikrotik dengan mudah, lengkap dengan gambar, file yang perlu diganti, dan tips membuat tampilan lebih profesional.

Baca dulu: Cara Membuat Hotspot Mikrotik dalam 5 Menit

Panduan dasar hotspot lainnya: Cara Membatasi Kecepatan Hotspot di Mikrotik

Jika ingin membuat voucher custom: Cara Setting User Manager Mikrotik Sampai Bisa Cetak Voucher

Artikel LANJUTAN penting: Cara Blokir Pengguna Hotspot Nakal / Boros Kuota

Belajar firewall untuk hotspot: Mengenal Firewall Mikrotik & Fungsinya

Kenapa Perlu Mengganti Halaman Login Hotspot?

Tampilan lebih profesional
Bisa menambahkan logo sekolah/cafe
Dapat menambahkan pengumuman / aturan hotspot
Meningkatkan kepercayaan pengguna
Bisa menyesuaikan SEO / branding

File Apa Saja yang Bisa Diedit?

File login hotspot Mikrotik berada di folder:

/hotspot

File pentingnya antara lain:

login.html → tampilan utama login
alogin.html → auto login
status.html → informasi status user
logout.html → halaman logout
images folder → logo, background, icon

Cara Mengganti Halaman Login Hotspot (Paling Mudah)

1. Masuk ke Winbox → Files

Lalu buka folder hotspot seperti gambar berikut:

2. Download file login.html

Klik kanan → Download.

Setelah itu edit file menggunakan:

Notepad++
VS Code
Sublime Text

3. Edit Tampilan Login

Contoh template custom sederhana:

<html>
<head>
  <title>Login Hotspot Mikrotik</title>
  <style>
     body { background:#f3f3f3; font-family:Arial; }
     .box { width:350px; padding:20px; background:white; margin:auto; margin-top:100px; border-radius:10px; }
     input { width:100%; padding:10px; margin-top:10px; }
     button { width:100%; padding:10px; background:#4CAF50; color:white; border:0; }
  </style>
</head>

<body>

  Login Hotspot
  <form name="login" action="$(link-login-only)" method="post">
    <input type="hidden" name="dst" value="$(link-orig)" />
    <input type="text" name="username" placeholder="Username">
    <input type="password" name="password" placeholder="Password">
    <button type="submit">Login</button>
  </form>

</body>
</html>

4. Upload Kembali login.html ke Router

Klik & drag file baru ke folder hotspot.

5. Test Halaman Login

Buka browser → Sambungkan ke hotspot → Halaman login sudah berubah.

Tips Membuat Tampilan Lebih Keren

Gunakan background full-screen
Tambahkan logo sekolah atau identitas RT/RW Net
Tambahkan pesan aturan penggunaan
Tambahkan tombol WhatsApp admin
Buat tampilan responsif (bisa dibuka HP)

Kesimpulan

Mengganti halaman login hotspot Mikrotik sangat mudah. Kamu hanya perlu mengedit file login.html dan menggantinya sesuai template. Setelah itu upload ke router, dan login page akan berubah otomatis. Sangat cocok untuk branding sekolah, cafe, kampus, dan RT/RW Net.

Mikrotik