Rumahweb Journal

Cara Membuat Landing Page Dengan Elementor di WordPress

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 page.

Apa itu Landing Page?

Landing page adalah sebuah halaman khusus yang dibuat untuk tujuan digital marketing. Biasanya landing page berisi detail informasi produk, cara pemesanan hingga pembelian.

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.

Selengkapnya tentang apa itu landing page bisa Anda baca pada artikel: Pengertian Landing Page

Membuat Landing Page dengan Elementor WordPress

Kami akan memberikan panduan penggunakan plugin elementor sebagai salah satu plugins page builder yang bisa digunakan untuk membuat landing page dengan mudah.

Tentunya, pastikan Anda sudah punya domain dan hosting aktif ya! Kalau belum punya, silakan order disini. Selain domain hosting, Anda juga perlu melakukan installasi wordpress pada hosting Anda, jika belum diinstall maka bisa dicek panduan berikut ini untuk installasi wordpressnya :

Setelah semuanya siap, selanjutnya silakan login dahulu ke admin dashboard wordpressnya pada URL https://namadomainanda/wp-admin.

cara membuat landing page dengan elementor

Langkah 1. Install Plugin Elementor

Sebelum masuk di bagaimana cara pembuatannya, silakan lakukan installasi plugins “Elementor” dengan cara klik “Plugins” kemudian “Add New”

install elementor - cara Membuat Landing Page Menggunakan Elementor pada WordPress

Cari “elementor” lalu klik “Install Now”

aktivasi plugin elementor - cara Membuat Landing Page Menggunakan Elementor pada WordPress

Jika Installasi sudah selesai, jangan lupa untuk aktifkan pluginsnya ya, seperti ini :

aktivasi plugin elementor page builder

Setelah berhasil menginstall plugin Elementor, selanjutnya Anda bisa melanjutkan untuk proses pembuatan landing page. Berikut beberapa cara membuat landing page dengan elementor.

Langkah 2. Cara Membuat Landing Page

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.

Opsi 1. Cara membuat Landing Page dengan template

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 “Pages” >> “Add New” atau bisa melihat gambar berikut ini :

Opsi 1. cara Membuat Landing Page Dengan Template - image 1

Setelah dibuat, jangan buru buru edit dengan elemntor. Silakan Anda ubah dulu template defaultnya menjadi menggunakan elementor canvas pada setting “Pages Attributs”.

Opsi 1. cara Membuat Landing Page Dengan Template - image 2

Setelah perubahan tamplate disimpan, baru Anda klik “Edit with Elementor”

Opsi 1. cara Membuat Landing Page Dengan Template - image 3

Anda akan di redirect ke halaman editor di elementor. Kurang lebih seperti ini tampilannya :

Opsi 1. cara Membuat Landing Page Dengan Template - image 4

Untuk membuat design dengan template yang disediakan elementor cukup mudah, Anda hanya cukup klik tombol “folder” dengan begitu akan muncul tumbnail design design yang disediakan dari plugins elementor.

Opsi 1. cara Membuat Landing Page Dengan Template - image 5

Anda bebas pilih salah satu template yang diinginkan. Silakan bisa disesuaikan dengan kebutuhan masing masing dan sesuai “look” dari masing masing website yang akan dibangun. Apabila Anda masih belum punya akun di elementor, bisa klik “gets started” dan buat akunnya ya!

Dan woila template Anda akan tampil dan silakan dilakukan penyesuaian isi templatenya sesuai kebutuhannya.

Opsi 1. cara Membuat Landing Page Dengan Template - image 6

Setelah perubahan template dirasa cukup, Anda bisa klik “Publish” . Anda juga bisa simpan sebagai template dengan cara “save as template” agar design yang sudah Anda buat bisa dijadikan template pada page lain. Mudah bukan?

Opsi 1. cara Membuat Landing Page Dengan Template - image 7


Opsi 2. Cara membuat Landing Page dengan design sendiri

Opsi 2. Cara Membuat Landing Page Dengan Design Sendiri

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!

Cara awalnya sama, silakan bisa dilakukan “add new pages” seperti panduan diatas hingga muncul halaman editor dari elementor itu sendiri ( jangan lupa untuk ubah templatenya menjadi elementor canvas lagi ya ).

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 :

2.1. TOOLS BASIC
TOOLS BASIC di elementor
2.2. TOOLS GENERAL
TOOLS GENERAL di elementor
TOOLS GENERAL di elementor

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.

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!

Anda bisa gunakan “add stucture” untuk membagi canvas menjadi beberapa kolom bagian seperti ini :

add stucture

Pilih layout yang cocok disesuaikan dengan kebutuhan. Selanjutnya Anda bisa mengisikan masing masing kolom dengan drag and drop widget yang dibutuhkan.

Seperti biasa, jika sudah selesai Anda bisa simpan template yang sudah Anda buat.

Langkah 3. Setting Landing Page menjadi Frontpage

Ini langkah terakhir yang perlu Anda lakukan jika landing page yang Anda buat tadi ingin dijadikan front page.

Caranya cukup mudah, Anda hanya cukup setting pada menu Settings > Reading > kemudian Anda ubah pada bagian “Your homepage displays” pilih “A static page (select below)” lalu pilih landing page yang sudah Anda buat tadi > save.

Langkah 3. Setting Landing Page Menjadi Frontpage

Jadi bagaimana warga RW, mudah bukan cara membuat landing page dengan elementor? Selamat mencoba ya!

Demikian cara membuat landing page dengan plugin elementor. Bagi Anda yang tidak memiliki waktu untuk membuat landing page sendiri, Anda bisa menggunakan freelancer yang menawarkan jasa landing page dan menguploadnya di akun hosting Anda di Rumahweb. Semoga bermanfaat.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 3.8 / 5. Vote count: 15

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Cloud Hosting Terbaik Rumahweb

Hikmah Nurul Ardhaningtyas