Cara Membuat Landing Page di WordPress Tanpa Builder

Begini cara membuat landing page di WordPress: bangun satu halaman dengan satu tujuan, lepaskan header dan footer situs, lalu susun halaman dari block pattern di dalam block theme. Versi pertama yang bersih butuh waktu sekitar satu sore. Yang menentukan apakah halaman itu mengonversi bukan alat yang dipakai untuk membangunnya, melainkan apa yang dibuang dari halaman.

Folio ini membahas pembuatannya sesuai urutan yang biasa dikerjakan praktisi: tujuan, template, bagian-bagian halaman, formulir, anggaran kecepatan, dan pemeriksaan sebelum rilis.

Apa yang membuat landing page berbeda dari halaman lain?

Landing page punya satu tugas. Pengunjung datang dari iklan, email, atau hasil pencarian, dan halaman itu meminta satu tindakan saja: mendaftar, memesan panggilan, mengunduh file, atau membeli.

Semua hal lain adalah gangguan. Termasuk menu utama, sidebar, feed blog, dan footer dengan dua puluh tautan. Di halaman biasa, elemen-elemen itu membantu orang menjelajah. Di landing page, elemen-elemen itu menjadi pintu keluar.

Tolok ukur yang layak diketahui datang dari Unbounce. Dalam laporan benchmark konversi mereka, median konversi landing page lintas industri adalah 6,6%. Anggap angka itu sebagai batas wajar untuk pengecekan, bukan janji. Halaman di bawah 2% biasanya bermasalah pada penawaran, kecepatan, atau formulir, bukan pada warna tombol.

Tulis tujuannya dalam satu kalimat sebelum membuka editor. "Pengunjung dari newsletter Maret memesan panggilan audit 20 menit." Jika Anda belum bisa menulis kalimat seperti itu, Anda belum siap membangun.

Dengan alat apa sebaiknya Anda membangunnya?

Ada empat opsi yang jujur, dan masing-masing cocok untuk jenis proyek yang berbeda.

Block editor native dengan block theme adalah opsi paling ringan. Markup-nya bersih, tidak butuh dependensi tambahan, dan pattern-nya bisa dipakai ulang di situs klien berikutnya. Anda perlu lebih banyak mengambil keputusan tata letak sendiri. Jika Anda menimbangnya terhadap page builder visual, perbandingan Gutenberg versus Elementor kami memberi angka untuk pertukarannya.

Page builder memberi kontrol visual yang lebih besar dan pustaka template, dengan harga markup yang lebih berat dan plugin yang kini menjadi ketergantungan. Divi adalah contoh yang sudah lama ada. Cocok untuk agensi yang membangun banyak halaman dan ingin satu perangkat yang sudah familiar.

Generator situs AI membuat kerangka halaman utuh dari sebuah prompt. 10Web melakukannya di dalam WordPress, dan drafnya adalah titik awal yang layak. Harapkan untuk mengedit salinan dan merapikan strukturnya setelah itu. Kami membahas sampai mana hal ini bisa diandalkan di AI untuk WordPress.

Alat landing page yang di-host berada di luar WordPress. Webflow adalah salah satu pilihannya, dengan kontrol visual yang kuat dan hosting sendiri. Layak dibayar jika halaman itu hidup terpisah dari situs WordPress Anda. Lewati jika halaman harus berbagi tema, analitik, dan struktur domain dengan situs Anda.

Sisa panduan ini memakai editor native, karena itu opsi yang paling banyak mengajarkan dan paling murah. Langkahnya bisa diterapkan ke builder mana pun.

Bagaimana cara menyiapkan halaman dan membuangnya hingga bersih?

Buat halaman lewat Pages, Add New. Beri judul polos yang cocok dengan penawaran, dan atur slug yang pendek. Slug seperti /audit lebih baik daripada /landing-page-maret-v2.

Sekarang urus template. Block theme memungkinkan Anda menetapkan template per halaman, dan landing page membutuhkan template tanpa header, tanpa footer, dan tanpa block judul. Banyak block theme sudah menyediakan template "Blank" atau "Page without title". Jika tema Anda belum punya, buka Site Editor, masuk ke Templates, tambahkan template kustom, lalu bangun dari satu block Post Content.

Template itu adalah hal paling berguna yang akan Anda buat dalam proyek ini. Beri nama "Landing", dan pakai ulang untuk setiap halaman kampanye di situs.

