Wireframe · Editor Landing PageJalur AI dan jalur tempel HTML/CSS

Landing page

Semua halaman kampanye beserta status dan sumber pembuatan.

HalamanSumberSlugProduk tertautKunjungan 7 hariStatusAksi
Prediksi OktoberAI/l/prediksi-oktober Tes Prediksi Sekali1.204 · 88 klik · 21 beli Terbit
Halaman kustom NovemberHTML/l/kustom-nov Tes Terjadwal0 Draft
Kampanye IG SeptemberAI/l/ig-sept Paket Latihan5.870 · 410 klik · 63 beli Diarsipkan

Ringkasan performa

Kunjungan
7.310
Klik checkout
498
Pembelian
112

Funnel: view → checkout_started → payment_confirmed.

Aturan siklus halaman

  • Halaman terbit tetap stabil sampai draft baru di-publish.
  • Duplikasi untuk kampanye baru (slug berbeda).
  • Alamat memakai domain platform (custom domain menyusul).

Jalur AI — Prediksi Oktober

Alur: pilih produk → isi brief → generate draft → preview → revisi → publish.

Draft v6 belum terbit
1 · Pilih produk 2 · Brief 3 · Draft 4 · Preview 5 · Revisi 6 · Publish

Brief generasi

Revisi bahasa alami

Draft tersimpan utuh
Generate gagal? Draft terakhir tetap utuh — admin bisa mengedit manual atau mencoba lagi. Tidak ada kehilangan konten.

Konten yang dilarang AI mengarang

  • Testimoni, akreditasi, kemitraan.
  • Jaminan skor atau status sertifikat resmi.
  • Klaim setara TOEFL/ETS.
Konten yang belum diberikan dihilangkan atau ditandai [PERLU DILENGKAPI] sebelum publish.

Riwayat versi

Snapshot tiap revisi, diff perubahan, duplikat, dan arsip — tanpa rollback diam-diam (FR-L03).

Perbandingan versi 5 → versi 6

- <h1>Program Tes Prediksi Terlengkap di Kota Anda</h1>
+ <h1>Persiapan Tes Prediksi Bahasa Inggris</h1>

  <section class="hero">
    <span class="badge">Promo Oktober</span>
-   <p class="price">Rp 149.000</p>   <!-- manual -->
+   <p class="price">{{ product.price_formatted }}</p>
+   <p class="quota">Kuota tersisa: {{ session.seats_left }}</p>
  </section>

- <div style="background:#c0392b">...</div>
+ <div style="background:#16233a">...</div>

Revisi AI menyimpan snapshot sebelum diterapkan — tidak ada perubahan yang tidak dapat ditelusuri.

Perubahan halaman terbit: edit menghasilkan draft baru; pengunjung tetap melihat versi terbit sampai admin menekan Publish.

Jalur tempel HTML/CSS

Editor kode, sanitasi, validasi produk, preview terisolasi, publish.

Draft
index.html — /l/kustom-nov
<section class="hero">
  <h1>{{ product.name }}</h1>
  <p class="price">{{ product.price_formatted }}</p>
  <p>Sesi: {{ session.start_at }} · sisa {{ session.seats_left }} kursi</p>
  <a data-action="checkout" data-product="tes-terjadwal-okt">Beli Paket</a>
</section>

<section class="faq">
  <component name="faq" items="{{ page.faq }}"></component>
</section>

<script>alert('xss')</script>        <!-- akan dibuang oleh sanitasi -->
<img src=x onerror="steal()">      <!-- atribut eksekusi dibuang -->

Batas format didukung ditampilkan di panel: HTML/CSS, komponen sistem (FAQ, tombol checkout, form), tanpa JavaScript arbitrer.

Drag-and-drop visual

Editor visual untuk HTML arbitrer bukan cakupan MVP. Jalur edit awal: editor kode dan instruksi AI. Komponen sistem (FAQ, tombol checkout) disisipkan lewat penanda.

Pengaturan & statistik halaman

Identitas halaman, produk, duplikasi, dan performa.

Identitas halaman

Unik; perubahan slug membuat redirect lama.

Kampanye: 1–14 Nov 2026 · ditutup otomatis.

Produk tertaut

ProdukHargaStatusAksi
Tes Prediksi SekaliRp 150.000Aktif

Produk nonaktif/kuota habis tetap dirender dengan status yang benar dan CTA dinonaktifkan.

Statistik

view
1.204
checkout_started
88
payment_confirmed
21

Periode 7 hari · sumber: kampanye /l/prediksi-oktober.

Aksi halaman