Konvert.id
← Konvert.id

Landing Page Builder

Bangun Landing Page dengan AI (Wizard V3)

Buat landing page siap pakai dalam hitungan menit dengan bantuan AI

Pemula~10 menit

Prasyarat

  • Toko sudah dibuat (lihat tutorial 00-daftar-dan-buat-toko.md)
  • Minimal satu produk sudah dibuat di menu Products
  • Kredit AI tersedia di akun

Hasil akhir: Sebuah landing page siap edit dengan konten yang ditulis AI — headline, deskripsi, testimonial, FAQ, dan CTA — sudah terbuka di builder dan siap dipublish. Butuh: Akun aktif dengan minimal satu produk. Kredit AI harus tersedia (lihat menu Settings → AI Credits atau tutorial Top Up Kredit AI).

Ringkasan

AI Wizard V3 adalah cara tercepat membangun landing page di Konvert. Kamu pilih produk, pilih gaya penulisan (tone), biarkan AI menulis rencana konten, pilih desain template, lalu AI otomatis memasukkan semua konten ke dalam template tersebut. Hasilnya langsung terbuka di builder — kamu tinggal tweak, tambah gambar, dan publish.

Proses ini menggunakan dua kredit AI: satu untuk menulis rencana konten, satu lagi untuk mengisi template. Jika kredit tidak cukup, kamu akan diminta upgrade atau top up.


Langkah-langkah

Langkah 1 — Mulai Wizard AI dari halaman Landing Pages

Dari Dashboard, klik Landing Pages di sidebar. Kamu akan masuk ke /landing-pages.

Klik tombol Create Page di pojok kanan atas. Di halaman berikutnya, pilih opsi Generate by AI (biasanya ada ikon bintang atau label "AI").

Browser akan membuka halaman pertama wizard: /landing-pages/ai-guided-v3/input.

halaman landing pages new dua pilihan mulai dari blank dan buat dengan ai
halaman landing pages new dua pilihan mulai dari blank dan buat dengan ai

Langkah 2 — Pilih produk (Langkah 1 dari 5)

Halaman pertama menampilkan semua produk milik tokomu dalam grid kartu.

Setiap kartu menampilkan nama produk dan badge status:

  • "AI Analyzed" (badge hijau) — produk sudah punya analisis AI dari PDF. Hasil konten akan lebih spesifik dan akurat.
  • "No Analysis" (badge abu-abu) — produk belum dianalisis. AI tetap bisa bikin konten, tapi hasilnya lebih generik.

Klik kartu produk yang ingin dibuatkan landing page-nya.

Tips untuk hasil terbaik: Pilih produk yang sudah punya badge "AI Analyzed". Cara menambahkan analisis AI ke produk ada di tutorial Upload Produk dengan AI.

halaman Step 1 Pilih Produk — grid kartu produk, badge hijau AI Analyzed
halaman Step 1 Pilih Produk — grid kartu produk, badge hijau AI Analyzed

Langkah 3 — Pilih tone penulisan (Langkah 2 dari 5)

Setelah memilih produk, wizard berpindah ke halaman pemilihan tone di /tone.

Ada tiga pilihan gaya penulisan:

Tone Label Contoh Gaya
Agresif Aggressive "STOP buang waktu! Harga NAIK besok!" — nada mendesak, banyak huruf kapital, bahasa provokatif
Profesional Professional "Solusi terpercaya untuk 10.000+ profesional" — formal, berbasis data dan bukti
Friendly Friendly "Yuk, kita wujudkan bareng-bareng!" — percakapan santai, empatik, seperti teman bicara

Pilih tone yang paling sesuai dengan karakter brand dan target audiensmu. Default-nya adalah Profesional.

Klik Lanjut (atau Continue) untuk melanjutkan.

halaman Step 2 "Pilih Tone" menampilkan tiga kartu tone dengan contoh teks di masing-masing kartu, kartu "Profesional" sedang dipilih (border berwarna)
halaman Step 2 "Pilih Tone" menampilkan tiga kartu tone dengan contoh teks di masing-masing kartu, kartu "Profesional" sedang dipilih (border berwarna)

Langkah 4 — Review rencana konten yang dibuat AI (Langkah 3 dari 5)

Ini adalah langkah paling menarik. Begitu halaman /review terbuka, AI langsung mulai menulis rencana konten untuk landing page-mu.