Periksa lebar tata letak di theme.json. Landing page paling enak dibaca dengan kolom teks yang sempit, dan block lebar disisakan untuk hero dan bagian bukti. Jika tema Anda punya lebar konten dan lebar wide, gunakan keduanya dengan sengaja: salinan di kolom sempit, gambar dan kolom di area lebar.

Marginalia: penetapan template ini berfungsi di WordPress 6.5 ke atas. Block theme yang lebih lama menampilkannya di menu yang berbeda.

Bagian apa yang sebenarnya dibutuhkan halaman ini?

Lebih sedikit daripada yang disarankan kebanyakan template. Halaman yang meminta satu tindakan hanya butuh urutan pendek, dan setiap bagian menjawab satu pertanyaan pengunjung.

Bangun bagian-bagian ini berurutan, sebagai pattern yang bisa disimpan dan dipakai ulang:

• Hero dengan janjinya, satu kalimat pendukung, dan tombolnya.

• Bukti yang muncul dekat bagian atas: kutipan pelanggan, sebuah angka, atau karya klien yang dikenal.

• Penawaran dalam tiga poin pendek, ditulis sebagai hasil.

• Formulir atau tombol kedua.

• Blok jawaban singkat untuk dua keberatan yang paling sering Anda dengar.

Gunakan block Cover atau Group untuk hero, dengan block Heading, satu Paragraph, dan block Buttons. Jaga judul utama tetap berupa janji yang bisa dibaca orang asing dalam tiga detik. Sebut hal yang ditawarkan, dan sebut hasilnya. Hindari kecerdasan yang butuh dibaca dua kali.

Tulis label tombol sebagai tindakannya sendiri, misalnya "Pesan audit" atau "Unduh checklist". Label generik seperti "Kirim" membuang konteks yang sudah dibangun oleh judul.

Jika Anda memakai alat AI untuk menyusun salinan, gunakan untuk draf pertama dan variasi judul, lalu baca setiap baris sendiri. Alat itu bisa mengarang bukti yang tidak Anda miliki. Jangan biarkan testimoni atau statistik hasil generasi lolos tanpa dicek, karena kutipan palsu di landing page adalah cara tercepat untuk kehilangan kepercayaan.

Begitu satu bagian berfungsi, pilih bagian itu dan klik Create pattern di menu block. Untuk kampanye berikutnya, Anda merakit halaman dari pattern sendiri dalam sepuluh menit, bukan membangun ulang dari nol.

Bagaimana formulir sebaiknya dibuat?

WordPress core tidak punya block formulir, jadi di sinilah satu-satunya tempat Anda membutuhkan plugin. Plugin formulir yang masih terawat sudah cukup. Yang lebih penting adalah bentuk formulirnya.

Minta hanya yang Anda butuhkan untuk menindaklanjuti. Untuk newsletter atau unduhan, alamat email sudah cukup. Untuk pemesanan panggilan, tambahkan nama dan paling banyak satu pertanyaan kualifikasi. Setiap kolom tambahan mengurangi jumlah pengisian yang selesai, dan sisanya bisa ditanyakan setelah kontak pertama.

Letakkan formulir di tempat keputusan dibuat. Di halaman pendek, itu tepat di bawah penawaran. Di halaman yang lebih panjang, ulangi tombol setelah bagian bukti dan tautkan kembali ke formulir yang sama.

Lalu siapkan bagian yang sering dilupakan: status terima kasih. Arahkan ke halaman konfirmasi singkat, atau tampilkan pesan inline, yang menyebut apa yang terjadi berikutnya dan kapan. Tambahkan event analitik Anda di sana, supaya konversi dihitung saat konfirmasi, bukan saat klik.

Terakhir, uji formulir dari ponsel dengan alamat sungguhan, dan pastikan emailnya masuk. Landing page dengan formulir yang rusak lebih buruk daripada tidak ada halaman sama sekali, karena ia menghabiskan anggaran iklan dan tidak menghasilkan apa-apa.

Seberapa cepat halaman ini harus dimuat?

Lebih cepat daripada bagian situs Anda yang lain. Pengunjung dari iklan belum punya loyalitas kepada Anda, dan layar pertama yang lambat mengakhiri kunjungan sebelum judulnya sempat dibaca.

Panduan Google tentang Largest Contentful Paint menganggap 2,5 detik atau kurang sebagai nilai yang baik. Di landing page, elemen terbesar biasanya gambar hero atau blok judul, jadi di sanalah Anda mulai mencari.

