Contoh landing page untuk 6 tujuan usaha, lengkap dengan urutan seksi dan tombolnya

Contoh landing page yang paling berguna bukan yang paling cantik, melainkan yang tujuannya sama dengan tujuan Anda. Landing page jasa servis yang mengarah ke WhatsApp disusun berbeda dari halaman pendaftaran workshop, dan keduanya berbeda lagi dari halaman prospek perusahaan yang memakai form. Artikel ini membahas enam pola landing page menurut tujuannya: jasa lokal, produk fisik, event, lead B2B, aplikasi, dan promo musiman. Masing-masing dijabarkan urutan seksinya, tombol utamanya, dan kesalahan yang paling sering kami temui.

Enam pola di bawah disusun sebagai kerangka dengan usaha rekaan yang diberi label "(contoh)", supaya urutan seksinya mudah ditiru untuk usaha Anda. Sebagai pembanding, beberapa pola kami sertakan dengan tangkapan layar halaman nyata dari situs Indonesia, diambil 9 Oktober 2026, lengkap dengan tautan ke situsnya. Kalau Anda belum yakin apa itu landing page dan bedanya dengan website, baca dulu pengertian landing page dan anatomi enam seksinya. Artikel ini melanjutkan dari sana: bukan "apa itu", tetapi "yang seperti apa untuk usaha saya".

Di bagian akhir ada dua hal yang biasanya dilewati artikel sejenis: cara menilai contoh landing page yang Anda temukan sendiri, termasuk kenapa menyalin template mentah jarang berhasil, dan cara meminta landing page ke vendor supaya hasilnya tidak berputar di revisi.

Contoh landing page dikelompokkan menurut tujuan, bukan menurut tampilan

Kebanyakan galeri landing page design mengelompokkan contoh berdasarkan gaya: minimalis, gelap, penuh ilustrasi. Pengelompokan itu enak dilihat, tetapi tidak menolong Anda mengambil keputusan. Dua halaman bergaya sama bisa punya tujuan yang bertolak belakang, satu ingin chat, satu ingin data formulir. Karena itu kami mengelompokkan contoh berdasarkan satu pertanyaan: tindakan apa yang Anda minta dari pengunjung?

Jawabannya hampir selalu jatuh ke salah satu dari tiga jenis konversi. Pertama, chat, yaitu pengunjung menekan tombol WhatsApp dan mengetik pertanyaan. Kedua, form, yaitu pengunjung menyerahkan data yang Anda butuhkan untuk menyusun penawaran. Ketiga, booking, yaitu pengunjung mengunci tanggal, kursi, atau jadwal. Pola halamannya mengikuti jenis konversi itu, bukan sebaliknya.

Google sendiri menyarankan hal yang sama dari sisi iklan: ajakan bertindak di halaman sebaiknya mencerminkan ajakan bertindak di iklannya (tab baru), dan tindakan yang Anda inginkan harus cepat serta mudah dilakukan. Tabel berikut merangkum enam pola yang dibahas di artikel ini.

Tabel ini lebih lebar dari layar. Geser ke samping untuk melihat seluruh kolom.

Contoh 1: jasa lokal yang mengarah ke WhatsApp

Bayangkan (contoh) jasa servis AC rumahan yang beriklan untuk satu kota. Pembelinya sedang kepanasan, memegang ponsel, dan ingin tahu tiga hal secepat mungkin: apakah daerahnya dilayani, kira-kira berapa biayanya, dan kapan teknisi bisa datang.

Urutan seksinya:

1. Hero dengan nama layanan, kota dan kecamatan yang dilayani, serta tombol WhatsApp.
2. Daftar layanan dan harga mulai, misalnya cuci AC, tambah freon, dan bongkar pasang, masing-masing dengan angka.
3. Proses kunjungan dari chat sampai teknisi pulang, termasuk biaya kunjungan bila ada.
4. Bukti: foto pekerjaan dengan keterangan, atau nomor izin usaha.
5. Pertanyaan umum soal garansi pengerjaan dan jam operasional.
6. Penutup dengan tombol WhatsApp yang sama dengan hero.

