Prompt landing page konversi: struktur hero-hook-CTA yang menghasilkan klik

Landing page UMKM paling sering gagal bukan karena tampilannya jelek, tapi karena prompt yang diberikan ke AI terlalu umum. Hasilnya: halaman jadi "bagus tapi generik" — pengunjung scroll, tidak klik tombol WhatsApp, lalu pergi. Artikel ini membongkar struktur prompt landing page konversi yang menghasilkan halaman dengan CTA jelas, hook kuat, dan copy yang membuat orang terdorong bertindak dalam 5 detik pertama.

Kenapa landing page UMKM jarang konversi

Kesalahan paling umum UMKM ketika minta AI bikin landing page: prompt terlalu singkat ("buatkan landing page untuk toko saya"), tidak menyebut siapa target pembelinya, tidak menentukan satu CTA utama, dan tidak ada bukti sosial. Tanpa arah ini, AI menghasilkan halaman cantik tapi ambigu — copy generic seperti "solusi terbaik untuk Anda" yang tidak menyentuh masalah spesifik pelanggan. Landing page yang konversi selalu menjawab tiga pertanyaan dalam 5 detik: untuk siapa produk ini, masalah apa yang dipecahkan, dan apa yang harus dilakukan pengunjung berikutnya. Prompt yang baik memasukkan ketiganya secara eksplisit.

Struktur hero-hook-CTA yang terbukti menghasilkan klik

Struktur paling terbukti untuk UMKM Indonesia adalah hero-hook-CTA: hero dengan headline + subheadline + tombol utama, section masalah & solusi, tiga benefit, satu bukti sosial, FAQ singkat, lalu CTA akhir. Setiap section harus punya satu tujuan. Hero meyakinkan di 5 detik, masalah-solusi membuat orang merasa "ini gue banget", benefit menjelaskan kenapa produk kamu berbeda, bukti sosial menurunkan keraguan, FAQ menjawab keberatan terakhir, CTA akhir mengambil keputusan. Yang sering dilupakan UMKM: tombol CTA harus spesifik, bukan "Klik di sini" — gunakan "Pesan via WhatsApp", "Daftar Sekarang", atau "Lihat Menu Lengkap". Tiap CTA harus mengarahkan ke satu aksi, bukan link ke halaman lain.

Contoh prompt KARSA yang tinggal salin

Berikut prompt yang bisa langsung dipakai — ganti bagian dalam tanda kurung dengan detail usahamu:

"Buat landing page untuk [nama bisnis], sebuah [jenis usaha] di [kota]. Target: [siapa pelanggan, misal ibu rumah tangga usia 25-40]. Struktur: hero dengan headline benefit utama + subheadline + tombol WhatsApp; section 3 masalah pelanggan dan solusi; section 3 benefit utama dengan ikon; section testimoni 3 pelanggan placeholder; section FAQ 4 pertanyaan; footer dengan alamat dan jam buka. Palet warna [warna1] dan [warna2], font modern, mobile-first, tanpa gambar eksternal."

Prompt ini menghasilkan halaman dengan copy siap edit, bukan placeholder Lorem Ipsum. Setelah preview muncul, minta revisi spesifik: "Ubah headline hero jadi fokus ke benefit hemat waktu, bukan harga murah". Iterasi 2–3 kali biasanya cukup untuk dapat versi yang siap publish.

Iterasi cepat di KARSA sampai CTA diklik

Keunggulan KARSA dibanding website builder drag-drop: setiap iterasi hanya butuh satu kalimat perintah. Mau ubah headline? "Buat headline hero lebih emosional, fokus ke kebahagiaan keluarga". Mau tambah section promo? "Tambah banner promo di atas hero: 'Diskon 20% sampai 17 Agustus'". Mau optimize CTA? "Ganti tombol CTA jadi 'Pesan via WhatsApp 0812xxx', warna hijau WhatsApp, ukuran lebih besar". AI menulis kode baru, preview update real-time, kamu tetap di satu halaman. Bandingkan dengan website builder di mana setiap perubahan layout butuh klik dan drag manual yang berbeda tiap section.

Untuk UMKM, ini berarti waktu dari "ide landing" ke "landing live" bisa 30 menit, bukan 2 minggu. Pelajari pola iterasi lebih dalam di contoh prompt KARSA untuk UMKM dan cara bikin landing page dengan AI.

Kesalahan prompt yang bikin landing page mandek

• Terlalu umum — "buatkan landing page untuk usaha saya" tanpa konteks: hasilkan copy yang tidak relevan dengan produk spesifik.
• Banyak CTA sekaligus — "ada tombol WhatsApp, Instagram, email, dan contact form" membingungkan pengunjung. Pilih satu CTA utama, yang lain subordinate.
• Tidak sebut target pelanggan — copy jadi generik untuk semua orang, efektif untuk siapa pun. Selalu sebut siapa pembelinya.
• Skip bukti sosial — tanpa testimoni atau angka (misal "500+ pelanggan"), landing page terasa klaim kosong.
• Tidak minta revisi — prompt pertama jarang sempurna. Sisakan 2–3 iterasi untuk polish copy dan CTA.
• Lupa uji di HP — 80% pengunjung UMKM buka dari mobile. Selalu preview dalam mode mobile dan pastikan tombol tap-target minimal 48 px.

Cara mudah ingat: setiap bagian landing page harus menjawab pertanyaan yang sama — "apa untungnya buat saya, dan apa yang harus saya klik sekarang?". Kalau satu section tidak menjawab dua hal itu, revisi atau hapus.

Ukur konversi dan optimalkan dari data, bukan feeling

Landing page yang konversi adalah yang diukur, bukan yang terasa bagus. Setelah publish, pasang satu analytics gratis (Google Analytics atau Plausible) dan pantau tiga metrik: visitor per minggu, bounce rate (ideal di bawah 60%), dan klik CTA. Kalau bounce rate di atas 70%, masalah biasanya di hero — orang tidak paham produk dalam 5 detik. Kalau visitor datang tapi klik CTA rendah, masalah ada di trust section (belum ada bukti sosial) atau CTA-nya tersembunyi. Pelajari dasar SEO supaya trafik awal datang di panduan SEO UMKM, dan daftarkan situs ke Search Console agar data performa selalu tersedia gratis.

Mulai sekarang

Buka KARSA, salin prompt di bagian contoh di atas, ganti bagian dalam kurung dengan detail usahamu, dan lihat preview landing page dalam 30 detik. Iterasi 2–3 kali sampai CTA jelas dan copy terasa spesifik. Publish ke namabisnis.karsa.work atau domain sendiri, lalu ukur konversi dari minggu pertama. Untuk prompt lain yang siap pakai, baca contoh prompt KARSA untuk UMKM, dan untuk konteks landing page secara umum, pelajari cara bikin landing page dengan AI. Prompt spesifik selalu mengungguli template generik — dan KARSA membuatnya bisa dilakukan sore ini.