Visitor Guide

Complete guide for website visitors using Qiwako CMS

🟢 Public Getting Started visitor guide user-guide

Qiwako CMS - Visitor Guide

Update Penting (Nov 2025):
- Semua website tenant kini memiliki branding, layout, dan navigasi yang lebih konsisten & modern.
- Info tenant & versi Qiwako tampil di footer setiap halaman.

Panduan lengkap untuk pengunjung website yang dibuat dengan Qiwako CMS.

Apa itu Qiwako CMS?

Qiwako adalah platform CMS (Content Management System) multi-tenant yang memungkinkan organisasi, yayasan, pondok pesantren, dan institusi lainnya membuat website sendiri dengan mudah. Setiap tenant (organisasi) memiliki website independen dengan domain sendiri atau menggunakan path-based URL.

Fitur Utama untuk Visitor

✅ Responsive Design: Website yang optimal di desktop, tablet, dan mobile
✅ Progressive Web App (PWA): Install website sebagai aplikasi native
✅ Offline Support: Akses konten bahkan saat offline
✅ Fast Loading: Optimasi gambar dan lazy loading untuk performa terbaik
✅ Search Functionality: Pencarian konten yang mudah
✅ Donation System: Sistem donasi terintegrasi (jika diaktifkan)
✅ Contact Forms: Form kontak untuk menghubungi organisasi

Menjelajahi Website

1. Homepage

Homepage adalah halaman utama website yang menampilkan:
- Hero Section: Gambar atau video utama dengan judul dan deskripsi
- About Us: Informasi tentang organisasi
- Services/Programs: Program atau layanan yang ditawarkan
- Latest Posts: Artikel atau berita terbaru
- Contact Information: Informasi kontak organisasi

2. Halaman (Pages)

Halaman statis yang berisi informasi penting:
- About Us: Tentang organisasi
- Contact: Informasi kontak
- Programs: Program atau layanan
- Gallery: Galeri foto atau video
- FAQ: Pertanyaan yang sering diajukan

Cara Mengakses:
- Klik menu navigasi di header
- Atau langsung akses URL: https://wyour-domain.com/nama-halaman/

3. Blog Posts

Artikel, berita, atau pengumuman yang dipublikasikan:

Fitur:
- Categories: Filter berdasarkan kategori
- Tags: Filter berdasarkan tag
- Search: Pencarian artikel
- Related Posts: Artikel terkait
- View Counter: Jumlah pembaca

Cara Mengakses:
- Klik menu "Blog" atau "Berita" di navigasi
- Atau langsung akses: https://wyour-domain.com/posts/

Filter & Search:
- Gunakan sidebar untuk filter berdasarkan kategori atau tag
- Gunakan search box untuk mencari artikel tertentu
- Klik pada kategori/tag untuk melihat semua artikel terkait

4. Media Gallery

Galeri foto dan video organisasi:

Fitur:
- Image Gallery: Galeri foto dengan lightbox
- Video Gallery: Galeri video (YouTube, Vimeo)
- Lazy Loading: Gambar dimuat saat diperlukan untuk performa lebih baik

Progressive Web App (PWA)

Qiwako CMS mendukung Progressive Web App (PWA), yang memungkinkan Anda menginstall website sebagai aplikasi native di perangkat Anda.

Keuntungan PWA

✅ Install sebagai App: Install website sebagai aplikasi di home screen
✅ Offline Access: Akses konten bahkan saat offline
✅ Fast Loading: Loading cepat dengan caching
✅ Native Experience: Pengalaman seperti aplikasi native
✅ Push Notifications: Terima notifikasi penting (jika diaktifkan)

Cara Install PWA

Desktop (Chrome/Edge)

Buka website di browser Chrome atau Edge
Klik ikon "+" atau "Install" di address bar
Atau klik menu browser → "Install [Website Name]"
Klik "Install" untuk konfirmasi
Website akan terinstall sebagai aplikasi

Mobile (Android)

Buka website di browser Chrome
Klik menu (3 titik) → "Add to Home screen" atau "Install app"
Klik "Add" atau "Install"
Icon akan muncul di home screen

Mobile (iOS Safari)

Buka website di Safari
Klik tombol Share (kotak dengan panah)
Scroll ke bawah dan pilih "Add to Home Screen"
Klik "Add"
Icon akan muncul di home screen

