Cara Membuat Landing Page di WordPress Menggunakan Element Pack & Elementor
Diterbitkan: 2019-10-20Halo semuanya, dalam artikel ini, kita akan belajar tentang cara membuat halaman arahan di WordPress menggunakan Element Pack dan Elementor Page builder. Ini akan menjadi blog tutorial langkah demi langkah jadi tahan napas Anda untuk perjalanan panjang.
Mari kita mulai!
Membuat halaman arahan menggunakan Elementor dan paket elemen sangat mudah
Sebagai permulaan, ada banyak cara untuk membuat halaman arahan yang menakjubkan dengan Elementor dan Element Pack.
Kami membuat artikel ini untuk memberi tahu Anda cara paling mudah membuat halaman arahan dengan plugin WordPress gratis.
Ya, dengan biaya nol.
Apa yang akan kami tunjukkan di sini-
- Plugin Gratis – Pembuat halaman Elementor dan Element Pack Pro memiliki versi plugin gratis yang sesuai untuk pengembangan web.
- Langkah Mudah – Kami akan melakukan semuanya dengan cara yang disederhanakan, tidak ada hal-hal sulit yang terlibat.
- Pengetahuan Pengkodean Tidak Diperlukan – Kami akan bekerja dengan plugin pembuat Halaman Elementor yang tidak memerlukan pengetahuan pengkodean sebagai plugin seret dan lepas. Meski begitu, Anda tidak perlu menghabiskan upaya untuk sisa proses pembuatan halaman dengan kode.
- Desain Kreatif – Beruang tua rasanya lebih enak, tetapi kami tidak menggunakan templat halaman lama dengan antarmuka berulang yang sama. Semua milik kami adalah desain tata letak yang segar dan kreatif.
- Lebih Banyak RKT & Konversi- Panduan ini akan membuat Anda membangun halaman web yang tidak hanya terlihat cantik tetapi juga memiliki tingkat konversi yang lebih tinggi.
Sebelum kita masuk ke proses pembuatan halaman web, izinkan kami memberi tahu Anda sedikit tentang definisi apa yang akan kami buat dan dengan alat apa.
Mari kita bergerak maju.
Daftar Isi
Apa itu Halaman Arahan di WordPress?
Halaman beranda situs Anda pada dasarnya adalah bagian dari situs yang pertama kali kita lihat saat mengunjungi sebuah situs web. Halaman arahan adalah halaman khusus untuk tindakan tertentu yang Anda butuhkan dari pengunjung Anda. Ini adalah halaman khusus yang digunakan untuk tujuan pemasaran dan meningkatkan nilai situs Anda. Laman landas dirancang untuk memengaruhi RKT dan konversi Anda dengan menarik lebih banyak orang dengan daya tarik dan fiturnya.
Halaman arahan yang dirancang dengan baik sering kali menghasilkan lebih banyak lalu lintas pencarian daripada blog atau posting promosi. Masuk akal jika orang menginginkan sesuatu yang baru dan menyenangkan untuk dialami agar diyakinkan dan halaman arahan adalah tempat yang tepat untuk melakukannya.
Ada banyak cara untuk mendesain halaman arahan. Sebuah halaman arahan standar harus berisi header, footer, layanan, faq, harga, dll Anda mungkin berpikir bahwa pada dasarnya adalah sebuah homepage, tapi tidak.
Fakta yang Membedakan Halaman Beranda Dari Halaman Arahan
Tentu saja, beranda adalah halaman pertama yang Anda harapkan dari pengunjung Anda.
Misalnya, beranda berisi keseluruhan struktur situs, detail tentang produk atau layanan, dan digunakan untuk memperkenalkan merek Anda kepada pengunjung. Ini juga mendorong orang untuk melihat lebih jauh ke situs web Anda atau halaman lain.
Tetapi kami membuat halaman arahan untuk memenuhi kebutuhan tertentu seperti berfokus pada produk atau fitur tertentu dalam satu halaman saja.
Karena itu, sebagian besar halaman arahan memiliki konten yang lebih sedikit daripada halaman beranda yang hanya memiliki konten terkait produk.
Jadi bisa dikatakan, kami membuat halaman arahan dengan pendekatan yang disederhanakan dan tidak ada yang kaku untuk menyampaikan pesan yang jelas kepada pengunjung.
Itulah perbedaan inti terletak antara halaman rumah dan halaman arahan.
Buat Halaman Arahan Menggunakan Elementor Langkah-demi-Langkah
Setelah mengetahui definisi landing page, saatnya kita mempelajari proses pembuatan landing page menggunakan Elementor.
Kami menggunakan Elementor karena ini adalah plugin pembuat halaman drag-n-drop paling populer untuk WordPress.
Sangat mudah digunakan dan tidak memerlukan pengetahuan coding sama sekali.
Bukan itu saja alasan kami menggunakan Elementor untuk pengembangan web-
- Pengalaman membangun situs tanpa gangguan: Elementor menyediakan kanvas yang sepenuhnya kosong sehingga Anda dapat mulai membuat situs web dari awal. Ini membuat pengembang web pro menghargai Elementor di atas segalanya.
- Widget Drag-n-Drop: Elementor sangat fleksibel karena cara pembuatannya dan apa yang disediakannya. Menambahkan fitur atau fungsi ke situs web Anda yang baru dirancang hanya membawa Anda menyeret widget dengan mengklik kursor Anda.
- Manajemen situs penuh: Elementor secara khusus menyediakan kontrol khusus atas tata letak halaman arahan, membuatnya lebih dinamis dan profesional untuk membangun halaman Anda.
- Template & blok: Elementor ramah bagi pemula dan memiliki banyak desain template siap pakai yang dapat Anda impor dan sesuaikan untuk membuat halaman arahan Anda sendiri dalam hitungan menit.
Jadi, mari kita maju.
Apa yang Anda butuhkan untuk memulai?
Untuk Anda yang akan mulai membuat landing page pertama menggunakan Element Pack & Elementor, Anda perlu mempersiapkan hal-hal yang diperlukan terlebih dahulu.
Yang Anda butuhkan adalah-
- Situs web WordPress yang stabil
- Pembuat Halaman Elementor (gratis)
- Paket Elemen Pro
Alasan kami menggunakan Element Pack Pro karena memiliki 200+ widget esensial untuk Elementor dan lebih dari 2000 template untuk menjadi pro dalam hitungan menit.
Ini adalah alat pengembangan web legendaris yang dibuat untuk membuat pengembangan web semudah pie.
Anda dapat menggunakan Element Pack Lite versi gratis yang menyediakan 45+ widget dan fitur gratis.
Juga, ada sejumlah besar templat halaman arahan (lebih dari 100) yang dapat Anda impor dan gunakan sebagai milik Anda sendiri.
Bagian dari halaman arahan
Halaman arahan yang bagus harus berisi bagian-bagian ini secara umum-
- Header: Logo situs Anda, menu utama, dan fitur tambahan seperti bilah pencarian masuk ke bagian header. Itu bisa bergerak atau diam tergantung pada sisa halaman.
- Bagian Pahlawan: Bagian Pahlawan memenuhi seluruh layar sampai pengunjung Anda menggulir ke bawah. Anda harus memberikan perhatian maksimal pada detail bagian situs web ini.
- Bagian layanan: Di sinilah Anda memberi tahu pengunjung lebih banyak tentang bisnis Anda secara mendetail.
- Fitur: Soroti karakteristik apa yang Anda miliki yang membuat orang memilih Anda daripada orang lain.
- Galeri: Hiasi galeri situs Anda dengan kisi gambar, korsel, ikon, tombol berbagi sosial, dll.
- Kesaksian: Tunjukkan apa yang orang katakan tentang layanan Anda dan dapatkan lebih banyak popularitas dan kepercayaan.
- Formulir pendaftaran: Di bagian ini, Anda perlu menyertakan cara agar pengunjung dapat masuk ke daftar email Anda untuk cakupan mendatang.
Sekarang, kita hanya perlu mulai membuat halaman arahan kita menggunakan Element Pack & Elementor di atas elemen-elemen ini.
Langkah-1: Buat halaman arahan menggunakan menu template
Ini adalah keuntungan lain dari Elementor yang memungkinkan Anda membuat templat halaman dengan kontrol dasbor templat khusus.
Jadi, alih-alih berlari kesana kemari, Anda sebenarnya bisa mempertaruhkan karya Anda dari satu tempat.
Masuk saja ke WordPress Dashboard> Templates dan pilih opsi Landing Pages untuk menambahkan landing page baru di menu template.
Sekarang, Anda akan diarahkan kembali ke editor halaman Elementor untuk halaman template.
Di sini, Anda dapat memilih template yang sudah jadi dari perpustakaan template Element Pack Pro atau melakukan kustomisasi penuh.
Langkah-2: Siapkan warna & font desain Anda
Seperti yang kami sebutkan sebelumnya, Elementor menyediakan jendela editor bebas gangguan yang mengecualikan semuanya, bahkan header dan footer.
Yang harus Anda lakukan adalah memilih "Elementor Canvas" dari pengaturan halaman untuk memulai dengan halaman putih penuh.
Sebelum Anda mulai, pastikan untuk mengatur warna dan font global untuk halaman arahan.
Ini penting karena menghemat banyak waktu tanpa perlu mengubah properti font atau warna setiap bagian/elemen secara manual.
Untuk pengalaman mendesain yang lebih cepat dan profesional, Anda dapat menginstal perangkat lunak pemilih warna di pc yang Anda gunakan untuk membuat halaman arahan di WordPress.
Ini membantu menjaga alur kerja.
Langkah-3: Desain header & halaman pahlawan
Pertama-tama, Anda dapat mendesain header Anda terlebih dahulu kemudian beralih ke konten untuk bagian pahlawan.
Header harus berisi logo merek Anda, menu, dan sesuatu bagi pengguna untuk mengambil tindakan, seperti bidang pencarian.
Kedua, Anda harus tetap sederhana untuk bagian pahlawan atau bagian tepat di bawah header.
Disarankan untuk menerapkan nada yang mirip pada halaman header dan hero untuk tampilan yang lebih baik.
Kemudian, Anda dapat menempatkan teks besar di tengah halaman pahlawan, di atas gambar latar belakang yang bagus.
Gambar latar belakang harus mewakili layanan Anda.
Selesaikan dengan tombol yang mengarahkan pengguna untuk mendapatkan lebih banyak info tentang topik tersebut.
Pada titik ini, Anda dapat menggunakan tab Lanjutan Elementor untuk setiap bagian atau elemen dan mengatur penambahan kustom, margin, batas, bayangan, dll. untuk membuat desain uqiue.
Element Pack Pro memiliki beberapa widget luar biasa untuk meningkatkan tampilan halaman pahlawan Anda-
- Judul Lanjutan
- Judul Animasi
- Ikon Nav
- Penggeser
- Tombol Ganda
- Korsel Khusus
Langkah-4: Tentang kami dari halaman arahan di WordPress
Bagian Tentang Kami sangat penting untuk situs web Anda karena memuat info inti tentang situs web Anda termasuk tujuannya.
Cobalah untuk tidak melebih-lebihkan bagian ini untuk menarik lebih banyak perhatian dengan meregangkannya lebih lama dari yang diperlukan.
Anda dapat menyimpan desain minimal atau melakukan sesuatu yang ekstensif untuk bagian ini, keduanya berfungsi.
Namun, jangan menggunakan terlalu banyak kata, cukup selesaikan dalam 10-12 baris.
Itu seharusnya membuat pengunjung menyerap info tanpa tekanan.
Plus, Anda dapat mencoba menggunakan widget ini dari Element Pack Pro untuk menambahkan peningkatan bonus ke situs web Anda-
- Judul Lanjutan
- Kotak Ikon Tingkat Lanjut
- Kartu Mewah
Langkah-5: Desain Bagian Unggulan
Bagian unggulan dimaksudkan untuk menarik perhatian orang lebih jauh atas produk atau layanan Anda.
Sangat mudah untuk mendesain bagian halaman arahan ini menggunakan Element Pack dan Elementor.
Tata letak yang disarankan harus mencakup representasi visual besar yang bagus dari layanan Anda bersama dengan fasilitas atau karakteristiknya.
Anda harus lebih langsung dengan bagian unggulan agar orang memahami layanan Anda dengan jelas.
Widget ini akan membantu Anda mendesain bagian unggulan yang luar biasa di Elementor-
- Kotak Arahkan
- Slider Mewah
- Kartu Interaktif
- Kotak Acara
- Pembesar Gambar
Langkah-6: Buat galeri gambar yang mengagumkan
Di bagian halaman arahan ini, kita akan membuat galeri gambar untuk pengunjung kita.
Setiap halaman arahan di WordPress yang dibuat menggunakan Element Pack dan Elementor harus memiliki galeri gambar untuk mendapatkan lebih banyak eksposur dan membangun kepercayaan di antara pengunjung.
Di sini, Anda dapat menggunakan heading besar yang bagus dan kemudian mulai memasukkan gambar ke dalam satu widget galeri gambar.
Selain itu, galeri harus memiliki jarak gambar yang merata sehingga terlihat rapi dan bersih.
Ini dapat dilakukan dengan mudah hanya dengan menggunakan dua widget oleh Element Pack-
- Judul Animasi
- Galeri Gambar Lanjutan
- Akordeon Gambar
Langkah-7: Kesaksian Pengguna
Kesaksian pengguna menciptakan kepercayaan di antara pengunjung Anda dengan menunjukkan apa yang orang lain katakan tentang layanan Anda.
Tidak peduli seberapa besar atau kecil situs web Anda, memiliki testimonial pengguna di halaman arahan Anda di WordPress terbukti bermanfaat dalam mendatangkan lebih banyak lalu lintas dan prospek.
Element Pack Pro memiliki widget khusus untuk tujuan ini sehingga Anda dapat dengan mudah meletakkannya di dekat bagian bawah situs Anda (di bawah fitur) untuk memberikan dampak positif-
- Slider Testimonial
- Korsel Testimonial
- Bukti sosial
Langkah-8: Formulir pendaftaran dan kontak
Bagian penting lainnya dari halaman arahan yang sukses adalah bagian pendaftaran untuk mengumpulkan info kontak pengunjung Anda untuk bisnis masa depan.
Saat menyiapkan area kontak, Anda harus mempertimbangkan untuk memasukkan alamat, nomor telepon, dan, tentu saja, alamat email Anda.
Sekali lagi, Anda harus menyediakan formulir pendaftaran yang menjanjikan email penawaran, email promo, atau barang gratis lainnya.
Itulah alasan mengapa Anda perlu lebih memperhatikan latar belakang, grafik, dan detail lainnya untuk menarik perhatian orang.
Element Pack Pro memiliki widget yang sempurna untuk membangun kontak Anda dan bagian formulir pendaftaran-
- Ikon Nav
- Simpanse surat
- Bentuk Ninja
Ekstra: Tambahkan gaya navigasi untuk halaman arahan di WordPress
Sekarang halaman arahan Anda pada dasarnya sudah siap, ada beberapa trik yang dapat Anda mainkan untuk mendapatkan hasil maksimal.
Pertama, Anda dapat menambahkan bilah navigasi tajuk lengket untuk halaman arahan.
Dengan cara ini, pengguna selalu dapat melihat bilah navigasi dan beralih ke halaman lain dengan mudah.
Kedua, Anda dapat membuat bilah navigasi menghilang hingga seseorang menggulir ke bawah pada jarak tertentu dari bagian atas halaman.
Ini memberikan kesan profesional pada halaman dan pengguna akan menyukainya.
Ekstra: Gunakan templat halaman arahan
Seperti yang telah kami sebutkan sebelumnya di atas, Element Pack Pro menyediakan beragam templat halaman arahan yang sudah jadi untuk pengguna.
Anda dapat menggunakan template gratis atau premium dan menyesuaikan bagian dalam untuk membuat sesuatu yang unik.
Ini adalah cara tercepat untuk membangun halaman arahan di WordPress yang terlihat menakjubkan dan mengagumkan.
Beberapa halaman arahan menarik dari Element Pack Pro-
- Halloween
- Halaman Arahan Natal
- Tak terbatas
- Lima
- Kesehatan Covid
- Layanan Ebus
- Covid-19
- Mediplus
- Fashion Pria
- Toko Mebel
- fashion wanita
- Perusahaan
Membungkusnya!
Apakah Anda menyukai halaman arahan yang trendi untuk bisnis Anda?
Dapatkan Element Pack Pro hari ini dan nikmati halaman arahan kreatif untuk proyek situs web Anda berikutnya.
Selain itu, Anda akan mendapatkan 200+ widget dan ekstensi luar biasa untuk lebih meningkatkan fitur situs Anda.
Semuanya mungkin hanya dengan satu plugin, Element Pack Pro.
Semoga Anda menikmati blog ini.
salam Hormat
Tema Bd