Kembali ke Menu Utama

Panduan Popup

Atur popup informasi saat halaman dibuka

Langkah Pengaturan

1

Buka File

Buka file config/data/popup.js

2

Pilih Mode

Aktifkan gambar, teks, atau keduanya

3

Atur Konten

Upload gambar atau ubah teks popup

File Konfigurasi

config/data/popup.js
popup.js
window.popupConfig = {

    // ============================================
    // PENGATURAN UTAMA
    // ============================================

    // Aktifkan popup
    // 1 = popup muncul saat halaman dibuka
    // 0 = popup tidak muncul
    enabled: 1,

    // ============================================
    // PENGATURAN GAMBAR
    // ============================================

    image: {
        // Tampilkan gambar di popup
        enabled: 1,

        // Lokasi file gambar
        path: "./public/popup/1.png",

        // Lebar gambar
        width: "500px"
    },

    // ============================================
    // PENGATURAN TEKS
    // ============================================

    text: {
        // Tampilkan teks judul dan deskripsi
        enabled: 1,

        data: {
            title: "Selamat Datang",
            description: "Silahkan login untuk melanjutkan"
        }
    },

    // ============================================
    // PENGATURAN TOMBOL
    // ============================================

    button: {
        // Teks tombol tutup popup
        title: "Login"
    }
};

Penjelasan Detail

01

enabled

Mengaktifkan popup yang muncul saat halaman dibuka. Wajib aktif agar fitur autoplay audio berfungsi.

02

image

Pengaturan gambar popup:

  • enabled: Tampilkan gambar
  • path: Lokasi file
  • width: Lebar gambar
03

text

Pengaturan teks popup:

  • enabled: Tampilkan teks
  • title: Judul popup
  • description: Isi pesan
04

button

Teks pada tombol yang menutup popup. User harus mengklik tombol ini untuk menutup popup.

Mode Tampilan Popup

Gambar Saja

image.enabled = 1
text.enabled = 0

Teks Saja

image.enabled = 0
text.enabled = 1

Gambar + Teks

image.enabled = 1
text.enabled = 1

Tips Penting

Popup sangat penting untuk fitur autoplay audio. Browser modern memerlukan interaksi user sebelum memutar audio. Dengan popup, user mengklik tombol (interaksi) sehingga audio bisa autoplay setelahnya.

Erik Sanjaya - Login Page Hotspot Mikrotik

https://eriksanjaya.com