Demo Pop-up Announcement

November 25, 2025 demo_admin

Demo Pop-up Announcement

Halaman ini mendemonstrasikan sistem Pop-up Announcement yang tersedia di Qiwako CMS. Pop-up announcement dapat digunakan untuk menampilkan pengumuman penting kepada pengunjung website dengan berbagai template dan styling.

Informasi

Pop-up announcement biasanya muncul otomatis 1 detik setelah halaman dimuat. Namun, di halaman ini Anda dapat melihat demo pop-up dengan menekan tombol "Show Pop-up" di bawah ini.

Fitur Pop-up Announcement

Sistem Pop-up Announcement memiliki berbagai fitur:

  • Tenant-Specific Settings: Setiap tenant dapat membuat pop-up sendiri
  • Platform-wide Sharing: Superuser dapat membuat pop-up untuk semua tenant
  • Scheduling & Durasi: Set tanggal mulai dan akhir, atau gunakan durasi otomatis
  • Auto Delete: Pop-up otomatis dihapus setelah tanggal akhir habis
  • Show Once: Pop-up ditampilkan hanya sekali per user (tracking via cookie)
  • Template Styles: Berbagai template untuk hari besar nasional, penerimaan murid baru, umum islam, dll
  • Format Fleksibel: Image only, text only, atau mixed (image + text)
  • Target Audience: Semua pengunjung atau hanya user yang login

Demo Pop-up Announcement

Klik tombol di bawah ini untuk melihat demo pop-up announcement:

Test Pop-up Announcement

Klik tombol di bawah untuk melihat pop-up announcement yang aktif saat ini

Note: Pop-up akan muncul jika ada pop-up aktif di sistem untuk tenant ini.

Template Pop-up yang Tersedia

Hari Besar Nasional

Template khusus untuk hari besar nasional (Idul Fitri, Natal, Tahun Baru, dll)

Penerimaan Murid Baru

Template khusus untuk penerimaan murid baru atau pendaftaran

Hari Besar Umat Islam

Template khusus untuk hari besar umat Islam (Idul Fitri, Idul Adha, Maulid Nabi, dll)

Libur Nasional

Template khusus untuk libur nasional atau hari libur

Event Khusus

Template khusus untuk event khusus atau acara spesial

Custom

Template custom dengan desain bebas dan CSS kustom

Cara Menggunakan Pop-up Announcement

1. Membuat Pop-up (Tenant Admin)

  1. Login ke dashboard sebagai Tenant Admin
  2. Buka Dashboard → Admin → Pop-ups
  3. Klik "Create Pop-up" atau "+ Create Pop-up"
  4. Isi informasi pop-up:
    • Title: Judul pop-up (untuk admin/internal)
    • Template: Pilih template (custom, hari_besar_nasional, penerimaan_murid_baru, umum_islam, dll)
    • Type: Pilih tipe (image_only, text_only, mixed)
    • Content: Isi content pop-up (HTML/TinyMCE)
    • Image: Upload gambar atau gunakan Image URL
    • Button Text: Text tombol tutup (default: "Tutup")
    • Button Link: Link untuk tombol (opsional)
  5. Set Scheduling:
    • Start Date: Tanggal dan waktu mulai
    • End Date: Tanggal dan waktu akhir (opsional)
    • Duration Days: Durasi dalam hari (default: 7 hari)
  6. Set Settings:
    • Is Active: Aktif/nonaktif pop-up
    • Show Once: Tampilkan hanya sekali per user
    • Auto Delete: Auto delete setelah end_date habis
    • Target Audience: Semua pengunjung atau hanya user yang login
  7. Klik Save

2. Pop-up Otomatis Muncul

Pop-up akan otomatis muncul 1 detik setelah halaman dimuat jika:

  • Pop-up is_active = True
  • Start date sudah lewat
  • End date belum lewat (jika di-set)
  • User belum pernah melihat pop-up (jika show_once = True)
  • Target audience sesuai (all_visitors atau logged_users_only)

3. Demo Pop-up di Halaman Ini

Di halaman khusus ini, Anda dapat melihat demo pop-up dengan menekan tombol "Show Pop-up" di atas. Tombol ini akan memanggil pop-up yang aktif saat ini untuk tenant ini.

Best Practices

Tips Menggunakan Pop-up Announcement

  • Scheduling: Set start_date sesuai waktu yang diinginkan. Gunakan duration_days jika end_date tidak penting.
  • Show Once: Aktifkan untuk pop-up yang tidak perlu muncul berulang kali. Nonaktifkan untuk pop-up penting yang perlu dilihat setiap kali.
  • Target Audience: Gunakan "All Visitors" untuk pengumuman umum. Gunakan "Logged Users Only" untuk pengumuman khusus member.
  • Content: Gunakan TinyMCE untuk formatting yang menarik. Upload gambar via media library untuk performa yang lebih baik.
  • Template: Pilih template yang sesuai dengan konteks pop-up. Template akan memberikan styling otomatis yang menarik.
  • Custom CSS: Tambahkan custom CSS jika perlu styling khusus. Pastikan tidak conflict dengan template default.
  • Button Link: Gunakan button_link jika pop-up perlu mengarahkan user ke halaman tertentu (contoh: form pendaftaran).

Use Cases

1. Hari Besar Nasional

Template: hari_besar_nasional
Type: mixed
Duration: 3-7 hari
Show Once: True

2. Penerimaan Murid Baru

Template: penerimaan_murid_baru
Type: mixed
Duration: 30-60 hari
Show Once: False (penting untuk dilihat berulang kali)
Button Link: Link ke form pendaftaran

3. Hari Besar Umat Islam

Template: umum_islam
Type: text_only atau mixed
Duration: 1-3 hari
Show Once: True

4. Libur Nasional

Template: libur_nasional
Type: text_only
Duration: 1-2 hari
Show Once: False

Catatan Penting

Pastikan pop-up announcement sudah dibuat di Dashboard → Admin → Pop-ups sebelum tombol "Show Pop-up" dapat berfungsi. Jika tidak ada pop-up aktif, tombol tidak akan menampilkan apa-apa.

Halaman demo ini dibuat untuk menunjukkan fitur Pop-up Announcement yang tersedia di Qiwako CMS. Untuk informasi lebih lanjut, lihat dokumentasi lengkap di dashboard admin atau hubungi support.

Back to Pages