Offline Support

Setelah website diinstall sebagai PWA:
- Cached Content: Konten yang sudah dikunjungi akan tersimpan
- Offline Page: Halaman khusus saat offline
- Auto-Sync: Data akan tersinkronisasi saat online kembali

Fitur Donasi

Jika organisasi mengaktifkan fitur donasi, Anda dapat:

1. Melihat Campaign Donasi

Campaign List: Daftar campaign donasi aktif
Campaign Detail: Detail campaign dengan progress bar
Target Amount: Target donasi yang ingin dicapai
Current Amount: Jumlah donasi yang sudah terkumpul
Deadline: Batas waktu campaign

2. Melakukan Donasi

Langkah-langkah:

Pilih Campaign: Klik campaign yang ingin didukung
Isi Form Donasi:
Nama (wajib)
Email (wajib)
Nominal donasi (wajib, minimal sesuai ketentuan)
Pesan untuk organisasi (opsional)
Metode pembayaran (Bank Transfer, E-Wallet, QRIS)
Upload Bukti Transfer (jika transfer manual):
Upload screenshot bukti transfer
Format: JPG, PNG (max 5MB)
Submit: Klik tombol "Donasi Sekarang"
Konfirmasi: Tunggu konfirmasi dari admin organisasi

Metode Pembayaran:
- Bank Transfer: Transfer ke rekening bank organisasi
- E-Wallet: Transfer via GoPay, OVO, DANA, dll
- QRIS: Scan QR Code untuk pembayaran

Catatan:
- Donasi akan berstatus "Pending" sampai dikonfirmasi admin
- Anda akan menerima email konfirmasi setelah donasi dikonfirmasi
- Donasi yang sudah dikonfirmasi akan muncul di campaign progress

3. Melihat Laporan Akuntabilitas

Organisasi dapat mempublikasikan laporan akuntabilitas:
- Income Summary: Ringkasan pendapatan
- Expense Summary: Ringkasan pengeluaran
- Balance: Saldo akhir
- Period: Periode laporan (bulanan/tahunan)

Cara Mengakses:
- Klik menu "Laporan" atau "Akuntabilitas"
- Atau akses: https://wyour-domain.com/accountability/

Form Kontak

Gunakan form kontak untuk menghubungi organisasi:

Cara Menggunakan Form Kontak

Akses Form:
Klik menu "Kontak" di navigasi
Atau akses: https://wyour-domain.com/contact/
Isi Form:
Nama (wajib)
Email (wajib)
Subject (wajib)
Pesan (wajib)
Institution (opsional, jika ada)
Submit: Klik tombol "Kirim Pesan"
Konfirmasi: Anda akan melihat pesan sukses setelah submit

Catatan:
- Form memiliki spam protection
- Pesan akan diteruskan ke admin organisasi
- Admin akan membalas via email yang Anda berikan

Membuat Akun

Jika organisasi mengizinkan registrasi publik, Anda dapat membuat akun untuk:

Keuntungan Memiliki Akun

✅ Personalized Experience: Pengalaman yang dipersonalisasi
✅ Save Preferences: Simpan preferensi (theme, language, dll)
✅ Access Member Content: Akses konten khusus member (jika ada)
✅ Donation History: Lihat riwayat donasi Anda
✅ Notifications: Terima notifikasi penting

Cara Registrasi

Akses Halaman Registrasi:
Klik menu "Register" atau "Daftar"
Atau akses: https://wyour-domain.com/register/
Isi Form Registrasi:
Username (wajib, unik)
Email (wajib, unik)
Password (wajib, min 8 karakter, huruf + angka)
Confirm Password (wajib)
Agree to Terms (wajib, centang checkbox)
Submit: Klik tombol "Register" atau "Daftar"
Verifikasi Email (jika diperlukan):
Cek email untuk link verifikasi
Klik link untuk verifikasi akun
Login: Setelah verifikasi, login dengan username dan password

Akses Halaman Login:
Klik menu "Login" atau "Masuk"
Atau akses: https://wyour-domain.com/login/
Masukkan Kredensial:
Username atau Email
Password
Login: Klik tombol "Login" atau "Masuk"
Dashboard: Setelah login, Anda akan diarahkan ke dashboard (jika memiliki akses)

Mobile Experience

Qiwako CMS dioptimalkan untuk mobile dengan:

Responsive Design

Mobile-First: Website dirancang untuk mobile terlebih dahulu
Touch-Friendly: Tombol dan link mudah disentuh
Fast Loading: Optimasi untuk koneksi mobile
Lazy Loading: Gambar dimuat saat diperlukan

Bottom Navigation: Menu navigasi di bagian bawah (mobile)
Hamburger Menu: Menu hamburger untuk akses cepat
Swipe Gestures: Gesture swipe untuk navigasi
Mobile Menu: Menu khusus untuk mobile dengan user preferences

Mobile Features

PWA Support: Install sebagai aplikasi
Offline Access: Akses konten offline
Push Notifications: Notifikasi push (jika diaktifkan)
Biometric Login: Login dengan fingerprint/Face ID (jika diaktifkan)

Tips & Best Practices

1. Install sebagai PWA

Install website sebagai PWA untuk pengalaman terbaik
Akses cepat dari home screen
Offline access untuk konten yang sudah dikunjungi

2. Gunakan Search

Gunakan fitur search untuk menemukan konten dengan cepat
Filter berdasarkan kategori atau tag untuk hasil lebih spesifik

Aktifkan push notifications untuk update penting
Terima notifikasi tentang artikel baru, campaign donasi, dll

4. Bookmark Halaman Penting

Bookmark halaman yang sering dikunjungi
Akses cepat dari bookmark browser

5. Gunakan Mobile App

Install sebagai PWA untuk pengalaman seperti aplikasi native
Notifikasi dan offline access tersedia

FAQ

Q: Bagaimana cara menginstall website sebagai aplikasi?

A:
1. Buka website di browser Chrome/Edge (desktop) atau Chrome/Safari (mobile)
2. Klik ikon install di address bar atau menu browser
3. Klik "Install" untuk konfirmasi
4. Website akan terinstall sebagai aplikasi

Q: Apakah website bisa diakses offline?

A:
Ya, setelah diinstall sebagai PWA, konten yang sudah dikunjungi akan tersimpan dan bisa diakses offline. Website juga memiliki halaman khusus saat offline.

Q: Bagaimana cara melakukan donasi?

A:
1. Klik menu "Donasi" atau akses halaman campaign donasi
2. Pilih campaign yang ingin didukung
3. Isi form donasi dengan lengkap
4. Upload bukti transfer (jika transfer manual)
5. Submit dan tunggu konfirmasi dari admin

Q: Bagaimana cara menghubungi organisasi?

A:
1. Klik menu "Kontak" atau akses halaman kontak
2. Isi form kontak dengan lengkap
3. Submit pesan
4. Admin akan membalas via email yang Anda berikan

Q: Apakah saya perlu membuat akun?

A:
Tidak wajib. Anda bisa menjelajahi website tanpa akun. Namun, membuat akun memberikan akses ke fitur tambahan seperti preferensi personal, riwayat donasi, dan notifikasi.

Q: Bagaimana cara mencari artikel tertentu?

A:
1. Gunakan search box di halaman blog/posts
2. Atau filter berdasarkan kategori atau tag di sidebar
3. Klik pada kategori/tag untuk melihat semua artikel terkait

Q: Apakah website aman?

A:
Ya, Qiwako CMS menggunakan:
- HTTPS untuk enkripsi data
- CSRF protection untuk keamanan form
- Spam protection untuk form kontak
- Secure authentication untuk login

Q: Bagaimana cara menonaktifkan push notifications?

A:
1. Buka mobile menu (klik icon user)
2. Scroll ke bagian "Push Notifications"
3. Toggle switch ke OFF
4. Atau nonaktifkan via browser settings

Q: Apakah website mendukung dark mode?

A:
Ya, jika Anda login dan memiliki akun, Anda bisa mengatur theme preference (Light, Dark, atau Auto) di user preferences.

Q: Bagaimana cara melihat laporan akuntabilitas donasi?

A:
1. Klik menu "Laporan" atau "Akuntabilitas"
2. Atau akses: https://wyour-domain.com/accountability/
3. Pilih periode laporan yang ingin dilihat

Features Documentation - Comprehensive feature documentation
PWA Guide - Progressive Web App implementation details
Mobile Guide - Mobile optimization and templates

Last Updated: 2025-01-15

Maintained by: Qiwako Development Team