Cara Membuat Landing Page yang Convert: Panduan Pemula + Checklist 20 Poin

Iklan sudah jalan, klik masuk, tapi yang beli cuma segelintir. Sering kali masalahnya bukan di iklan, tapi di halaman tujuannya. Cara membuat landing page yang convert intinya sederhana: satu halaman, satu tujuan, satu tombol utama, pesan yang nyambung dengan iklan, dan halaman yang cepat dibuka di HP. Sisanya adalah detail yang bisa kamu cek satu per satu pakai checklist di akhir artikel ini.

Panduan ini cocok buat UMKM, penjual kelas online, produk digital, sampai bisnis jasa yang butuh leads. Kita bahas anatomi halaman, kecepatan, form, tombol WhatsApp, tracking, A/B test sederhana, dan benchmark conversion rate dari data yang bisa dicek sumbernya.

Apa itu landing page (dan bedanya dengan website biasa)

Landing page adalah halaman yang dibuat khusus untuk satu aksi: beli, daftar, isi form, atau chat WhatsApp. Pengunjung biasanya datang dari iklan, email, atau link di bio.

Website biasa punya banyak menu dan banyak tujuan. Landing page justru sengaja “sempit”: menu navigasi dibuang atau diminimalkan, supaya perhatian pengunjung nggak bocor ke mana-mana. Satu halaman, satu offer, satu tombol utama.

Kenapa ini penting di Indonesia? Menurut survei APJII 2026 yang dilaporkan Bisnis.com, pengguna internet Indonesia mencapai 235,2 juta jiwa (penetrasi 81,72%), dan 84,31% mengakses internet terutama lewat smartphone. Artinya, landing page kamu hampir pasti dibuka di layar HP, sering kali dengan sinyal yang nggak selalu stabil.

Benchmark conversion rate: berapa angka yang wajar?

Conversion rate (CR) = jumlah konversi ÷ jumlah pengunjung × 100%. Sebelum mengejar angka, kamu perlu tahu patokannya dulu.

Angka di atas dari Unbounce Conversion Benchmark Report dan HubSpot. Catatan penting: datanya global dan berasal dari pengguna platform mereka, dan “konversi” di sana sering berupa isi form gratis, bukan pembayaran. Untuk produk berbayar seperti kelas Rp150 ribu, CR 1% sampai 5% dari traffic iklan dingin masih masuk akal. Jadikan benchmark sebagai kompas, bukan target mutlak.

Cara paling jujur: ukur CR halamanmu sendiri dulu, lalu naikkan pelan-pelan. Kamu bisa hitung cepat pakai Kalkulator Conversion Rate gratis dari Remarketing.

Cara membuat landing page: anatomi 9 bagian yang wajib ada

Urutan di bawah ini mengikuti cara orang membaca halaman dari atas ke bawah di HP. Nielsen Norman Group mencatat pengunjung sering pergi dalam 10 sampai 20 detik, jadi value proposition harus tersampaikan dalam 10 detik pertama. Bagian paling atas adalah yang paling menentukan.

1. Headline: janji utama dalam satu kalimat

Headline menjawab “apa untungnya buat pengunjung?”. Hindari headline yang cuma nama produk atau slogan abstrak.

• Lemah: “Kelas Canva Premium Batch 7”
• Kuat: “Bikin Konten Jualan di Canva dalam 2 Jam, Walau Belum Pernah Desain”

2. Subheadline: siapa, bagaimana, berapa lama

Subheadline memperjelas headline: untuk siapa, formatnya apa, dan hasil konkretnya apa. Contoh: “Kelas online live via Zoom untuk pemilik UMKM. Pulang bawa 10 template feed siap pakai.”

3. Hero: visual yang menunjukkan hasil

Area paling atas (hero) berisi headline, subheadline, satu gambar, dan tombol CTA. Gambar sebaiknya menunjukkan hasil atau produknya langsung, misalnya contoh desain yang dibuat peserta, bukan foto stok orang tersenyum ke laptop.

4. Value proposition dan manfaat

Tulis 3 sampai 5 manfaat dalam bentuk poin. Ubah fitur jadi manfaat: “rekaman akses selamanya” jadi “bisa ulang materi kapan saja kalau lupa”.