Daftar cek singkat, diurutkan menurut dampaknya:

• Kompres gambar hero dan sajikan dalam WebP, dengan ukuran yang sesuai lebar tampilnya.

• Jangan lazy-load gambar pertama di halaman. Core biasanya menghindarinya untuk gambar di atas lipatan, tetapi pastikan di HTML yang sudah dirender, terutama jika ada block Cover.

• Self-host satu atau dua font dan buang bobot yang tidak dipakai. Variable font menggantikan beberapa file dengan satu file.

• Muat script hanya di tempat yang dibutuhkan. Plugin formulir yang dimuat di setiap halaman sebaiknya dibatasi hanya ke halaman yang memuat formulir.

• Hindari slider, video yang berputar otomatis, dan animasi berat di atas lipatan.

Ukur sebelum dan sesudah dengan PageSpeed Insights pada URL live, dengan pengaturan mobile. Lakukan dengan caching aktif, seperti yang dilihat pengunjung. Untuk perbaikan yang lebih luas, cara mempercepat situs WordPress mengurutkannya menurut dampak, dan audit lapangan performa WordPress menunjukkan cara membaca angkanya.

Apakah halaman ini berfungsi di ponsel dan dalam bahasa pembaca Anda?

Sebagian besar trafik iklan dan email datang lewat ponsel, jadi rancang layar sempit lebih dulu dan periksa layar lebar setelahnya. Buka halaman di perangkat sungguhan. Perhatikan ukuran tombol, jarak antar area sentuh, dan apakah formulir membuka keyboard yang tepat untuk setiap kolom.

Jika audiens Anda juga mencakup pembaca yang membaca dari kanan ke kiri, uji halaman dalam tata letak cermin. Pembaca Arab dan Ibrani mengharapkan hero, tombol, dan formulir mengalir dari kanan. Block theme dengan stylesheet RTL yang layak menangani sebagian besar hal ini, tetapi tetap periksa spasi, penempatan ikon, dan gaya kutipan dalam tampilan cermin.

Pilih tipografi yang punya glif Arab atau Ibrani asli, bukan fallback. Halaman yang tampak rapi dalam bahasa Inggris tetapi berantakan dalam bahasa Arab memberi tahu seluruh audiens bahwa penawaran itu tidak ditulis untuk mereka.

Jika Anda mengelola dua bahasa, buat dua landing page terpisah dengan salinan masing-masing. Jangan menerjemahkan judul kata demi kata. Janji yang berhasil dalam satu bahasa sering membutuhkan bentuk yang berbeda di bahasa lain. Untuk pembaca berbahasa Indonesia, pastikan juga bahwa istilah teknis seperti Site Editor dan Create pattern tetap konsisten dengan antarmuka yang dilihat pengguna Anda.

Apa yang harus Anda periksa sebelum publikasi?

Jalankan daftar ini di halaman live, dalam keadaan belum login, di jendela privat:

• Halaman punya satu tujuan dan satu tombol utama, yang diulang paling banyak dua kali.

• Header, footer, dan sidebar sudah hilang.

• Judul, meta description, dan gambar sosial sudah diisi, serta cocok dengan iklan yang mengarahkan orang ke sini.

• Formulir terkirim, status terima kasih muncul, dan konversi tercatat.

• Halaman lolos uji kecepatan mobile dan terbaca dengan rapi pada lebar 360 piksel.

• Setiap gambar punya teks alternatif, dan kontras teks tombol bisa dibaca.

Lalu putuskan apakah halaman ini perlu diindeks. Halaman yang dibuat untuk kampanye berbayar bisa diberi tag noindex agar tidak bersaing dengan halaman utama Anda. Halaman yang dimaksudkan untuk peringkat layak masuk ke sitemap dan butuh judul pencarian yang baik.

Setelah rilis, ubah satu hal dalam satu waktu. Tulis ulang judul lebih dulu, karena judul memberi bobot paling besar, dan beri setiap versi cukup pengunjung sebelum Anda menilainya. Dua minggu trafik yang stabil memberi tahu lebih banyak daripada dua hari euforia.

Apa yang sebenarnya akan kami lakukan?

Mulai dengan kalimat satu tujuan, template Landing, dan lima bagian. Lewati page builder sampai editor native tidak lagi memadai. Curahkan usaha pada penawaran, judul, dan kecepatan, karena ketiganya yang menggerakkan angka itu.

Buka Site Editor, beri nama template Landing, dan bangun hero sebelum bagian lainnya.