# Tutorial anding Page: Halaman Promosi

***

## Tutorial Landing Page PSB (Admin)

Landing Page PSB membantu lembaga menampilkan informasi promosi (profil, keunggulan, jadwal, dokumentasi, hingga brosur unduhan) agar calon santri/wali bisa mempelajari lembaga tanpa harus chat ke hotline. Semua bisa disiapkan sekali, dibagikan berkali‑kali.

> **Akses:** Hanya **Admin**.\
> **Tujuan:** Membuat halaman promosi lembaga yang rapi, mudah dibaca, dan siap dibagikan.

***

### Ringkasan Fitur

* **Hero**: gambar utama + sapaan singkat.
* **Selamat Datang**: sambutan dan pengantar.
* **Alasan Memilih Lembaga**: poin keunggulan.
* **Dokumentasi Kegiatan**: hingga **8** foto.
* **Jadwal Rutin Harian**: tabel/daftar ringkas.
* **Unduh Brosur**: tautan Google Drive publik.
* **Ajakan Daftar (CTA)**: tombol menuju formulir PSB/panduan kontak.
* dll

> **Catatan:** Jika sudah ada Landing Page untuk **tahun ajaran terkini**, disarankan **edit** yang lama alih‑alih membuat baru.

***

### Akses Menu

1. Buka aplikasi Shafwah via **laptop/PC**.
2. **Login** sebagai **Admin**.
3. Masuk **Dashboard App** → **Dashboard PSB**.
4. Buka menu **Landing Page** (tab **Buat**, **Edit**, **Hapus** tersedia).

#### Tabel Akses & Peran

| Peran             | Dapat Mengakses | Keterangan                                |
| ----------------- | --------------- | ----------------------------------------- |
| Admin             | Ya              | Penuh: buat, edit, hapus.                 |
| Wali Santri/Calon | Tidak           | Hanya melihat jika URL dibagikan publik.  |
| Ustadz/Guru       | Tidak           | Kecuali diberi akses Admin oleh pengasuh. |

***

### Persiapan Konten (Disarankan)

Sebelum menekan **Simpan & Terbitkan**, siapkan:

| Komponen                  | Rekomendasi         | Keterangan                                        |
| ------------------------- | ------------------- | ------------------------------------------------- |
| Copywriting               | 150–300 kata        | Sambutan awal, keunggulan, CTA pendaftaran.       |
| Gambar **Hero**           | 1 file              | Rasio lebar; kualitas baik, ≤ 500KB.              |
| Gambar **Selamat Datang** | 1 file              | Foto lingkungan/aktivitas.                        |
| **Dokumentasi**           | ≤ 8 foto            | Pilih momen beragam, terang, dan jelas.           |
| **Jadwal Harian**         | Teks/tabel          | Mis. shalat berjamaah, halaqoh, kegiatan sore.    |
| **Brosur**                | 1 link Google Drive | Set ke **Publik – Siapa pun yang memiliki link**. |

> **Tips copywriting cepat**: Gunakan format **Masalah → Solusi → Bukti → Ajak Daftar**.

***

{% hint style="info" %}
TIPS SEBELUM BUAT / EDIT : Buka halaman contoh di 1 tab dan buka halaman dashboard buat / bikin di tab lain, jadi bisa langsung cek dan tulis/edit
{% endhint %}

<div><figure><img src="https://852253255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3aDQcZEU0MZ1jLK1OnE%2Fuploads%2FoQiEVnRgeMiMlOIHXIvn%2FCuplikan%20layar%202025-11-01%20081459.png?alt=media&#x26;token=36276591-fb60-4cfe-bc18-ef39e3826390" alt=""><figcaption></figcaption></figure> <figure><img src="https://852253255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3aDQcZEU0MZ1jLK1OnE%2Fuploads%2FbZW8sB13bGcaLRsw9FGJ%2FCuplikan%20layar%202025-11-01%20081354.png?alt=media&#x26;token=ebfe992b-82b8-4c09-9f28-427e2349ca28" alt=""><figcaption></figcaption></figure></div>

### Membuat Landing Page Baru