Bahasa juga berpengaruh. Data Unbounce menunjukkan halaman dengan bahasa setingkat kelas 5 sampai 7 SD (bahasa sederhana) punya CR 11,1%, jauh di atas halaman dengan bahasa profesional yang rumit (5,3%). Kata sulit, waktu baca, dan jumlah kata sama-sama berkorelasi negatif dengan konversi. Jadi tulis seperti ngobrol, bukan seperti proposal.

5. Social proof

Testimoni dengan nama, foto, dan hasil spesifik (“omzet naik dari 20 jadi 35 pesanan per minggu”) lebih meyakinkan daripada “kelasnya bagus banget”. Tambahkan screenshot chat (dengan izin), jumlah alumni, atau logo media yang pernah meliput, selama semuanya asli.

6. Offer yang jelas

Sebut apa saja yang didapat, harganya, dan cara bayarnya. Pengunjung yang harus menebak harga biasanya pergi. Format “stack” membantu: daftar semua yang didapat, lalu harga di bawahnya.

7. CTA: satu aksi utama

Tombol CTA pakai kata kerja dan hasil: “Daftar Kelas Sekarang” atau “Chat untuk Tanya Jadwal”, bukan “Submit”. Ulangi tombol yang sama di beberapa titik (hero, setelah offer, setelah FAQ), tapi tetap satu tujuan. HubSpot melaporkan CTA yang dipersonalisasi untuk segmen tertentu performanya 202% lebih baik dari versi default.

8. FAQ yang menjawab keberatan

FAQ bukan pelengkap. Isinya adalah alasan orang ragu: “kalau nggak bisa ikut live gimana?”, “bisa bayar pakai QRIS?”, “ada garansi?”. HubSpot mengutip eksperimen Marcus Sheridan bahwa membahas ketakutan calon pembeli di landing page menaikkan konversi hingga 80%. Angka itu hasil satu eksperimen, tapi prinsipnya konsisten: keberatan yang dijawab = hambatan yang hilang.

9. Urgensi yang jujur

Urgensi boleh, asal nyata. Contoh jujur: “Harga early bird berlaku sampai 20 November” atau “Kuota 50 peserta karena ada sesi tanya jawab”. Contoh yang merusak kepercayaan: countdown timer yang reset tiap kali halaman di-refresh. Sekali ketahuan, orang nggak percaya lagi pada klaim lain di halamanmu.

Message match: halaman harus nyambung dengan iklan

Message match artinya janji di iklan sama dengan yang pertama kali dilihat di landing page. Kalau iklan bilang “Kelas Canva Rp150 ribu, live Sabtu ini”, headline halaman juga harus menyebut kelas Canva, harga itu, dan jadwal itu. Jangan buka halaman beranda toko yang berisi 30 produk.

Checklist message match:

• Kata kunci utama iklan muncul di headline.
• Harga dan promo di iklan sama persis dengan di halaman.
• Visual iklan (warna, foto produk) terlihat juga di hero.
• Kalau kamu punya beberapa iklan dengan sudut pesan berbeda (misalnya “hemat waktu” vs “tambah omzet”), pertimbangkan versi halaman berbeda untuk tiap sudut.

Kalau kamu baru mulai beriklan, baca juga panduan iklan Meta Ads untuk pemula supaya struktur campaign dan halamannya sejalan.

Kecepatan dan mobile: Core Web Vitals untuk pemula

Google memakai tiga metrik Core Web Vitals untuk menilai pengalaman halaman. Menurut web.dev, targetnya diukur di persentil ke-75 kunjungan, terpisah untuk mobile dan desktop:

Google Search Central juga sangat menyarankan Core Web Vitals yang baik untuk performa di Search. Tapi buat landing page iklan, alasan utamanya adalah uang: tiap detik loading = pengunjung yang sudah kamu bayar ikut hilang.

Studi kasus di web.dev menunjukkan dampaknya: BBC kehilangan tambahan 10% pengguna untuk setiap detik ekstra loading, Vodafone menaikkan penjualan 8% setelah memperbaiki LCP 31%, dan Rakuten 24 menaikkan conversion rate 33,13% setelah berinvestasi di Core Web Vitals.

