Halaman Login Hotspot

by Mikrosetting.comv1.36.2

Atur tampilan lalu unduh hotspot.zip — upload isinya ke folder hotspot lewat menu Files Winbox. Router perlu punya IP Hotspot yang sudah dikonfigurasi (menu Setup Mikrotik Baru).

Nama & sambutan

Nama hotspotKosongkan bila cukup logo saja. Nama/identity router tidak ikut ditampilkan.

Warna nama hotspot

Teks sambutanTampil di bawah nama hotspot.

Warna teks sambutan

Kartu form

Warna form

Lebar form390 px

Lebar maksimal kartu login. Di HP kartunya tetap menyesuaikan lebar layar.

Garis tepi form1 px

Geser ke 0 untuk menghilangkan garis tepi kartu form.

Warna garis

Sudut form (border radius)16 px

0 membuat sudut kartu siku-siku; makin besar makin membulat.

Kepekatan form100%

100% penuh. Turunkan agar kartu form tembus pandang dan latar halaman terlihat di baliknya.

Gambar form

Ideal sekitar 700 × 900 px, JPG, maksimal 300 KB. Tampil di dalam kartu form. Turunkan “Kepekatan form” di bagian ini agar gambarnya terlihat.

Warna teks dan garis dihitung otomatis dari warna latar maupun warna form, jadi halaman tetap terbaca meski Anda memilih warna terang atau gelap.

Logo

Letak logo

Rekomendasi: 400 × 160 px (rasio 5:2), PNG atau SVG berlatar transparan, maksimal 300 KB. Logo persegi: 300 × 300 px.

Background

Warna latar halaman

Gambar latar

Rekomendasi: 1920 × 1080 px (16:9), JPG kualitas 60–75%, maksimal 300 KB. Untuk latar khusus HP tegak: 1080 × 1920 px.

Semua gambar ikut masuk ke paket dan di-upload ke router — tidak boleh diambil dari internet, karena klien belum punya akses sebelum login.

Mode login

Mode saat halaman dibukaMode voucher menyembunyikan kolom password dan mengisinya otomatis dari kode.

Tombol

Warna tombol Voucher

Kecerahan warna tombol Voucher100%

Lebih gelapLebih terang

Warna tombol Login

Warna font tombol

Petunjuk & placeholder

Petunjuk mode VoucherKalimat di atas kolom login saat mode Voucher.Petunjuk mode MemberKalimat di atas kolom login saat mode Member.

Warna petunjuk

Placeholder kode voucherTulisan abu-abu di dalam kolom saat mode Voucher.Placeholder usernameKolom username saat mode Member.Placeholder passwordKolom password saat mode Member.

Teks berjalan

TeksMuncul sebagai teks bergerak (marquee). Kosongkan bila tidak perlu.

Letak

Warna latar bar

Warna font

Warna teks berjalan berdiri sendiri — tidak ikut warna tombol Voucher.

Tabel harga paket

Desain daftar paketBerlaku di desain Minimal. Desain Poster selalu memakai kartu harga.

Warna tabel harga

Warna font tabel

Warna kepala tabel (desain Minimal) atau kartu harga (desain Poster). Tulisannya menyesuaikan otomatis.

Belum ada paket. Tabel tidak akan tampil di halaman login.

Nomor WhatsAppKosongkan bila tidak perlu tombol WhatsApp.Teks WhatsAppTampil sebagai tulisan tebal bergaris bawah di bawah form.

Warna teks WhatsApp

Ukuran tulisan15 px

Catatan & footer

Catatan / syarat pemakaianTeks footer

Letak footer

Warna font

Warna font berlaku untuk seluruh tulisan di halaman login, kecuali nama hotspot dan teks sambutan (diatur di bagian “Nama & sambutan”), teks berjalan, serta tulisan di dalam tombol berwarna.

PratinjauiPhone 13 · 390 × 844

Memuat pratinjau…

Tombol Voucher/Member berfungsi di pratinjau ini. Kolom login tidak mengirim apa pun.