Tata Cara Mengganti Tampilan Login Voucher MikroTik (Update 2025)

Tampilan login voucher Hotspot MikroTik merupakan halaman pertama yang dilihat pengguna sebelum terhubung ke internet. Desain yang rapi dan profesional dapat meningkatkan kepercayaan pengguna sekaligus mencerminkan identitas jaringan WiFi Anda.

Pada artikel ini akan dibahas secara lengkap cara mengganti tampilan login voucher Hotspot MikroTik terbaru tahun 2025, mulai dari persiapan hingga pengujian.

---

Apa Itu Halaman Login Voucher MikroTik?

Halaman login voucher MikroTik adalah halaman autentikasi Hotspot yang muncul secara otomatis ketika pengguna terhubung ke jaringan WiFi. Halaman ini dikelola oleh sistem MikroTik RouterOS dan dapat dimodifikasi menggunakan HTML dan CSS.

• Autentikasi pengguna Hotspot
• Menampilkan informasi voucher
• Media branding sekolah, kantor, atau usaha WiFi
• Media informasi dan pengumuman

---

Persiapan Sebelum Mengganti Tampilan

• Hotspot MikroTik sudah aktif
• Akses Winbox atau WebFig
• Text editor (Notepad++, VS Code)
• Logo atau gambar pendukung

Tips: Selalu lakukan backup folder hotspot sebelum melakukan perubahan.

---

Lokasi File Login Voucher MikroTik

Semua file tampilan login Hotspot berada di direktori:

/hotspot

• login.html – halaman login utama
• logout.html – halaman logout
• status.html – status pengguna
• error.html – halaman error
• Folder img – logo dan gambar

---

Langkah-Langkah Mengganti Tampilan Login Voucher

1. Backup File Login Default

Masuk ke menu Files di MikroTik, lalu salin folder hotspot sebagai cadangan.

2. Edit File login.html

Download file login.html kemudian edit menggunakan text editor.

<title>Login WiFi Sekolah Digital</title>

<img src="img/logo.png" width="150">
<h2>Selamat Datang di WiFi Sekolah</h2>

3. Mengatur Tampilan dengan CSS

<style>
body {
  background: linear-gradient(135deg,#1e90ff,#00c6ff);
  font-family: Arial, sans-serif;
}
.login-box {
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
}
</style>

4. Menampilkan Informasi Voucher

<p>Masa Aktif: $(uptime)</p>
<p>Sisa Kuota: $(remain-bytes-total)</p>

5. Upload Kembali ke MikroTik

Upload file hasil edit ke folder /hotspot dan pastikan nama file tidak berubah.

6. Uji Coba Login

Hubungkan perangkat ke WiFi Hotspot dan akses sembarang website untuk memastikan tampilan login baru sudah aktif.

---

Kesalahan Umum dan Solusinya

Masalah	Penyebab	Solusi
Tampilan tidak berubah	Cache browser	Clear cache / mode incognito
Gambar tidak muncul	Path salah	Gunakan folder img/
Tidak bisa login	Script terhapus	Restore backup

---

Penutup

Mengganti tampilan login voucher MikroTik di tahun 2025 adalah langkah sederhana namun berdampak besar terhadap profesionalitas jaringan WiFi. Dengan memanfaatkan HTML dan CSS, halaman login dapat disesuaikan dengan identitas sekolah, kantor, maupun usaha Hotspot.

Semoga artikel ini bermanfaat dan membantu Anda dalam mengelola Hotspot MikroTik secara lebih profesional.