Langkah praktis untuk pemula:

1. Tes halaman di PageSpeed Insights, fokus ke tab Mobile.
2. Kompres gambar hero (format WebP, lebar maksimal sekitar 1200 px). Ini biasanya perbaikan LCP paling besar.
3. Hindari slider/carousel berat dan video autoplay di bagian atas.
4. Batasi plugin, font, dan script pihak ketiga. Setiap pixel, chat widget, dan popup menambah beban.
5. Kasih ukuran tetap (width/height) pada gambar supaya layout nggak loncat (CLS).
6. Buka halaman di HP sendiri dengan data seluler, bukan Wi-Fi kantor.

Form yang pendek (atau langsung ke WhatsApp)

Setiap kolom tambahan adalah alasan baru untuk berhenti. Riset Baymard Institute (Juni 2024) menemukan checkout rata-rata punya 11,3 kolom form, padahal kebanyakan situs cukup dengan 8. Sebanyak 17% pengguna meninggalkan checkout karena prosesnya terlalu panjang atau rumit.

Untuk landing page leads, lebih ringkas lagi. Survei HubSpot mencatat 30,7% marketer menganggap 4 pertanyaan sebagai jumlah ideal, dan data Omnisend yang dikutip HubSpot menemukan form dengan 3 kolom adalah yang konversinya paling tinggi.

Prinsipnya:

• Kelas online/produk digital: nama, nomor WhatsApp, email (untuk kirim akses). Data lain tanya setelah bayar.
• Leads jasa: nama, nomor WhatsApp, satu pertanyaan kualifikasi (misalnya “budget per bulan”).
• Pakai tipe input yang benar (type="tel" untuk nomor) supaya keyboard angka muncul di HP.
• Tulis pesan error yang jelas dan jangan hapus isian yang sudah diketik.

Tombol WhatsApp: pendek, tapi tetap terukur

Buat banyak UMKM, CTA terbaik justru “Chat via WhatsApp”, karena calon pembeli ingin tanya dulu. WhatsApp menyediakan fitur klik untuk chat dengan link wa.me yang bisa diisi pesan otomatis.

Tips: isi pesan otomatis dengan kode sumber, misalnya “Halo, mau daftar Kelas Canva (dari iklan IG)”. Dengan begitu admin tahu chat datang dari campaign mana. Bikin linknya dalam hitungan detik pakai WhatsApp Link Generator, dan pelajari cara follow-up chat-nya di artikel cara menggunakan WhatsApp untuk meningkatkan penjualan.

Tracking: Pixel, Conversions API, GA4, dan UTM

Landing page tanpa tracking itu seperti toko tanpa kasir: ramai, tapi kamu nggak tahu siapa yang beli. Minimal pasang empat hal ini:

1. Meta Pixel dengan event standar yang tepat. Menurut dokumentasi Meta, ada event seperti ViewContent (lihat halaman), InitiateCheckout (mulai checkout), Lead (daftar), Contact (menghubungi via chat), dan Purchase (pembelian selesai). Panduan langkahnya ada di cara setup Meta Pixel untuk pemula.
2. Conversions API (CAPI). Meta menjelaskan Conversions API mengirim data konversi dari server, platform website, atau CRM, dan bisa disiapkan dari Events Manager tanpa coding. Pastikan event dari Pixel dan CAPI terdeduplikasi supaya nggak terhitung dua kali. Langkahnya: Conversions API tanpa programmer.
3. Google Analytics 4 untuk melihat perilaku pengunjung dari semua channel, bukan cuma Meta. Mulai dari panduan GA4 untuk pemula.
4. UTM di setiap link iklan. Bantuan Google Analytics menyarankan selalu memakai utm_source, utm_medium, dan utm_campaign, ditambah utm_content untuk membedakan materi iklan. Bikin linknya rapi dengan UTM Builder dan baca cara pakai UTM untuk lacak campaign.

Contoh kasus: landing page kelas online Rp150 ribu dari iklan Meta

