Pengaturan Website & Halaman Isolir
Menu pengaturan Website digunakan untuk mengelola modul-modul yang tampil pada halaman depan (portal publik tamu), kustomisasi teks sambutan, fitur sesi login, serta pengelolaan Template Halaman Isolir Pelanggan.
Menu ini dapat diakses oleh Admin melalui menu navigasi Setting → Tab Website.
1. Modul dan Tampilan Halaman Depan
| Opsi Pengaturan | Tipe Input | Penjelasan & Fungsi |
|---|---|---|
| Judul Banner Depan (Hero Title) | Teks | Judul utama yang tampil mencolok pada banner beranda portal publik. |
| Subjudul Banner (Hero Subtitle) | Textarea | Deskripsi ringkas pelengkap judul banner pada portal publik. |
| Teks Login | WYSIWYG / HTML | Teks sambutan atau pengumuman yang muncul pada halaman login portal pelanggan/tiket komplain. |
| Tampilkan WA di Depan | Saklar (Toggle) | Menampilkan tombol pintas obrolan WhatsApp layanan pelanggan di halaman portal depan. |
| Tampilkan Produk di Depan | Saklar (Toggle) | Menampilkan katalog paket layanan internet di halaman portal publik agar calon pelanggan dapat melihat pilihan paket. |
| Modul Pendaftaran | Saklar (Toggle) | Mengaktifkan modul registrasi mandiri pemasangan baru bagi calon pelanggan (/daftar). |
| Kirim Email Pendaftaran | Saklar (Toggle) | Mengirimkan notifikasi email otomatis ke admin setiap kali ada calon pelanggan baru yang mendaftar. |
| Peta Lokasi Pendaftaran | Saklar (Toggle) | Menampilkan peta interaktif titik koordinat lokasi pemasangan pada formulir registrasi mandiri. |
| Modul Berita | Saklar (Toggle) | Mengaktifkan halaman informasi / artikel berita promo & pemeliharaan jaringan. |
| Login OTP | Saklar (Toggle) | Mengaktifkan keamanan autentikasi kode OTP via WhatsApp saat pengguna masuk ke akun. |
| Single Session Login | Saklar (Toggle) | Membatasi satu sesi login per akun. Jika pengguna masuk dari perangkat lain, sesi di perangkat lama akan dikeluarkan otomatis (kick). |
2. Fitur Halaman Isolir Pelanggan (/isolir)
Ketika pelanggan menunggak atau dinonaktifkan oleh sistem, router MikroTik akan mengarahkan (redirect) lalu lintas web pelanggan ke halaman isolir. BillingKita menyediakan halaman khusus /isolir yang dapat dikustomisasi secara fleksibel melalui editor WYSIWYG.
3. Editor WYSIWYG Template Isolir
Pada bagian bawah Tab Website, terdapat sub-seksi Halaman Isolir Pelanggan yang dilengkapi editor Summernote:
Setting -> Tab Website -> Section: Halaman Isolir Pelanggan
Panduan Penggunaan Editor:
- Alamat URL Halaman Isolir: Di bagian atas editor, sistem menampilkan alamat URL tujuan isolir secara lengkap. Klik tombol Salin URL untuk menyalin tautan yang akan dimasukkan ke konfigurasi firewall / redirect NAT MikroTik Anda.
- Format Teks & Tata Letak: Anda dapat mengubah judul peringatan, warna teks, daftar langkah pembayaran, dan format paragraf secara visual.
- Dukungan Gambar (Base64 & URL Eksternal):
- Anda dapat menyisipkan gambar (logo/banner/ilustrasi) baik melalui tautan web luar (Image by URL) maupun upload berkas dari komputer lokal.
- Batasan Ukuran Gambar: Demi menjaga kecepatan loading dan performa sistem, unggah file gambar lokal dibatasi maksimal 200 KB per file.
- Tombol Pratinjau Halaman: Klik tombol Pratinjau Halaman di bawah editor untuk membuka halaman
/isolirpada tab baru browser dan melihat hasil rendering secara langsung. - Tombol Setel Ulang ke Default: Mengembalikan template isolir ke desain standar bawaan sistem tanpa menghapus data konfigurasi lainnya.
4. Daftar Variabel Template Halaman Isolir
Variabel-variabel berikut dapat diletakkan di dalam template dan akan otomatis digantikan oleh sistem dengan data riil dari konfigurasi usaha:
| Variabel | Data yang Digantikan |
|---|---|
{$site_name} | Nama usaha penyedia jasa internet |
{$short_name} | Nama pendek / singkatan usaha |
{$phone_wa} | Nomor WhatsApp layanan pelanggan (format numerik internasional untuk link WhatsApp) |
{$site_phone} | Nomor telepon resmi kantor |
{$site_email} | Alamat email resmi usaha |
{$site_address} | Alamat fisik kantor operasional |
{$payment_channels} | Rekening bank dan saluran pembayaran resmi |
{$bank_account} | Rincian nomor rekening bank |
{$logoimg} | Tag HTML gambar logo usaha siap pakai |
{$link_cek_tagihan} | Tautan langsung menuju beranda portal mandiri untuk cek tagihan |
{$tahun} | Tahun berjalan saat ini (contoh: 2026) |
5. Langkah-Langkah Menyesuaikan Template Isolir
- Masuk ke menu Setting → buka tab Website.
- Gulir ke bawah hingga bagian Halaman Isolir Pelanggan.
- Di bagian Alamat URL Halaman Isolir, klik tombol Salin URL jika Anda membutuhkan tautan isolir untuk router MikroTik.
- Klik tombol Variabel untuk melihat daftar tag yang tersedia.
- Lakukan penyesuaian teks instruksi pembayaran dan pesan isolir pada editor Summernote.
- Klik tombol Pratinjau Halaman untuk melihat tampilan sementara di tab baru.
- Klik tombol Simpan Pengaturan di bagian bawah halaman untuk menerapkan dan menyimpan perubahan template.