Tombol utamanya "Chat WhatsApp", dan pesannya sebaiknya sudah terisi, misalnya "Halo, saya mau servis AC di kecamatan ...". Pesan yang terisi mengurangi chat yang hanya berbunyi "halo" lalu menggantung, dan sekaligus memberi tahu Anda iklan mana yang mengirim orang itu.

Kesalahan yang paling sering kami temui di pola ini justru bukan di halamannya, melainkan sesudahnya: nomor yang dibalas berjam-jam kemudian. Halaman sebagus apa pun tidak menolong kalau pembeli yang kepanasan sudah menghubungi pesaing lima menit setelah mengklik. Kesalahan kedua adalah tidak menyebut area layanan, sehingga chat pertama selalu berupa pertanyaan "melayani daerah saya tidak?", pertanyaan yang seharusnya sudah dijawab di layar pertama.

Contoh 2: produk fisik dengan pesanan lewat chat

Ambil (contoh) sambal botol rumahan yang dijual lewat iklan media sosial. Pembelinya tidak perlu diyakinkan soal kategori produknya, karena semua orang tahu sambal. Yang perlu diyakinkan adalah kenapa sambal yang ini, berapa harganya sampai di rumah, dan apakah aman dikirim ke luar kota.

Urutan seksinya:

1. Hero dengan foto produk yang jelas, harga, dan tombol pesan.
2. Varian dan ukuran, dua atau tiga pilihan, masing-masing dengan harga.
3. Isi dan legalitas: komposisi, masa simpan, dan nomor izin edar bila sudah ada.
4. Pengiriman: area, perkiraan ongkos kirim, dan cara pengemasan supaya botol tidak pecah.
5. Pertanyaan umum soal pembayaran dan pesanan dalam jumlah besar.
6. Penutup dengan tombol pesan yang sama.

Tombol utamanya "Pesan via WhatsApp" dengan nama varian terisi otomatis di pesannya. Foto di hero adalah elemen terbesar di layar pertama, dan menurut dokumentasi web.dev (tab baru) gambar seperti itu termasuk kandidat Largest Contentful Paint, metrik yang ambang "baik"-nya 2,5 detik atau kurang. Artinya foto produk yang tidak dikompres bukan hanya soal estetika, tetapi soal berapa lama pembeli menatap layar kosong. Cara mengukurnya ada di panduan cek kecepatan website.

Kesalahan paling umum di pola ini adalah menjejalkan dua puluh produk ke satu halaman iklan. Begitu produknya banyak, yang Anda butuhkan adalah katalog, bukan landing page. Untuk kebutuhan itu ada paket Katalog Pesan via WhatsApp seharga Rp5.950.000, dan bila perlu keranjang serta pembayaran otomatis, bacalah dulu cara membuat toko online atau lihat layanan toko online.

Contoh 3: event dan pendaftaran peserta

Misalkan (contoh) workshop foto produk satu hari untuk pemilik usaha kecil, dengan kuota 30 kursi. Pengunjung halaman ini punya pertanyaan yang sangat konkret, dan semuanya berkaitan dengan waktu: kapan, di mana, berapa, dan apakah masih ada kursi.

Urutan seksinya:

1. Hero dengan nama acara, tanggal, jam, kota, harga tiket, dan tombol daftar. Semuanya terlihat tanpa menggulir.
2. Yang akan dipelajari, ditulis sebagai hasil yang dibawa pulang peserta.
3. Susunan acara per jam, termasuk jeda makan.
4. Pengisi acara dengan latar belakang yang relevan.
5. Lokasi dengan peta, parkir, dan akses kendaraan umum.
6. Cara bayar dan kebijakan pembatalan.
7. Penutup dengan tombol daftar dan sisa kuota bila memang dihitung.

Tombol utamanya "Daftar sekarang", mengarah ke form singkat atau ke pemesanan jadwal. Bila halaman ini juga ingin muncul di pencarian, data terstruktur Event dari Google Search Central (tab baru) mewajibkan nama acara, tanggal mulai, dan lokasi. Dokumentasi yang sama memberi pelajaran yang berguna di luar urusan SEO: kalau acara dibatalkan, jangan hapus datanya, cukup ubah statusnya. Pengunjung yang datang belakangan tetap perlu tahu apa yang terjadi.