Ilustrasi berikut memakai angka hipotetis untuk menunjukkan cara berpikirnya. Angka iklanmu pasti berbeda, jadi ganti dengan data asli dari Ads Manager.

Situasi awal: kelas online Rp150.000, budget iklan Rp3.000.000, CPC rata-rata Rp1.500. Iklan menyebut “kelas Canva untuk UMKM”, tapi link mengarah ke halaman profil bisnis yang memuat semua produk. Halaman loading 6 detik di HP karena banner berukuran besar.

Budget dan iklannya sama persis. Yang berubah cuma halamannya:

• Link diarahkan ke landing page khusus kelas Canva (message match).
• Headline diganti jadi hasil konkret, plus jadwal dan harga di hero.
• Banner dikompres, carousel dihapus, LCP mobile turun ke bawah 2,5 detik.
• Form 7 kolom dipangkas jadi 3 (nama, WhatsApp, email), dengan opsi “Tanya via WhatsApp”.
• Ditambah 6 testimoni alumni dengan hasil spesifik dan FAQ soal rekaman serta metode bayar.
• Urgensi jujur: harga early bird dengan tanggal berakhir yang jelas.

Pelajaran terbesarnya: naik dari 1,5% ke 3,5% terdengar kecil, tapi jumlah pembeli jadi lebih dari dua kali lipat dan CPA turun lebih dari separuh. Untuk produk Rp150 ribu, CPA Rp100.000 hampir pasti rugi setelah biaya lain, sedangkan CPA Rp42.857 mulai masuk akal. Cek angka CPA dan ROAS milikmu dengan Kalkulator CPM, CPC, CPA dan pahami istilahnya di apa itu ROAS, CPM, CPC, CPA.

A/B test sederhana tanpa ribet

A/B test artinya membandingkan dua versi halaman dengan membagi traffic secara acak, lalu melihat mana yang konversinya lebih tinggi. Optimizely menyarankan mengubah satu elemen dalam satu waktu (misalnya headline atau tombol) supaya jelas perubahan mana yang berdampak, dan baru menyimpulkan setelah hasilnya signifikan secara statistik.

Masalahnya, traffic UMKM biasanya kecil. Sebagai gambaran, di kalkulator sample size Evan Miller, untuk mendeteksi kenaikan CR dari 10,2% ke 13,2% dibutuhkan sekitar 2.545 pengunjung per variasi. Kalau CR dasarmu lebih rendah, jumlah yang dibutuhkan jauh lebih besar.

Cara realistis untuk pemula:

1. Uji perubahan besar dulu, misalnya headline yang benar-benar beda sudut pandangnya, bukan warna tombol.
2. Pakai fitur A/B test di Meta Ads dengan dua iklan identik yang mengarah ke dua URL berbeda (bedakan dengan utm_content).
3. Jalankan minimal satu minggu penuh supaya pola hari kerja dan akhir pekan ikut terhitung.
4. Catat hasilnya, termasuk yang kalah. Itu bahan belajar untuk campaign berikutnya.

Checklist 20 poin sebelum landing page launch

Simpan bagian ini. Centang satu per satu sebelum iklan dinyalakan.

Pesan dan konten

1. Headline menjawab “apa untungnya buat pengunjung” dalam satu kalimat.
2. Kata kunci dan promo di iklan muncul sama persis di hero (message match).
3. Subheadline menyebut untuk siapa dan formatnya.
4. Ada 3 sampai 5 manfaat, bukan cuma daftar fitur.
5. Bahasa sederhana, kalimat pendek, tanpa istilah yang bikin bingung.
6. Minimal 3 testimoni asli dengan nama dan hasil spesifik.
7. Harga, isi paket, dan cara bayar tertulis jelas.
8. FAQ menjawab 4 sampai 6 keberatan utama.
9. Urgensi (kalau ada) nyata dan bisa dibuktikan.

Desain dan teknis

10. Hanya satu tujuan utama, menu navigasi diminimalkan.
11. Tombol CTA terlihat tanpa scroll di HP dan diulang di bawah.
12. LCP mobile ≤ 2,5 detik di PageSpeed Insights.
13. Gambar dikompres dan punya ukuran tetap (CLS aman).
14. Dites di minimal 2 HP berbeda dengan data seluler.
15. Form maksimal 3 sampai 4 kolom dengan tipe input yang benar.
16. Link WhatsApp benar, nomor aktif, pesan otomatis berisi kode sumber.