Apa yang kamu lihat:

  • Animasi loading sebentar, lalu teks mulai muncul kata demi kata secara langsung (streaming)
  • Konten ditulis dalam format Markdown: ada Headline, Subheadline, Pain Points, Key Benefits, Testimonial, FAQ, dan CTA
  • Counter karakter bergerak naik seiring teks yang muncul
  • Proses biasanya selesai dalam 15–30 detik

Setelah streaming selesai, kamu punya dua mode tampilan:

  • Edit — tampilkan teks Markdown mentah untuk diedit langsung
  • Preview — tampilkan hasil render Markdown agar lebih mudah dibaca

Bolehkah mengubah rencana konten ini? Ya, sangat dianjurkan! Sesuaikan nama, angka, klaim spesifik, atau nada yang terasa kurang tepat. Perubahan yang kamu buat di sini akan tercermin di landing page akhir.

Klik Lanjut ketika sudah puas dengan rencana konten.

Catatan: Jika kredit AI tidak cukup, halaman ini menampilkan pesan error dan tombol untuk upgrade/top up. Lihat tutorial Top Up Kredit AI.

halaman Step 3 "Content Plan" dengan teks Markdown yang sudah selesai di-generate, mode Edit aktif, teks menampilkan struktur dengan heading-heading seperti "## Headline", "## Pain Points", dll.
halaman Step 3 "Content Plan" dengan teks Markdown yang sudah selesai di-generate, mode Edit aktif, teks menampilkan struktur dengan heading-heading seperti "## Headline", "## Pain Points", dll.
halaman Step 3 dalam mode Preview — teks Markdown ter-render menjadi paragraf terformat, lebih mudah dibaca
halaman Step 3 dalam mode Preview — teks Markdown ter-render menjadi paragraf terformat, lebih mudah dibaca

Langkah 5 — Pilih template desain (Langkah 4 dari 5)

Halaman /template menampilkan galeri template desain yang tersedia.

Setiap kartu template menampilkan preview mini dari desain tersebut — kamu bisa langsung melihat gaya, warna, dan susunan layout-nya.

Ada tombol "Surprise Me!" di bagian atas — klik ini jika kamu tidak yakin pilih template mana dan ingin AI memilihkan secara acak.

Klik template yang cocok dengan produk dan audiensmu. Wizard langsung melanjutkan ke langkah berikutnya.

Tips: Template yang lebih "clean" dan minimalis biasanya cocok untuk produk digital dan kursus. Template dengan banyak section cocok untuk produk dengan banyak fitur yang perlu dijelaskan.

halaman Step 4 "Pilih Template" menampilkan grid template dengan preview mini, tombol "Surprise Me!" terlihat di kiri atas, salah satu template dalam kondisi dipilih (border berwarna)
halaman Step 4 "Pilih Template" menampilkan grid template dengan preview mini, tombol "Surprise Me!" terlihat di kiri atas, salah satu template dalam kondisi dipilih (border berwarna)

Langkah 6 — Generate: AI mengisi template dengan kontenmu (Langkah 5 dari 5)

Setelah memilih template, wizard masuk ke langkah /preview — tahap final di mana AI bekerja.

Kamu akan melihat animasi loading dengan pesan progres yang berganti secara berurutan:

  1. "Membaca template…"
  2. "Menganalisis slot konten…"
  3. "Menyesuaikan copy dengan template…"
  4. "Menyimpan landing page…"

Di balik layar, AI sedang memetakan semua kolom teks di template (headline, subheadline, tombol, item fitur, FAQ, dll.) dan mengisi setiap kolom dengan konten dari rencana konten yang dibuat di Langkah 4.

Proses ini biasanya selesai dalam 20–40 detik. Setelah selesai, browser otomatis membuka builder di /builder/[id-landing-page-baru].

halaman Step 5 "Generate" dengan animasi Lottie dan pesan progres terkini ("Menyesuaikan copy dengan template…") terlihat di tengah layar
halaman Step 5 "Generate" dengan animasi Lottie dan pesan progres terkini ("Menyesuaikan copy dengan template…") terlihat di tengah layar

Langkah 7 — Edit dan sempurnakan di builder

Kamu sekarang berada di visual builder dengan landing page yang sudah terisi konten. Beberapa hal yang umum perlu dilakukan di sini:

Tambahkan gambar produk: V3 tidak bisa menghasilkan gambar — slot gambar dibiarkan kosong atau berisi placeholder. Klik komponen Image di kanvas, lalu isi field Src di panel kanan dengan URL gambar produkmu.

Review dan edit teks: Klik setiap komponen teks di kanvas dan periksa isinya. Koreksi nama, angka harga, atau klaim yang perlu disesuaikan.

Hubungkan Order Form ke produk: Jika template punya komponen Order Form, klik komponen tersebut dan pastikan Product ID sudah terisi dengan produk yang benar di panel kanan.

Atur SEO: Di panel kiri, klik tab Settings → bagian SEO. Isi Meta Title dan Meta Description untuk optimasi mesin pencari.

Untuk panduan lengkap penggunaan builder, lihat tutorial Bangun Landing Page Manual.

builder terbuka dengan landing page hasil AI — konten sudah terisi di komponen-komponen template, panel kiri menampilkan pohon Structure dengan berbagai komponen
builder terbuka dengan landing page hasil AI — konten sudah terisi di komponen-komponen template, panel kiri menampilkan pohon Structure dengan berbagai komponen

Langkah 8 — Simpan dan Publish

  1. Klik Save di toolbar atas (atau Cmd/Ctrl+S) untuk menyimpan perubahan
  2. Tunggu indikator berubah menjadi hijau "Auto-saved"
  3. Klik tombol Publish berwarna oranye
  4. Setelah beberapa detik, muncul notifikasi sukses dengan URL halamanmu
  5. Browser membuka halaman live di tab baru
toolbar builder dengan tombol Publish berwarna oranye, indikator "Auto-saved" hijau terlihat
toolbar builder dengan tombol Publish berwarna oranye, indikator "Auto-saved" hijau terlihat

Hasilnya

Landing page dengan konten buatan AI sudah live! URL-nya bisa langsung dibagikan ke calon pelanggan. Landing page ini sudah punya struktur yang solid — headline, pain points, benefits, social proof, dan CTA — semua dalam gaya penulisan yang konsisten sesuai tone yang kamu pilih.

halaman landing page yang sudah dipublish terbuka di browser, menampilkan konten hasil AI yang sudah ditempel ke template desain
halaman landing page yang sudah dipublish terbuka di browser, menampilkan konten hasil AI yang sudah ditempel ke template desain

Tentang Token / Kredit AI

Setiap kali menjalankan wizard V3, dua operasi AI dikonsumsi:

  1. Generasi rencana konten — dipakai di Langkah 4 (streaming teks)
  2. Pengisian template — dipakai di Langkah 6 (injeksi konten ke template)

Jika kredit tidak cukup di salah satu langkah, wizard menampilkan pesan error dengan tombol untuk upgrade paket atau beli top-up token.

Lihat tutorial Top Up Kredit AI untuk cara menambah kredit.


Troubleshooting

  • "Token AI tidak cukup": Kredit AI di akunmu habis. Pergi ke Settings → AI Credits untuk top up, atau lihat tutorial Top Up Kredit AI.
  • Rencana konten berhenti di tengah: Kemungkinan koneksi terputus. Kembali ke halaman /review — rencana konten yang sudah di-generate biasanya tersimpan dan akan muncul kembali.
  • Tombol Lanjut tidak muncul di halaman pilih produk: Pastikan kamu sudah mengklik (memilih) satu kartu produk terlebih dahulu — kartu yang dipilih biasanya punya border berwarna oranye.
  • Generate gagal dengan pesan error: Klik tombol retry yang muncul. Jika masih gagal, kembali ke langkah sebelumnya (pilih template) dan coba lagi. Jika terus gagal, hubungi support.
  • Gambar tidak muncul di landing page: V3 tidak mengisi gambar secara otomatis. Tambahkan gambar secara manual di builder seperti dijelaskan di Langkah 7.
  • Konten di landing page terasa terlalu generik: Pastikan produkmu sudah punya badge "AI Analyzed" — artinya sudah ada analisis PDF. Lihat tutorial Upload Produk dengan AI untuk cara menganalisis PDF produk.

Selanjutnya

Siap buat landing page pertamamu?

Daftar Konvert gratis dan mulai jualan online hari ini.

Daftar Sekarang