Kesalahan paling umum di pola ini adalah tanggal yang baru muncul di seksi keempat, dan halaman yang dibiarkan terbuka setelah acara lewat tanpa keterangan apa pun. Kedua-duanya membuat orang ragu apakah acara ini masih ada.

Contoh 4: lead B2B dengan form tiga isian

Sekarang (contoh) katering makan siang untuk kantor, yang menjual kontrak bulanan ke perusahaan. Pembelinya staf bagian umum yang harus membawa penawaran ke atasannya. Dia tidak mau mengobrol panjang di WhatsApp pribadinya, dia butuh penawaran tertulis yang bisa diteruskan.

Urutan seksinya:

1. Hero dengan janji yang spesifik, misalnya pengiriman sebelum jam istirahat, ditambah form tiga isian di layar pertama.
2. Kapasitas: jumlah porsi harian yang sanggup dilayani dan area pengiriman.
3. Contoh menu mingguan, diberi label contoh.
4. Cara hitung harga per porsi dan minimal pesanan.
5. Proses dari permintaan penawaran sampai uji coba dan kontrak.
6. Penutup dengan form yang sama.

Tombol utamanya "Minta penawaran", dan tiga isiannya cukup nama, email kantor, dan nomor telepon. Jumlah karyawan dan alamat bisa ditanyakan saat Anda membalas. Nielsen Norman Group menyarankan membuang isian yang bisa diperoleh dengan cara lain, dikumpulkan belakangan, atau dihapus saja (tab baru), dan menaruh label tepat di atas isian, bukan memakai teks placeholder. Panduan web.dev soal form (tab baru) menambahkan hal teknis kecil yang berdampak besar di ponsel: pakai atribut autocomplete dan type yang tepat supaya keyboard yang muncul sesuai dan isian terisi otomatis.

Mana yang lebih baik di antara dua versi itu tidak bisa diputuskan dengan selera. Uji A/B adalah cara membandingkannya, tetapi uji A/B membutuhkan sampel besar (tab baru) supaya hasilnya signifikan secara statistik. Kalau trafik Anda masih puluhan klik per hari, ubah satu hal saja per periode dan bandingkan dengan periode sebelumnya.

Contoh 5: aplikasi dan halaman unduhan

Ambil (contoh) aplikasi kasir sederhana untuk warung. Pengunjungnya datang dari iklan dan hampir pasti membuka halaman dari ponsel. Pertanyaan di kepalanya bukan "fiturnya apa saja", melainkan "apakah ini cocok untuk warung saya, dan apakah gratis".

Urutan seksinya:

1. Hero dengan satu kalimat manfaat, tangkapan layar aplikasi yang terbaca, dan tombol unduh.
2. Tiga pekerjaan yang dibereskan aplikasi, misalnya mencatat penjualan, menghitung stok, dan merekap utang pelanggan.
3. Cara mulai dalam tiga langkah.
4. Harga dan batasan: apa yang gratis dan apa yang berbayar, ditulis terang.
5. Data dan privasi: di mana data disimpan dan bagaimana mencadangkannya.
6. Penutup dengan tombol unduh yang sama.

Tombol utamanya "Unduh aplikasi", sebaiknya menyesuaikan perangkat pengunjung, bukan dua lencana toko aplikasi berdampingan dengan bobot sama. Untuk pengguna iPhone, Apple menyediakan Smart App Banner (tab baru) lewat satu tag meta apple-itunes-app. Banner itu otomatis berubah menjadi tombol buka bila aplikasinya sudah terpasang, dan tidak tampil bila perangkat tidak didukung.

Kesalahan paling umum di pola ini adalah menyembunyikan model harganya. Pengunjung yang mengira aplikasinya gratis lalu bertemu tembok langganan setelah memasukkan seluruh data barangnya tidak akan kembali dengan perasaan baik. Kalau yang Anda bangun justru aplikasi web dengan dasbor dan login, itu pekerjaan kelas lain, dan halaman layanan aplikasi web menjelaskan kenapa kami memulainya dengan Sprint Spesifikasi seharga Rp1.900.000.

Contoh 6: promo musiman yang punya tanggal akhir nyata