Tracking dan operasional

17. Meta Pixel aktif dengan event yang tepat (dicek di Events Manager).
18. Conversions API tersambung dan event terdeduplikasi.
19. GA4 terpasang dan semua link iklan memakai UTM.
20. Halaman terima kasih, alur pembayaran, dan balasan admin WhatsApp sudah dites dari awal sampai akhir.

FAQ

Berapa conversion rate landing page yang bagus?

Median semua industri di data Unbounce 2024 adalah 6,6%, dengan rentang 3,8% sampai 12,3% per industri. Untuk produk berbayar dari iklan ke audiens dingin, angkanya biasanya lebih rendah. Patokan terbaik adalah CR halamanmu sendiri bulan lalu.

Apakah harus pakai website sendiri, atau cukup link bio?

Link bio cukup untuk mulai, tapi kontrolnya terbatas: susah pasang Pixel dengan event lengkap dan susah menulis penawaran yang utuh. Kalau sudah rutin beriklan, landing page di domain sendiri jauh lebih mudah dilacak dan dioptimasi.

Lebih baik form atau tombol WhatsApp?

Untuk produk yang butuh konsultasi atau harga bervariasi, WhatsApp biasanya lebih natural. Untuk kelas online dan produk digital dengan harga pasti, form plus pembayaran langsung lebih efisien. Banyak bisnis memakai keduanya: tombol utama untuk daftar, tombol kedua untuk tanya.

Seberapa panjang landing page yang ideal?

Sepanjang yang dibutuhkan untuk menjawab keraguan, tidak lebih. Produk murah dan sederhana bisa pendek. Produk yang lebih mahal butuh lebih banyak bukti dan FAQ. Data Unbounce menunjukkan jumlah kata berkorelasi negatif dengan konversi, jadi buang kalimat yang nggak menambah keyakinan.

Apa cara membuat landing page paling cepat untuk pemula?

Pakai page builder atau template, tulis copy dengan urutan anatomi di atas, kompres gambar, pasang Pixel dan GA4, lalu jalankan checklist 20 poin. Fokus ke pesan dan kecepatan dulu, desain mewah belakangan.

Kesimpulan

Cara membuat landing page yang convert bukan soal desain paling cantik, tapi soal menghilangkan hambatan: pesan yang nyambung dengan iklan, janji yang jelas dalam 10 detik, bukti yang meyakinkan, form pendek, halaman cepat di HP, dan tracking yang jujur. Seperti di contoh kelas Rp150 ribu, perbaikan halaman bisa menggandakan hasil tanpa menambah budget iklan.

Mulai dari ukur CR yang sekarang, perbaiki satu bagian paling lemah, lalu uji lagi. Ulangi terus.

Sumber & referensi

1. Conversion Benchmark Report 2024, Unbounce
2. 16 Landing Page Statistics For Businesses, HubSpot Blog
3. Penetrasi Internet Indonesia 2026 Tembus 235,2 Juta Jiwa, Laju Pertumbuhan Melambat, Bisnis.com
4. How Long Do Users Stay on Web Pages?, Nielsen Norman Group
5. Web Vitals, web.dev (Google)
6. Why does speed matter?, web.dev (Google)
7. Understanding Core Web Vitals and Google search results, Google Search Central
8. PageSpeed Insights, Google
9. Checkout Optimization: 5 Ways to Minimize Form Fields in Checkout, Baymard Institute
10. Cara Menggunakan Klik yang Mengarahkan ke Chat, Pusat Bantuan WhatsApp
11. Meta Pixel Reference: Standard Events, Meta for Developers
12. Conversions API, Meta for Developers
13. URL builders: Collect campaign data with custom URLs, Bantuan Google Analytics
14. What is A/B testing?, Optimizely
15. Sample Size Calculator, Evan Miller

Foto sampul: Scott Graham via Unsplash. Data dicek tim Remarketing, 4 November 2026.