{"id":15527,"date":"2025-12-24T08:43:21","date_gmt":"2025-12-24T01:43:21","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=15527"},"modified":"2026-02-13T17:18:32","modified_gmt":"2026-02-13T10:18:32","slug":"cara-membuat-landing-page-di-wordpress-dengan-siteorigin","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-landing-page-di-wordpress-dengan-siteorigin\/","title":{"rendered":"Cara Membuat Landing Page di WordPress dengan SiteOrigin"},"content":{"rendered":"\n<p>Di era digital saat ini, membuat <em>landing page<\/em> menjadi salah satu strategi pemasaran paling efektif untuk mengubah pengunjung menjadi pelanggan. Sebuah <em>landing page<\/em> yang dirancang dengan baik bahkan dapat meningkatkan <em>conversion rate<\/em> hingga 50%, tergantung pada industri dan target audiens Anda.<\/p>\n\n\n\n<p>Kabar baiknya, Anda tidak perlu menjadi ahli coding untuk membuat halaman tersebut. Dengan bantuan SiteOrigin, salah satu page builder WordPress yang populer dan mudah digunakan, siapa pun dapat merancang <em>landing page<\/em> profesional hanya dalam hitungan menit.<\/p>\n\n\n\n<p>Dalam artikel ini, kami akan memandu Anda langkah demi langkah membuat landing page di WordPress menggunakan SiteOrigin, mulai dari persiapan, pembuatan, hingga proses publikasi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu SiteOrigin di WordPress?<\/h2>\n\n\n\n<p>SiteOrigin adalah plugin <em>page builder<\/em> gratis untuk WordPress yang memungkinkan Anda membuat website dan <em>landing page<\/em> dengan drag-and-drop interface yang intuitif. Tidak perlu menulis kode atau memahami HTML\/CSS, karena semuanya dapat dilakukan secara visual melalui editor SiteOrigin.<\/p>\n\n\n\n<p>Berikut adalah beberapa kelebihan dari SiteOrigin.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gratis dan <em>Open Source<\/em><\/strong>: Tidak ada biaya lisensi bulanan, tersedia gratis di WordPress plugin directory<\/li>\n\n\n\n<li><strong><em>User-Friendly<\/em><\/strong>: Interface <em>drag-and-drop <\/em>yang sangat mudah dipelajari, bahkan untuk pemula<\/li>\n\n\n\n<li><strong><em>Responsive <\/em>Design<\/strong>: Halaman yang dibuat otomatis <em>mobile-friendly<\/em> dan <em>responsive<\/em><\/li>\n\n\n\n<li><strong>Fleksibel<\/strong>: Banyak pilihan <em>layout<\/em>, widget, dan <em>customization options<\/em><\/li>\n\n\n\n<li><strong>Kompatibel dengan Tema Apapun<\/strong>: SiteOrigin bekerja dengan hampir semua tema WordPress<\/li>\n\n\n\n<li><strong><em>Lightweight<\/em><\/strong>: Tidak membuat website menjadi berat atau lambat<\/li>\n\n\n\n<li><strong>Community Support<\/strong>: Forum komunitas yang aktif dan responsif<\/li>\n<\/ul>\n\n\n\n<p>Meskipun ada banyak <em>page builder<\/em> premium seperti Elementor atau Divi, SiteOrigin tetap menjadi pilihan terbaik untuk pengguna yang menginginkan solusi gratis, simple, tapi powerful. SiteOrigin lebih ringan dan tidak akan memperlambat website Anda dibandingkan builder premium yang lebih heavy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Persiapan Sebelum Membuat Landing Page di WordPress<\/h2>\n\n\n\n<p>Sebelum Anda mulai membuat <em>landing page<\/em> di WordPress dengan SiteOrigin, ada beberapa persiapan penting yang harus dilakukan untuk memastikan proses berjalan lancar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Pastikan WordPress Sudah Terinstall dan Aktif<\/h3>\n\n\n\n<p><em>Landing page<\/em> dibuat di dalam WordPress, jadi Anda harus memiliki website WordPress yang sudah berjalan. Jika Anda belum memiliki WordPress, Anda dapat melakukan <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-install-wordpress-di-cpanel\/\" target=\"_blank\" rel=\"noopener\" title=\"cara install wordpress\">instalasi WordPress<\/a> dengan panduan berikut. <\/p>\n\n\n\n<p>Pastikan WordPress Anda sudah updated ke versi terbaru untuk keamanan dan <em>compatibility <\/em>terbaik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Install Plugin SiteOrigin Page Builder<\/h3>\n\n\n\n<p>SiteOrigin tersedia gratis di WordPress <a href=\"https:\/\/wordpress.org\/plugins\/siteorigin-panels\/\" target=\"_blank\" rel=\"noopener\" title=\"\">plugin directory<\/a>. Berikut cara menginstallnya:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke <strong>WordPress Dashboard<\/strong> Anda<\/li>\n\n\n\n<li>Buka menu <strong>Plugins<\/strong> &gt; <strong>Add New<\/strong><\/li>\n\n\n\n<li>Cari <strong>&#8220;SiteOrigin Page Builder&#8221;<\/strong> di kolom pencarian.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-1024x484.png\" alt=\"install plugin SiteOrigin \" class=\"wp-image-15616\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-1024x484.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-768x363.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-570x270.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-740x350.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin.png 1334w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Klik tombol <strong>&#8220;Install Now&#8221;<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-1024x484.png\" alt=\"install page builder by siteorigin\" class=\"wp-image-15616\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-1024x484.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-768x363.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-570x270.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin-740x350.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/install-siteorigin.png 1334w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Setelah selesai, klik <strong>&#8220;Activate&#8221;<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Plugin akan langsung aktif dan siap digunakan untuk membuat halaman baru.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Install dan Aktivasi SiteOrigin Widgets Bundle (Opsional tapi Disarankan)<\/h3>\n\n\n\n<p>SiteOrigin memiliki plugin tambahan bernama <strong>SiteOrigin Widgets Bundle<\/strong> yang menyediakan lebih banyak <em>widget<\/em> dan fitur tambahan. Meskipun opsional, kami sangat merekomendasikan untuk install:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Di <strong>Plugins<\/strong> &gt; <strong>Add New<\/strong>, cari <strong>&#8220;SiteOrigin Widgets Bundle&#8221;<\/strong><\/li>\n\n\n\n<li>Klik <strong>&#8220;Install Now&#8221;<\/strong> dan <strong>&#8220;Activate&#8221;<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Dengan Widgets Bundle, Anda akan memiliki lebih banyak pilihan elemen untuk landing page, seperti testimonial, <em>pricing table<\/em>, <em>call-to-action button<\/em>, dan banyak lagi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Siapkan Konten Landing Page Anda<\/h3>\n\n\n\n<p>Sebelum mulai design, siapkan konten yang akan digunakan di landing page seperti text atau isi website, gambar, hingga mungkin peta untuk alamat toko Anda. Menyiapkan konten terlebih dahulu akan membuat proses design menjadi lebih cepat dan fokus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Landing Page dengan SiteOrigin<\/h2>\n\n\n\n<p>Berikut langkah demi langkah untuk membuat Landing Page di WordPress menggunakan Page Builder by SiteOrigin.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li> Langkah pertama, klik menu Pages &gt; Add new. Lalu, pada bagian &#8220;Page Attributes&#8221;, ubah template menjadi &#8220;Full Width Template&#8221;. <\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"319\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-attributes.png\" alt=\"pilih full width template\" class=\"wp-image-15620\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-attributes.png 295w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-attributes-277x300.png 277w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-attributes-270x292.png 270w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Kemudian ubah Editor-nya menggunakan &#8220;Page Builder&#8221;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"873\" height=\"500\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor.png\" alt=\"tambah halaman baru\" class=\"wp-image-15621\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor.png 873w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-300x172.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-768x440.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-370x212.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-270x155.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-570x326.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/page-builder-editor-740x424.png 740w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Setelah itu, Anda diberikan pilihan apakah ingin membuat halaman dari nol atau menggunakan &#8220;Prebuild Layout&#8221;. Silahkan pilih &#8220;Prebuild Layout&#8221;, untuk membuat halaman menggunakan contoh template yang disediakan.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"871\" height=\"427\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild.png\" alt=\"gunakan prebuild layout\" class=\"wp-image-15622\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild.png 871w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-300x147.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-768x377.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-370x181.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-270x132.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-570x279.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/prebuild-740x363.png 740w\" sizes=\"auto, (max-width: 871px) 100vw, 871px\" \/><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Pilih layout yang ingin digunakan, kemudian klik tombol insert.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-1024x431.png\" alt=\"pilih layout\" class=\"wp-image-15623\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-1024x431.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-300x126.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-768x323.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-370x156.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-270x114.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-570x240.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout-740x311.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/insert-layout.png 1305w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Insert layout sudah selesai, terlihat Row dan Widget hasil dari layout. Untuk melihat live editornya silahkan klik tombol &#8220;Live Editor&#8221;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"881\" height=\"572\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor.png\" alt=\"pilih live editor\" class=\"wp-image-15624\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor.png 881w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-300x195.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-768x499.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-370x240.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-270x175.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-570x370.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-740x480.png 740w\" sizes=\"auto, (max-width: 881px) 100vw, 881px\" \/><\/figure>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>Pada mode &#8220;Live Editor&#8221; akan terlihat tampilan live website, yang bisa dilakukan modifikasi secara langsung, baik modifikasi isi konten, widget, dan row.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-1024x500.png\" alt=\"cara membuat landing page di WordPress menggunakan SiteOrigin\" class=\"wp-image-15626\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-1024x500.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-300x147.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-768x375.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-370x181.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-270x132.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-570x278.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2-740x361.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/live-editor-2.png 1335w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Agar lebih familiar, Anda bisa mencoba-coba semua widget yang disediakan &#8220;Page Builder by SiteOrigin&#8221;. <\/p>\n\n\n\n<p>Setelah halaman selesai dibuat, klik tombol <strong>Publish <\/strong>untuk mempublikasi <em>landing page <\/em>yang Anda buat. Dengan demikian, semua orang bisa melihat produk atau jasa yang Anda tawarkan.<\/p>\n\n\n\n<p>Agar <em>landing page<\/em> yang telah Anda buat dapat digunakan sebagai <em>homepage <\/em>di WordPress, Anda perlu mengatur halaman tersebut sebagai halaman utama. Panduan lengkap untuk melakukan pengaturan <em>homepage <\/em>di WordPress dapat Anda pelajari melalui artikel <strong><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-mengatur-homepage-di-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\">berikut<\/a><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tips Membuat <em>Landing Page<\/em> yang Efektif<\/h2>\n\n\n\n<p>Membuat <em>landing page<\/em> bukan hanya tentang estetika, tapi juga tentang <em>converting <\/em>visitor menjadi <em>customer<\/em>. Berikut adalah tips untuk membuat <em>landing page<\/em> yang benar-benar efektif:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Fokus pada <em>One Goal<\/em> Per <em>Landing Page<\/em><\/h3>\n\n\n\n<p>Setiap <em>landing page<\/em> harus memiliki <strong>satu primary goal\/CTA<\/strong> yang jelas. Jangan buat <em>landing page<\/em> dengan <em>multiple conflicting goals<\/em> (misal: &#8220;Beli Produk&#8221; dan &#8220;Subscribe Newsletter&#8221; yang sama prominent).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Baik:<\/strong> Landing page hanya untuk &#8220;Beli Produk X&#8221;<\/li>\n\n\n\n<li><strong>Kurang Baik:<\/strong> Landing page dengan 5 CTA yang berbeda tanpa prioritas<\/li>\n<\/ul>\n\n\n\n<p>Dengan fokus pada satu goal, visitor tidak akan bingung tentang <em>action <\/em>apa yang harus mereka lakukan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Buat <em>Headline <\/em>yang Menarik dan memiliki value<\/h3>\n\n\n\n<p><em>Headline <\/em>adalah elemen pertama yang dilihat visitor. Investasi waktu untuk membuat <em>headline <\/em>yang benar-benar menarik dan jelas:<\/p>\n\n\n\n<p><strong>Contoh Headline Baik:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;Tingkatkan Penjualan Online Anda Hingga 300% Dalam 30 Hari&#8221;<\/li>\n\n\n\n<li>&#8220;Hemat Waktu Admin 10 Jam Per Minggu Dengan Software Kami&#8221;<\/li>\n\n\n\n<li>&#8220;Dapatkan Akses VIP Ke Semua Premium Content Seumur Hidup&#8221;<\/li>\n<\/ul>\n\n\n\n<p><strong>Hindari Headline Generik:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;Selamat Datang di Website Kami&#8221;<\/li>\n\n\n\n<li>&#8220;Produk Terbaru Kami&#8221;<\/li>\n\n\n\n<li>&#8220;Klik di Sini&#8221;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Gunakan Desain yang Minimalis dan Clean<\/h3>\n\n\n\n<p>Jangan membuat<em> landing page<\/em> yang terlalu ramai dengan elemen. Terlalu banyak warna, <em>font<\/em>, atau <em>image <\/em>akan mengganggu focus pada CTA:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gunakan max 2-3 warna<\/strong> untuk design<\/li>\n\n\n\n<li><strong>Gunakan max 2 font<\/strong> (1 untuk heading, 1 untuk body)<\/li>\n\n\n\n<li><strong>Berikan <em>whitespace<\/em><\/strong> yang cukup agar halaman tidak <em>crowded<\/em><\/li>\n\n\n\n<li><strong>Highlight CTA <\/strong><em><strong>button<\/strong> <\/em>dengan warna kontras<\/li>\n<\/ul>\n\n\n\n<p><em>Landing page<\/em> yang <em>clean <\/em>akan meningkatkan kepercayaan dan <em>conversion rate<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Gunakan Social Proof (Testimonial, Reviews, Rating)<\/h3>\n\n\n\n<p>Social proof sangat powerful untuk meningkatkan kepercayaan pengunjung. Tambahkan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Testimonial Pengguna<\/strong> dengan nama dan foto<\/li>\n\n\n\n<li><strong><em>Review <\/em>rating<\/strong> (5 bintang, dll)<\/li>\n\n\n\n<li><strong>Jumlah pelanggan<\/strong> (&#8220;Dipercaya oleh 10,000+ pelanggan&#8221;)<\/li>\n\n\n\n<li><strong>Penghargaan atau sertifikasi<\/strong> (jika punya)<\/li>\n<\/ul>\n\n\n\n<p>Social proof ini akan membuat visitor lebih yakin untuk membeli\/sign up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Optimasi untuk <em>Mobile Device<\/em><\/h3>\n\n\n\n<p>Lebih dari 60% <em>traffic <\/em>website datang dari <em>mobile device<\/em>. Pastikan <em>landing page<\/em> Anda terlihat <em>perfect <\/em>di mobile:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em>Preview <\/em>halaman di berbagai ukuran layar (smartphone, tablet, desktop)<\/li>\n\n\n\n<li>Pastikan button cukup besar untuk di-tap (minimal 40px height)<\/li>\n\n\n\n<li>Pastikan font size cukup readable (min. 14px untuk body text)<\/li>\n\n\n\n<li><em>Test loading speed<\/em> di mobile (gunakan Google PageSpeed Insights)<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">6. Buat Strong Call-to-Action (CTA)<\/h3>\n\n\n\n<p>CTA adalah elemen yang menentukan <em>conversion <\/em>atau tidak:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gunakan action verb<\/strong> yang jelas (Buy, Sign Up, Download, Register, Contact)<\/li>\n\n\n\n<li><strong>Buat button menonjol<\/strong> dengan warna kontras<\/li>\n\n\n\n<li><strong>Letakkan di area atas<\/strong> (above the fold, tidak perlu scroll)<\/li>\n\n\n\n<li><strong>Repeat CTA<\/strong> di beberapa tempat (header, middle, footer)<\/li>\n<\/ul>\n\n\n\n<p>Contoh CTA yang baik: &#8220;Daftar Gratis Sekarang&#8221; (bukan hanya &#8220;Submit&#8221;)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Tambahkan Trust Signals dan Security Badges<\/h3>\n\n\n\n<p>Visitor ingin tahu bahwa data mereka aman dan bisnis Anda legitimate:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SSL Certificate Badge<\/strong> (HTTPS)<\/li>\n\n\n\n<li><strong>Privacy Policy<\/strong> link di footer<\/li>\n\n\n\n<li><strong>Contact Information<\/strong> yang jelas<\/li>\n\n\n\n<li><strong>Money-Back Guarantee<\/strong> (jika ada)<\/li>\n\n\n\n<li><strong>Company Credentials<\/strong> atau certification<\/li>\n<\/ul>\n\n\n\n<p><em>Trust<\/em> signals ini akan <em>reduce friction<\/em> dan <em>increase conversion<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Optimize untuk SEO Meskipun Landing Page<\/h3>\n\n\n\n<p>Landing page adalah halaman promotional, tapi jangan abaikan SEO basics:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Meta Title<\/strong> yang include keyword utama<\/li>\n\n\n\n<li><strong>Meta Description<\/strong> yang menarik dan informative<\/li>\n\n\n\n<li><strong>Heading Structure<\/strong> yang proper (H1, H2, H3)<\/li>\n\n\n\n<li><strong>Internal links<\/strong> ke halaman lain yang relevan<\/li>\n\n\n\n<li><strong>Alt text<\/strong> pada images<\/li>\n\n\n\n<li><strong>Fast loading speed<\/strong> (optimize images, minify code)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p><em>Landing page<\/em> adalah alat marketing yang sangat powerful untuk mengkonversi visitor menjadi customer atau leads. Dengan menggunakan SiteOrigin Page Builder di WordPress, Anda dapat membuat landing page yang profesional dan efektif tanpa memerlukan coding skills atau budget besar untuk hire developer.<\/p>\n\n\n\n<p>Untuk memaksimalkan performa <em>landing page<\/em>, pastikan website Anda menggunakan <a href=\"https:\/\/www.rumahweb.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\" title=\"\">WordPress Hosting<\/a> yang cepat dan aman. Dengan WordPress hosting Rumahweb, Anda mendapatkan server dengan kecepatan tinggi, SSL gratis, uptime 99,9%, dan dukungan teknis 24\/7. Kombinasi SiteOrigin dan Rumahweb adalah pilihan ideal untuk membuat <em>landing page<\/em> yang profesional, cepat, dan menghasilkan konversi lebih baik.<\/p>\n\n\n\n<p>Demikian panduan kami tentang cara membuat <em>landing page<\/em> di WordPress menggunakan Page Builder by SiteOrigin, selamat mencoba. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Di era digital saat ini, membuat landing page menjadi salah satu strategi pemasaran paling efektif untuk mengubah pengunjung menjadi pelanggan. Sebuah landing page yang dirancang dengan baik bahkan dapat meningkatkan conversion rate hingga 50%, tergantung pada industri dan target audiens Anda. Kabar baiknya, Anda tidak perlu menjadi ahli coding untuk membuat halaman tersebut. Dengan bantuan [&hellip;]<\/p>\n","protected":false},"author":324,"featured_media":60191,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[1268,2564,14],"class_list":{"0":"post-15527","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-landing-page","9":"tag-siteorigin","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/12\/Banner-Cara-Membuat-Landing-Page-di-WordPress-dengan-SiteOrigin.webp","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-42r","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/324"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=15527"}],"version-history":[{"count":7,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15527\/revisions"}],"predecessor-version":[{"id":61736,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15527\/revisions\/61736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/60191"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=15527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=15527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=15527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}