{"id":15353,"date":"2024-01-08T14:53:57","date_gmt":"2024-01-08T07:53:57","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=15353"},"modified":"2024-08-01T12:29:09","modified_gmt":"2024-08-01T05:29:09","slug":"cara-membuat-landing-page-wordpress-elementor","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-landing-page-wordpress-elementor\/","title":{"rendered":"Cara Membuat Landing Page Dengan Elementor di WordPress"},"content":{"rendered":"\n<p>Halaman <em>landing page<\/em> sangat penting bagi Anda yang akan mengiklankan website ke media Advertising seperti Facebook Ads hingga Google Ads. Pada artikel ini, kami akan berbagi cara membuat landing page dengan Plugin elementor di WordPress yang menarik.<\/p>\n\n\n\n\n\n<p>Sebelum masuk ke tutorial cara membuat landing page, lebih baik Anda pahami terlebih dahulu tentang apa itu landing page. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Landing Page?<\/h2>\n\n\n\n<p>Landing page adalah sebuah halaman khusus yang dibuat untuk tujuan digital marketing. Biasanya landing page berisi detail informasi produk, cara pemesanan hingga pembelian. <\/p>\n\n\n\n<p>Di halaman landing page, ada 3 hal pokok yang harus Anda perhatikan. Seperti informasi detail produk, lalu apa yang akan pelanggan Anda dapatkan ketika memesan produk tersebut hingga bagaimana cara pemesanannya. <\/p>\n\n\n\n<p>Selengkapnya tentang apa itu landing page bisa Anda baca pada artikel: <a href=\"https:\/\/blog.rumahweb.com\/landing-page-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"landing page adalah\">Pengertian Landing Page<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Landing Page dengan Elementor WordPress<\/h2>\n\n\n\n<p>Kami akan memberikan panduan penggunakan <em>plugin elementor<\/em> sebagai salah satu plugins page builder yang bisa digunakan untuk membuat landing page dengan mudah. <\/p>\n\n\n\n<p>Tentunya, pastikan Anda sudah punya domain dan hosting aktif ya! Kalau belum punya, silakan order <a href=\"https:\/\/order2.rumahweb.com\/\" target=\"_blank\" rel=\"noopener\" title=\"\">disini<\/a>. Selain domain hosting, Anda juga perlu melakukan installasi wordpress pada hosting Anda, jika belum diinstall maka bisa dicek panduan berikut ini untuk installasi wordpressnya :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-install-wordpress-di-cpanel\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Install WordPress di cPanel<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.rumahweb.com\/journal\/panduan-instalasi-wordpress-melalui-plesk-panel\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Install WordPress di Plesk<\/a><\/li>\n<\/ul>\n\n\n\n<p>Setelah semuanya siap, selanjutnya silakan login dahulu ke admin dashboard wordpressnya pada URL https:\/\/namadomainanda\/wp-admin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-1024x464.png\" alt=\"cara membuat landing page dengan elementor\" class=\"wp-image-15356\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-1024x464.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-300x136.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-768x348.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-370x168.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-270x122.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-570x258.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401-740x335.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/1.-Login-wordpress-e1589256518401.png 1356w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Langkah 1. Install Plugin Elementor<\/h3>\n\n\n\n<p>Sebelum masuk di bagaimana cara pembuatannya, silakan lakukan installasi plugins &#8220;Elementor&#8221; dengan cara klik &#8220;Plugins&#8221; kemudian &#8220;Add New&#8221;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-1024x452.png\" alt=\"install elementor - cara Membuat Landing Page Menggunakan Elementor pada WordPress\" class=\"wp-image-15358\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-1024x452.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-300x132.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-768x339.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-370x163.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-270x119.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-570x252.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1-740x327.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/2.-add-plugins-1.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Cari &#8220;elementor&#8221; lalu klik &#8220;Install Now&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--1024x478.png\" alt=\"aktivasi plugin elementor - cara Membuat Landing Page Menggunakan Elementor pada WordPress\" class=\"wp-image-15360\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--1024x478.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--768x359.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--370x173.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--570x266.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install--740x346.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/3.install-.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika Installasi sudah selesai, jangan lupa untuk aktifkan pluginsnya ya, seperti ini :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"295\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active.png\" alt=\"aktivasi plugin elementor page builder\" class=\"wp-image-15361\" style=\"width:410px;height:207px\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active.png 584w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active-300x152.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active-370x187.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active-270x136.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/4.-active-570x288.png 570w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/figure>\n<\/div>\n\n\n<p>Setelah berhasil menginstall plugin Elementor, selanjutnya Anda bisa melanjutkan untuk proses pembuatan landing page. Berikut beberapa cara membuat landing page dengan elementor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 2. Cara Membuat Landing Page<\/h3>\n\n\n\n<p>Ada dua cara yang bisa Anga lakukan, untuk membuat landing page dengan elementor. Yaitu membuat landing page dengan template yang telah disediakan, atau bisa mendesain sendiri landing page dengan kreatifitas Anda. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Opsi 1. Cara membuat Landing Page dengan template<\/h4>\n\n\n\n<p>Untuk membuat landing page, maka hal dasar yang dibutuhkan yakni page yang akan digunakan sebagai wadah pembuatan landing pagenya. Untuk membuat page, silakan bisa klik menu &#8220;Pages&#8221; &gt;&gt; &#8220;Add New&#8221; atau bisa melihat gambar berikut ini :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--1024x439.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 1\" class=\"wp-image-15364\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--1024x439.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--300x129.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--768x329.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--370x159.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--270x116.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--570x245.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages--740x317.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/5.-add-pages-.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Setelah dibuat, jangan buru buru edit dengan elemntor. Silakan Anda ubah dulu template defaultnya menjadi menggunakan elementor canvas pada setting &#8220;Pages Attributs&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-1024x460.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 2\" class=\"wp-image-15369\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-1024x460.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-300x135.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-768x345.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-370x166.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-270x121.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-570x256.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1-740x332.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/7.-elementor-canvas-1.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah perubahan tamplate disimpan, baru Anda klik &#8220;Edit with Elementor&#8221;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"295\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-1024x295.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 3\" class=\"wp-image-15366\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-1024x295.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-300x87.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-768x222.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-370x107.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-270x78.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-570x164.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor-740x213.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/6.-edit-with-elementor.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Anda akan di redirect ke halaman editor di elementor. Kurang lebih seperti ini tampilannya :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-1024x484.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 4\" class=\"wp-image-15370\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-1024x484.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-768x363.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-570x270.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor-740x350.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/8.-tampilan-elementor.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Untuk membuat design dengan template yang disediakan elementor cukup mudah, Anda hanya cukup klik tombol &#8220;folder&#8221; dengan begitu akan muncul tumbnail design design yang disediakan dari plugins elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"381\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-1024x381.jpg\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 5\" class=\"wp-image-15375\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-1024x381.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-300x112.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-768x286.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-1536x571.jpg 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-370x138.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-270x100.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-570x212.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1-740x275.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/merge_from_ofoct-1.jpg 1616w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anda bebas pilih salah satu template yang diinginkan. Silakan bisa disesuaikan dengan kebutuhan masing masing dan sesuai &#8220;look&#8221; dari masing masing website yang akan dibangun. Apabila Anda masih belum punya akun di elementor, bisa klik &#8220;gets started&#8221; dan buat akunnya ya!<\/p>\n\n\n\n<p>Dan woila template Anda akan tampil dan silakan dilakukan penyesuaian isi templatenya sesuai kebutuhannya.<\/p>\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\/14.-landing-pages-template-1024x484.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 6\" class=\"wp-image-15376\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-1024x484.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-768x363.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-570x270.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template-740x350.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/14.-landing-pages-template.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah perubahan template dirasa cukup, Anda bisa klik &#8220;Publish&#8221; . Anda juga bisa simpan sebagai template dengan cara &#8220;save as template&#8221; agar design yang sudah Anda buat bisa dijadikan template pada page lain. Mudah bukan?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"231\" height=\"124\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/15.-Saveastemplate.png\" alt=\"Opsi 1. cara Membuat Landing Page Dengan Template - image 7\" class=\"wp-image-15378\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><br \/>Opsi 2. Cara membuat Landing Page dengan design sendiri<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-1024x477.png\" alt=\"Opsi 2. Cara Membuat Landing Page Dengan Design Sendiri\" class=\"wp-image-15414\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-1024x477.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-768x358.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-370x172.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-570x265.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol-740x345.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/21-landing-press-nol.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika sebelumnya membahas mengenai penggunakan template dalam pembuatannya yang bisa dikatakan dengan cara instan, Anda bisa juga membuat design Anda sendiri dari nol menggunakan elementor lho!<\/p>\n\n\n\n<p>Cara awalnya sama, silakan bisa dilakukan &#8220;add new pages&#8221; seperti panduan diatas hingga muncul halaman editor dari elementor itu sendiri ( jangan lupa untuk ubah templatenya menjadi elementor canvas lagi ya ). <\/p>\n\n\n\n<p>Untuk membuat design dari nol, maka Anda harus mengetahui fungsi masing masing dari tools yang ada di elementor. Berikut kami berikan penjelasan singkat fungsi masing masing dari tools yang ada : <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2<strong>.1.  TOOLS BASIC<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"551\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3.png\" alt=\"TOOLS BASIC di elementor \" class=\"wp-image-15387\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3.png 785w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-300x211.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-768x539.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-370x260.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-270x190.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-570x400.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/18.-basic-toolsss-3-740x519.png 740w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>2.2. TOOLS GENERAL <\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"550\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1.png\" alt=\"TOOLS GENERAL di elementor\" class=\"wp-image-15411\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1.png 784w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-300x210.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-768x539.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-370x260.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-270x189.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-570x400.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/19-general-tools1-740x519.png 740w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"783\" height=\"537\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2.png\" alt=\"TOOLS GENERAL di elementor\" class=\"wp-image-15412\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2.png 783w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-300x206.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-768x527.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-370x254.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-270x185.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-570x391.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/20-general-tools2-740x508.png 740w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/figure>\n\n\n\n<p>Sebenarnya, masih banyak tools lain yang disediakan plugins elementor namun sifatnya PRO atau Anda harus upgrade plugins tersebut ke versi premiumnya. Namun, dengan tools tools dasar dan umum diatas saja, Anda sudah bisa membuat website yang menarik.<\/p>\n\n\n\n<p>Bagi yang masih bertanya, kemudian bagaimana cara menambahkan widgetnya ke canvas? Anda bisa menambahkannya dengan drag and drop widget yang Anda butuhkan ke canvas editor Anda. Susun design website sesuai dengan kebutuhan ya!<\/p>\n\n\n\n<p>Anda bisa gunakan &#8220;add stucture&#8221; untuk membagi canvas menjadi beberapa kolom bagian seperti ini : <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"181\" height=\"99\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/16.-tombol-plus-1.png\" alt=\"\" class=\"wp-image-15415\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"210\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section.png\" alt=\"add stucture\" class=\"wp-image-15417\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section.png 615w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section-300x102.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section-370x126.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section-270x92.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/22-add-section-570x195.png 570w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<p>Pilih layout yang cocok disesuaikan dengan kebutuhan. Selanjutnya Anda bisa mengisikan masing masing kolom dengan drag and drop widget yang dibutuhkan. <\/p>\n\n\n\n<p>Seperti biasa, jika sudah selesai Anda bisa simpan template yang sudah Anda buat.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Langkah 3. Setting Landing Page menjadi <em>Frontpage<\/em><\/strong><\/h3>\n\n\n\n<p>Ini langkah terakhir yang perlu Anda lakukan jika landing page yang Anda buat tadi ingin dijadikan front page. <\/p>\n\n\n\n<p>Caranya cukup mudah, Anda hanya cukup setting pada menu <strong>Settings<\/strong> &gt; <strong>Reading<\/strong> &gt; kemudian Anda ubah pada bagian &#8220;<strong>Your homepage displays<\/strong>&#8221; pilih &#8220;<strong>A static page (select below)<\/strong>&#8221; lalu pilih landing page yang sudah Anda buat tadi &gt; <strong>save<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-1024x481.png\" alt=\"Langkah 3. Setting Landing Page Menjadi Frontpage\" class=\"wp-image-15419\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-1024x481.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-300x141.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-768x361.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-370x174.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-270x127.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-570x268.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir-740x348.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/23-terakhir.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jadi bagaimana warga RW, mudah bukan cara membuat <em>landing page<\/em> dengan elementor? Selamat mencoba ya!<\/p>\n\n\n\n<p>Demikian <span style=\"text-decoration: underline;\">cara membuat landing page dengan plugin elementor<\/span>. Bagi Anda yang tidak memiliki waktu untuk membuat landing page sendiri, Anda bisa menggunakan freelancer yang menawarkan\u00a0jasa landing page\u00a0dan menguploadnya di akun hosting Anda di Rumahweb. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halaman landing page sangat penting bagi Anda yang akan mengiklankan website ke media Advertising seperti Facebook Ads hingga Google Ads. Pada artikel ini, kami akan berbagi cara membuat landing page dengan Plugin elementor di WordPress yang menarik. Sebelum masuk ke tutorial cara membuat landing page, lebih baik Anda pahami terlebih dahulu tentang apa itu landing [&hellip;]<\/p>\n","protected":false},"author":334,"featured_media":15577,"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":[1288,1268,14],"class_list":{"0":"post-15353","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-elementor","9":"tag-landing-page","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/05\/WhatsApp-Image-2020-05-23-at-15.05.55.jpeg","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-3ZD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15353","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\/334"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=15353"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15353\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/15577"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=15353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=15353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=15353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}