Cara Membuat Landing Page di WordPress Gratis

Posted by: Updated at May. 04, 2019

Cara Membuat Landing Page di WordPress Gratis

Apakah Anda ingin membuat landing page di WordPress secara gratis? Elementor adalah salah satu plugin page builder WordPress yang dapat Anda gunakan untuk membuat halaman custom seperti landing page di WordPress tanpa perlu pengetahuan coding sama sekali. Anda dapat membuat halaman landing page profesional dengan hanya beberapa klik saja.

Pada artikel ini, kami akan akan menunjukkan secara lengkap terkait cara membuat landing page di WordPress gratis dengan menggunakan Elementor dengan hanya beberapa klik saja.

Note: Tutorial cara membuat landing page di WordPress ini hanya akan bekerja jika Anda telah memiliki website WordPress dengan hosting sendiri. Lihat panduan cara membuat website dengan WordPress jika Anda belum memiliki website WordPress.

 

Mengapa dan Kapan Anda membutuhkan Layout/Landing Page Kustom?

Theme WordPress umumnya telah dilengkapi beberapa pilihan untuk halaman tertentu. Namun, tak jarang kita mendapati kondisi dimana layout-layout yang ada tersebut tidak atau kurang sesuai dengan kebutuhan kita.

Jika Anda memiliki pengetahuan tentang pemrograman PHP, HTML dan CSS maka hal ini bukanlah menjadi masalah. Namun, kebanyakan pengguna WordPress bukanlah web developer sehingga tidak memiliki pengetahuan tersebut.

Hal yang sangat bagus jika kita dapat membuat landing page atau layout WordPress dengan hanya melakukan drag dan drop.

Benar, ide luar biasa tersebut telah diwujudkan oleh plugin Elementor. Elementor adalah plugin yang memungkinkan Anda membuat halaman atau landing page kustom dengan tampilan drag dan drop yang sangat mudah digunakan dan tanpa perlu pengetahuan pemrograman (coding) sama sekali.

Elementor memiliki tampilan intuitif yang semakin memudahkan Anda membuat halaman kustom atau landing page dengan preview tampilan secara live. Elementor juga dilengkapi dengan modul-modul yang siap digunakan untuk desain sebuah website.

Tertarik untuk membuat landing page dengan elementor? silakan melanjutkan membaca panduan cara membuat landing page dengan elementor berikut :)

 

Mulai Menggunakan Elementor

Kami telah membuatkan video tutorial cara membuat Landing Page di WordPress gratis secara lengkap di bawah ini. Namun, jika Anda kurang menyukai versi video dan ingin mendapatkan tips lainnya maka sangat disarankan untuk melanjutkan membaca :)

 

Hal pertama yang harus dilakukan untuk dapat menggunakan Elementor adalah melakukan instalasi plugin Elementor di website WordPress Anda. Elementor memiliki paket gratis dan berbayar (Lihat perbandingan paket Elementor) dan pada tutorial ini kita akan menggunakan elementor versi gratis.

Untuk melakukan instalasi, silakan pilih menu Plugins >> Add New dan kemudian ketikkan elementor pada menu pencarian dan kemudian klik Install Now

Cara install plugin elementor WordPress

Setelah proses instalasi selesai, maka tombol Install Now akan berganti menjadi Activate. Klik Activate untuk mengaktifkan plugin Elementor di WordPress Anda.

Selanjutnya, pastikan Anda mengaktifkan elementor pada posts dan pages melalui menu Elementor >> Settings.

konfigurasi elementor

Pastikan untuk melakukan klik pada tombol Save Changes untuk menyimpan perubahan yang telah Anda lakukan. Selesai, plugin elementor telah terinstal dan selanjutnya adalah membuat landing page dengan elementor.

 

Cara Membuat Landing Page di WordPress Gratis dengan Elementor

Untuk memulai membuat landing page di WordPress, maka Anda dapat menggunakan menu Posts >> Add New atau Pages >> Add New (pada contoh ini akan menggunakan pages) dan selanjutnya Anda akan menemukan tombol Edit with Elementor.

membuat landing page dengan elementor

Pada menu Page Attributes, silakan pilih Elementor Full Width untuk membuat landing page WordPress tanpa widget (full halaman)

Selanjutnya, klik menu Edit with Elementor dan menu visual editor elementor akan terbuka dan kita dapat memulai membuat landing page dan menambahkan beberapa elemen. 

 

Membuat Landing Page Secara Manual

Klik tombol untuk membuat secara manual atau menggunakan beberapa template landing page yang sudah disediakan.

Karena kita memilih manual maka silakan melakukan klik pada tombol +, maka Anda akan diminta menentukan struktur halaman landing page yang diinginkan

Setelah Anda memilihnya, maka Anda akan dapat menambahkan beberapa element di dalamnya seperti Text, Image, Button dan banyak lagi

Anda juga dapat menyesuaikan masing-masing style, backupground pada element yang telah ditambahkan dengan melakukan klik pada elemen yang ingin diubah

Selanjutnya, silakan ber-kreasi sesuai dengan imajinasi Anda :). Setelah selesai, klik tombol Publish di kiri bawah untuk mem-publishnya di halaman website Anda.

 

Membuat Landing Page Menggunakan Template Elementor

Untuk membuat landing page dengan menggunakan template yang telah disediakan oleh elementor, maka silakan pilih icon folder/direcotry di menu elementor Anda

Selanjutnya, Anda akan dibawa ke pilihan template elementor yang telah disediakan.

Note: tidak semua template ini gratis dan karena kita menggunakan versi gratis, maka pastikan untuk memilih template gratis untuk dapat digunakan.

Selanjutnya, Anda akan dibawa ke preview template tersebut. Setelah yakin dengan template pilihan Anda, klik Insert dibagian kanan atas untuk meng-implementasikannya

Sama halnya seperti dengan cara manual, setelah Anda meng-insert template tersebut maka Anda tetap dapat melakukan kreasi secara manual dengan menyesuaikan, menambahkan hingga menghapus beberapa elemen yang Anda inginkan.

Setelah selesai, klik Publish atau Update dibagian kanan bawah untuk mem-publish perubahan yang Anda lakukan.

Selesai. Kami harap artikel ini dapat membantu Anda dalam membuat landing page di WordPress dengan mudah. Selain itu, kami juga menyarankan agar Anda memastikan semua halaman website cepat diakses dengan mengikut panduan Cara Mempercepat Website WordPress.

 

Semoga bermanfaat