[Admin PPKPT] Cara Mengatur Tampilan Landing Page melalui Pengaturan Web
Fitur Pengaturan Web digunakan Admin PPKPT untuk menyesuaikan halaman utama Jaga Kampus yang dilihat pelapor: tema warna, logo, gambar, kontak pendampingan, media sosial, dan teks. Kolom kosong otomatis memakai nilai bawaan.
1. Peran Admin PPKPT
- Mengatur tema, logo, favicon, dan gambar
- Mengatur kontak, jam layanan, alamat sekretariat, dan media sosial
- Mengatur teks landing page dan footer
2. Panduan Admin PPKPT
A. Tampilan
- Buka menu Pengaturan Web, kemudian pilih Tema warna utama: Biru (bawaan), Teal, Hijau, Ungu, atau Merah Marun.
- Unggah Logo, Favicon, dan Gambar ilustrasi hero apabila diperlukan.

Keterangan :
|
Berkas |
Format |
Ukuran Maks. |
|---|---|---|
|
Logo |
PNG, JPG, WebP (disarankan persegi, latar transparan) |
1 MB |
|
Favicon |
PNG, ICO (persegi, misalnya 64 × 64 px) |
256 KB |
|
Gambar ilustrasi hero |
PNG, JPG, WebP |
2 MB |
💡 Centang Hapus logo unggahan (pakai bawaan), Hapus favicon unggahan (pakai bawaan), atau Hapus gambar unggahan (pakai bawaan) untuk kembali memakai berkas bawaan.
B. Kontak & Pendampingan
- Isi Nomor hotline pendamping.
- Isi Nomor WhatsApp pendamping (kosong = sama dengan hotline).
- Isi Email Satgas.
- Isi Jam layanan, misalnya Senin-Jumat, 08.00-16.00 WIB.
- Isi Alamat sekretariat.
- Isi tautan Media sosial (Instagram, Facebook, X (Twitter), YouTube, TikTok) apabila ada.

💡 Media sosial yang kosong tidak ditampilkan di landing page.
⚠️ Pastikan nomor hotline dan WhatsApp aktif karena digunakan pelapor untuk menghubungi Satgas.
C. Teks Landing Page
- Isi Judul hero apabila ingin mengganti teks bawaan.
- Isi Lanjutan judul (berwarna), yaitu bagian judul yang tampil dengan warna tema.
- Isi Sub-judul hero.
- Isi Teks tombol ajakan melapor.
- Isi Deskripsi singkat di footer.
- Pilih tombol Simpan Pengaturan.

💡 Teks bawaan tampil sebagai petunjuk di dalam kolom. Pilih Kembalikan ke bawaan pada tiap bagian untuk mengembalikan isian ke nilai awal.
D. Hasil di Landing Page
Setelah Simpan Pengaturan, perubahan langsung tampil di landing page. Contoh di bawah setelah Judul hero diganti.

Kontak, jam layanan, alamat, dan media sosial tampil di bagian bawah landing page.

Pusat Bantuan