Terakhir, (contoh) paket hampers Lebaran dari toko kue rumahan. Halaman ini hidup beberapa minggu saja, dan tugasnya satu: mengumpulkan pesanan sebelum kapasitas dapur penuh.

Urutan seksinya:

1. Hero dengan nama promo, tanggal terakhir pemesanan, dan tombol pesan.
2. Isi paket dan harga, dua atau tiga pilihan dengan foto masing-masing.
3. Batas pemesanan dan jadwal kirim, termasuk tanggal terakhir pengiriman luar kota.
4. Kartu ucapan dan pesanan korporat bila memang dilayani.
5. Pertanyaan umum soal pembayaran dan perubahan alamat.
6. Penutup dengan tombol pesan dan tanggal tutup yang sama.

Tombol utamanya "Pesan sebelum tanggal tutup". Tanggal akhir di halaman ini harus nyata. Hitung mundur yang berulang setiap kali halaman dibuka ulang mudah ketahuan dan merusak kepercayaan justru di momen pembeli sedang menimbang. Kalau kapasitas Anda memang terbatas, sebutkan angkanya dan perbarui saat berubah.

Kesalahan kedua adalah halaman yang ditinggal setelah promo selesai. Ganti isinya dengan keterangan bahwa promo sudah tutup dan kapan dibuka lagi, lalu pakai alamat yang sama tahun depan supaya tautan yang sudah tersebar tidak mati. Perubahan musiman seperti ini paling hemat dikerjakan lewat paket perawatan: Jaga Rp350.000 per bulan sudah mencakup satu perubahan konten kecil per bulan, dan perubahan kecil di luar kuota dikenai Rp75.000.

Cara menilai contoh landing page, dan kenapa template mentah jarang berhasil

Suatu saat Anda akan menemukan halaman yang terasa pas dan tergoda untuk bilang ke vendor "buatkan seperti ini". Sebelum itu, nilai dulu halamannya dengan lima pertanyaan berikut, sebaiknya sambil membukanya dari ponsel:

1. Dari mana pengunjungnya datang? Halaman untuk iklan pencarian dan halaman untuk iklan video media sosial menghadapi tingkat niat yang berbeda.
2. Apa satu tindakan yang diminta? Kalau Anda tidak bisa menjawabnya dalam lima detik, pembelinya juga tidak bisa.
3. Apakah tombolnya terlihat di layar pertama ponsel? Google menyarankan informasi penting ditaruh di bagian atas halaman.
4. Apakah janji di hero cocok dengan iklannya? Klik iklannya sendiri kalau bisa, lalu bandingkan kalimatnya.
5. Seberapa berat halamannya? Halaman yang memukau di laptop kantor bisa terasa lambat di ponsel dengan sinyal pas-pasan.

Dari kelima pertanyaan itu terlihat kenapa template landing page yang disalin mentah jarang berhasil. Template dirancang untuk memamerkan tampilan kepada pembeli template, bukan untuk menjual penawaran Anda kepada pembeli Anda. Seksinya generik, jadi ada seksi yang tidak relevan dan ada keberatan pembeli yang tidak dijawab sama sekali. Gambar demonya besar dan indah, dan itu yang sering memperlambat layar pertama. Teks contohnya ditulis untuk mengisi ruang, sehingga ketika diganti dengan teks asli, panjangnya tidak lagi cocok dengan tata letaknya.

Pendapat kami: pakai template sebagai rujukan tata letak, bukan sebagai rujukan urutan. Urutan seksi Anda harus datang dari pertanyaan yang benar-benar masuk ke WhatsApp Anda. Desain yang baik mengikuti urutan itu, dan dasar-dasarnya kami bahas di panduan UI dan UX untuk pemilik usaha. Soal pilihan platformnya, apakah pembangun halaman berbasis tema atau halaman statis, pertimbangannya ada di perbandingan WordPress dan website custom.

Cara membuat landing page dari pola ini, dan cara memintanya ke vendor

Cara membuat landing page dengan pola di atas bisa diringkas menjadi empat langkah. Tentukan satu tujuan kampanye dan jenis konversinya. Pilih pola yang sesuai dari enam contoh tadi. Tulis nama setiap seksi dan satu kalimat tugasnya. Baru setelah itu pikirkan warna, huruf, dan gambar. Urutan ini sama, entah Anda membuatnya sendiri atau memesannya.