1. Lihat **contoh** Landing Page PSB yang sudah tersedia (sebagai referensi struktur dan gaya).
2. Siapkan copywriting (sambutan, alasan memilih lembaga, CTA).
3. Siapkan **gambar**: 1 Hero, 1 Selamat Datang, hingga 8 Dokumentasi.
4. Siapkan ringkasan **jadwal kegiatan rutin harian**.
5. Unggah **brosur** ke Google Drive → ambil link **berbagi publik**.
6. Buka tab **Buat** → **isi seluruh field** sesuai contoh.
7. Klik **Simpan & Terbitkan**.
8. **Preview** hasil Landing Page.
9. **Salin URL** Landing Page → siap dibagikan ke calon santri/wali.

***

### Mengedit Landing Page

1. Pastikan semua materi terbaru sudah siap (teks, foto, jadwal, dan link brosur).
2. Buka tab **Edit** → pilih Landing Page yang ingin diubah.
3. Perbarui field yang perlu disesuaikan.
4. Klik **Simpan Perubahan** dan lakukan **Preview**.

> **Saran workflow:** Daripada membuat banyak halaman baru, **update** halaman tahun berjalan agar tautan promosi tetap satu dan tidak membingungkan audiens.

***

### Menghapus Landing Page

1. Buka tab **Hapus**.
2. Cari halaman yang ingin dihapus.
3. Klik **Hapus** dan konfirmasi.

> **Peringatan:** Menghapus akan menghilangkan akses publik pada URL tersebut. Pastikan URL tidak lagi dipakai pada brosur/WA/website.

***

### Contoh Struktur Konten (Template Cepat)

* **Judul/Sapaan**: “Selamat datang di PSB \[Nama Lembaga] TA 20XX/20XX”.
* **Hero**: satu kalimat nilai utama (mis. “Fokus Tahfidz & Akhlak Mulia dengan Pembinaan Terstruktur”).
* **Tentang**: 3–5 kalimat pengantar lembaga.
* **Mengapa Memilih Kami** (bullet):
  * Kurikulum Tahfidz bertahap & terukur.
  * Pembinaan adab, bahasa Arab, dan diniyah.
  * Asrama nyaman, lingkungan kondusif.
  * Pembayaran SPP & administrasi via aplikasi.
* **Jadwal Rutin Harian** (ringkas/bullet atau tabel).
* **Dokumentasi Kegiatan** (galeri hingga 8 foto).
* **Unduh Brosur** (tautan Google Drive publik).
* **CTA**: Tombol **DAFTAR SEKARANG** atau **Hubungi Admin PSB**.
* dll dst

***

### FAQ (Singkat)

**1) Kenapa gambar tidak muncul?**\
Pastikan ukuran file ≤ 500KB dan format umum (JPG/PNG), jika file lebih dari 500kb, kompress di imagecompressor.com terlebih dahulu. Jika dari Google Drive, gunakan **tautan berbagi publik**.

<figure><img src="https://852253255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3aDQcZEU0MZ1jLK1OnE%2Fuploads%2FqazqFrlhO9Q5X7pLZPmA%2FCuplikan%20layar%202025-11-01%20081615.png?alt=media&#x26;token=23ac3515-bf72-4fff-b55d-8fdf116ac440" alt=""><figcaption></figcaption></figure>

**2) Brosur tidak bisa diunduh?**\
Ubah setelan link di Google Drive: **Siapa pun yang memiliki link** → **Penampil**.

**3) Apakah saya boleh membuat lebih dari satu Landing Page?**\
Boleh, namun untuk **tahun ajaran terkini** disarankan **satu halaman saja** agar URL promosi konsisten.

***

### Troubleshooting Cepat

* **Field tidak tersimpan** → periksa koneksi internet, lalu ulangi klik **Simpan**. Jika tetap gagal, **logout‑login** kemudian coba lagi.
* **Foto tampak pecah** → unggah ulang versi resolusi cukup (mis. lebar 1280px), kompres di imagecompressor.com.
* **Link brosur error** → pastikan bukan link *private*; uji di tab samaran (Incognito).

***

### Perubahan Terakhir

* **v1.0.0 (2025‑11‑01**