Kalau memesan ke vendor, kirim bahan yang tepat dan minta balik dokumen yang tepat. Tabel berikut bisa Anda pakai sebagai daftar periksa untuk vendor mana pun.

Tabel ini lebih lebar dari layar. Geser ke samping untuk melihat seluruh kolom.

Baris terakhir sering dianggap sepele. Keluhan yang sering muncul di forum pembeli jasa website adalah domain, hosting, dan akun yang ternyata dikuasai vendor, dan baru terasa ketika ingin pindah atau ketika biaya langganan naik. Penjelasannya ada di panduan hosting dan domain.

Di paket Landing Page Siap Iklan, daftar di kolom kanan itu kami tulis di Lembar Cakupan sebelum Anda membayar. Harganya Rp2.500.000 sekali bayar untuk satu halaman sampai 6 seksi, copywriting dari brief, form dan tombol WhatsApp, Meta Pixel serta GA4 dan event klik WhatsApp yang dipasang lalu diuji, PageSpeed mobile 90+, dan domain .com plus hosting tahun pertama atas nama Anda. Preview 3 hari kerja, tayang 5 hari kerja, 3 ronde revisi, dan satu ronde berarti satu daftar tertulis yang dikirim sekaligus. Satu hal yang perlu Anda timbang: halamannya dibangun statis tanpa CMS, jadi perubahan dikerjakan lewat kuota perawatan. Tahun kedua Rp750.000 bila memakai Tetap Tayang. Perbandingan dengan paket lain ada di halaman harga, dan standar teknis yang kami pakai bisa dilihat di halaman contoh.

Kesimpulan

Contoh landing page baru berguna setelah Anda tahu tujuan kampanye Anda sendiri. Jasa lokal butuh area layanan dan tombol WhatsApp di layar pertama. Produk fisik butuh foto yang ringan, harga, dan ongkos kirim. Event butuh tanggal dan lokasi tanpa menggulir. Lead B2B butuh form yang pendek. Aplikasi butuh model harga yang terang. Promo musiman butuh tanggal akhir yang nyata dan rencana untuk halaman setelah promonya tutup.

Tiru kerangkanya, bukan tampilannya. Nilai setiap contoh dengan lima pertanyaan tadi, dan saat memesan, minta nama seksi, angka revisi, dan tanggal tayang tertulis sebelum membayar. Kalau usaha Anda ternyata butuh lebih dari satu halaman, contoh website company profile adalah bacaan lanjutan yang pas.

Kalau kampanye Anda sudah siap tetapi polanya belum jelas, ceritakan tujuan kampanye Anda lewat WhatsApp (membuka WhatsApp di tab baru). Kami balas dengan pola halaman, daftar nama seksinya, dan tanggal tayangnya.

Sumber

• Google Ads Help, Optimize your ads and landing pages (tab baru), ajakan bertindak halaman mencerminkan iklannya, informasi penting di bagian atas, dan tindakan yang cepat serta mudah.
• web.dev, Largest Contentful Paint (tab baru), ambang baik 2,5 detik pada persentil ke-75 dan jenis elemen yang dihitung, termasuk gambar.
• Google Search Central, Event structured data (tab baru), properti wajib nama, tanggal mulai, dan lokasi, serta penanganan acara yang dibatalkan atau ditunda.
• Nielsen Norman Group, Website Forms Usability: Top 10 Recommendations (tab baru) (Kathryn Whitenton, 2016), membuang isian yang tidak perlu dan menghindari placeholder sebagai label.
• web.dev, Sign-up form best practices (tab baru), meminta data sesedikit mungkin serta memakai atribut autocomplete dan type yang tepat.
• Wikipedia, A/B testing (tab baru), uji A/B sebagai eksperimen acak dua varian yang membutuhkan sampel besar.
• Apple Developer, Promoting apps with Smart App Banners (tab baru), tag meta apple-itunes-app dan perilaku banner bila aplikasi sudah terpasang.
• Riset internal: sisiran 18 halaman harga vendor jasa website Indonesia dan 45 kutipan keluhan pembeli dari 17 sumber forum serta ulasan publik, September 2026. Sampel kualitatif, bukan survei.