Tetapi memanfaatkan tren lalu lintas Internet ini menuntut lebih dari sekadar situs WordPress yang tampak hebat – Anda memerlukan cara untuk menarik perhatian pengguna, meyakinkan mereka untuk membagikan informasi kontak mereka, kemudian membuat dan mengirimkan konten yang ingin mereka lihat.

Jalur terpendek menuju sukses adalah halaman arahan yang hebat. Berikut adalah penjelasan mengapa halaman arahan penting, apa yang mereka tawarkan, cara membuat landing page, dan plugin apa yang tersedia untuk membantu membangun proses landing page Anda.

Mari kita mulai.

Pengenalan Landing Page

Halaman pertama yang dilihat pengguna saat mengunjungi situs WordPress Anda adalah beranda Anda. Ini biasanya berisi informasi tentang situs Anda termasuk nama perusahaan Anda (jika ada), gambar yang relevan, dan link ke halaman produk atau konten lain di situs Anda.

Halaman arahan, sementara itu, adalah halaman yang dibuat khusus yang menangkap detail kontak pengunjung dengan imbalan penawaran khusus, buletin reguler atau sumber daya seperti eBook dan whitepaper. Meskipun beranda Anda dapat menarik perhatian pengunjung dan mendorong mereka untuk menghabiskan lebih banyak waktu di situs WordPress Anda, laman landas dirancang untuk menghasilkan prospek bisnis dengan menangkap informasi pengunjung.

Format, tata letak, dan desain halaman arahan berbeda-beda, bergantung pada jenis bisnis Anda dan sumber daya yang ditawarkan, tetapi keduanya memiliki sekumpulan fitur yang sama: kolom formulir untuk menangkap data pengunjung. Informasi yang diminta terserah Anda – beberapa situs hanya meminta alamat email untuk mengirimkan salinan buletin atau tautan eBuku, sementara yang lain menginginkan informasi yang lebih detail seperti nama dan nomor telepon untuk ditukar dengan promosi atau penjualan khusus.

Memanfaatkan Landing Page

Halaman arahan menyediakan cara untuk menghasilkan prospek yang terukur di situs WordPress Anda. Dengan melacak berapa banyak pengunjung yang mengisi bidang halaman arahan, Anda dapat mengevaluasi dampak dari strategi pemasaran dan ajakan bertindak (CTA) Anda saat ini. Jika pengguna mengklik ke halaman arahan Anda tetapi pergi tanpa memberikan detail kontak, misalnya, Anda mungkin tidak menawarkan sumber daya yang tepat atau dengan jelas mengartikulasikan proposisi nilai bisnis Anda.

Terapkan praktik terbaik berikut untuk mengoptimalkan halaman landing Anda:

  • Selaraskan tujuan Anda  Sangat penting untuk menyelaraskan kampanye iklan pemasaran dengan CTA halaman arahan. Jika iklan dan halaman situs Anda membahas cara mencapai tujuan tertentu atau mendapatkan harga yang bagus untuk produk tertentu, pastikan halaman landing Anda berhubungan langsung dengan hasil ini.
  • Buat tetap sederhana  Tujuan halaman arahan Anda adalah untuk mendorong tindakan pengguna – dan itu berarti membuat semuanya tetap sederhana. Gunakan sesedikit mungkin bidang formulir dan buat setiap langkah proses jelas bagi pengunjung untuk memaksimalkan konversi
  • Uji, uji, uji  Anda tidak akan tahu apa yang berhasil sampai Anda mengujinya. Dan uji lagi. Uji CTA Anda, dan uji salinan halaman landing Anda dengan menayangkannya dan lihat apa yang terjadi. Catat jumlah prospek yang dihasilkan, lalu sesuaikan halaman Anda dan coba lagi untuk menemukan apa yang berhasil.
  • Design for impact  Gambar berbicara lebih keras daripada kata-kata. Gunakan latar belakang yang muncul dan citra terkait untuk menyampaikan maksud Anda tanpa mengacaukan halaman.
  • Bersosialisasi  Ulasan pengguna di laman landas Anda adalah cara yang bagus untuk mendorong minat organik – pastikan saja itu diperbarui secara rutin.

Anda tahu mengapa halaman arahan penting – dan halaman arahan apa yang dibutuhkan untuk menjangkau pelanggan secara efektif. Tapi bagaimana Anda membuatnya di WordPress?

Anda memiliki beberapa opsi di sini: Ubah tema yang ada untuk bertindak sebagai halaman arahan Anda dengan mengubah dan mengganti elemen kunci, atau menggunakan plugin untuk menyederhanakan proses pembuatan halaman.

Jika Anda memiliki waktu dan pengetahuan teknis, berikut adalah ikhtisar singkat tentang cara membuat halaman arahan di WordPress .

1. Pilih sebuah tema.

Pilih tema dari Situs Saya> Desain> Tema di dasbor WordPress Anda, atau unduh dan pasang tema baru. Kemudian, klik pada tiga titik di sebelah nama tema dan klik Activate.

2. Hapus konten yang tidak dibutuhkan

Sederhana adalah tujuan halaman arahan Anda, jadi langkah selanjutnya adalah menghapus posting dan halaman tambahan. Buka Situs Saya> Situs> Halaman , lalu klik pada tiga titik di sebelah halaman mana pun yang tidak Anda perlukan dan klik Sampah . Tidak masalah halaman mana yang Anda simpan.

cara membuat halaman arahan di wordpress hapus konten yang tidak dibutuhkan

Sumber

3. Setel beranda statis.

Dengan menggunakan tiga titik di sebelah halaman yang Anda pilih untuk disimpan, setel sebagai beranda statis Anda. Ini tidak sama dengan beranda biasa Anda – sebaliknya, ini memastikan bahwa halaman arahan Anda yang disesuaikan adalah tempat pengunjung mendarat ketika mereka mengklik dari situs WordPress utama Anda.

cara membuat halaman arahan di wordpress mengatur homepage statis

Sumber

4. Sesuaikan halaman Anda.

Klik pada tiga titik lalu klik Edit. Di editor, Anda dapat menambahkan teks, gambar, formulir kontak, dan konten ajakan bertindak.

cara membuat halaman arahan di wordpress menyesuaikan halaman Anda

Sumber

5. Tayangkan.

Klik update untuk mempublikasikan halaman Anda, lalu tautkan dari situs utama WordPress Anda.

Buat Landing Page Kustom

Jika Anda lebih suka tampilan yang lebih disesuaikan untuk halaman arahan Anda, Anda dapat menggali kode lebih dalam dan melakukannya sendiri. Peringatan yang adil? Anda memerlukan beberapa keahlian HTML dan CSS untuk membuat ini berfungsi. Berikut panduan langkah demi langkah:

1. Buat tema anak.

Tema situs WordPress Anda saat ini sering disebut dengan “tema induk”. Untuk memastikan halaman arahan yang Anda buat tidak berdampak buruk pada tema ini, mulailah dengan membuat tema anak.

2. Buat file style.css.

Setelah tema anak Anda aktif dan berjalan, Anda perlu mengubah file style.css Anda dengan kode berikut:

/*

Theme Name: Landing Page Theme

Description: Twenty Sixteen Child Theme With custom landing page

Author: Tahir Taous

Author URI: https://pagely.com

 

/blog

Template: twentysixteen

Version: 1.0

Text Domain: twentysixteen-child

*/

3. Buat file functions.php.

Selanjutnya, Anda perlu membangun fungsi php Anda. Tambahkan kode berikut ke folder tema anak Anda:

<?php

// Parent Theme Styles //

// https://codex.wordpress.org/Child_Themes //

 

function theme_enqueue_styles() {

 

$parent_style = ‘parent-style’;

 

 

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );

wp_enqueue_style( ‘child-style’,

get_stylesheet_directory_uri() . ‘/style.css’,

array( $parent_style )

);

 

}

add_action( ‘wp_enqueue_scripts‘, ‘theme_enqueue_styles‘ );

4. Install dan aktifkan child Theme Anda.

Sekarang saatnya menginstal tema anak Anda di halaman WordPress Anda dan mengaktifkannya. Pastikan itu berfungsi dengan menguji beberapa gaya CSS. Jatuhkan kode ini ke file style.css Anda:

body, #page {

background: #ECE8C1;

}

Kemudian, muat ulang halaman font Anda. Jika ada warna latar belakang baru, semuanya berfungsi sebagaimana mestinya.

5. Buat Custom Page.

Sekarang child Theme Anda sudah aktif dan berjalan, saatnya untuk membuat halaman kustom. Mulailah dengan membuat file baru di tema anak Anda dan simpan sebagai page-landing.php. Kemudian, tambahkan kode ini:

<?php

/**

Template Name: Landing Page

**/

?>

Pada tab Add New Page di WordPress, pilih menu Template dropdown dan pilih Landing Page . Kemudian, klik Publikasikan .

cara membuat landing page di wordpress add new page

Sumber

Jika Anda melihat pratinjau halaman itu akan kosong – Anda masih perlu menambahkan beberapa markup php.

6. Tambahkan gambar.

Untuk mulai menambahkan gambar, gunakan kode ini di file page-landing.php Anda:

<?php

/**

* Template Name: Landing Page

*/

?>

 

<!DOCTYPE html>

<html <?php language_attributes(); ?> class=”no-js“>

<head>

<meta charset=”<?php bloginfo( ‘charset‘ ); ?>”>

<meta name=”viewportcontent=”width=device-width, initial-scale=1″>

<link rel=”profilehref=”http://gmpg.org/xfn/11″>

<?php wp_head(); ?>

</head>

 

<body <?php body_class(); ?> style=”background: #6FBB72 url(<?php echo $src = the_post_thumbnail_url( ” ); ?> ) repeat 50% 0 fixed !important;”>

Menggunakan kode ini akan menampilkan gambar latar belakang yang besar – muat ulang situs Anda untuk memastikannya berfungsi.

7. Buat tajuk khusus.

Sekarang Anda membutuhkan tajuk khusus untuk halaman arahan Anda. Letakkan kode ini di file page-landing.php Anda setelah tag <body>.

<div id=”landing-pageclass=”hfeed site“>

 

<div class=”site-branding“>

<p class=”site-title aligncenter“><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home“><?php bloginfo( ‘name‘ ); ?></a></p>

</div><! .site-branding >

Saat Anda melihat halaman arahan Anda, Anda akan melihat judul, latar belakang putih dan gambar latar belakang Anda. Hapus semua warna latar belakang dengan kode ini:

.site {

background-color: transparent;

}

8. Tambahkan lebih banyak konten.

Tambahkan sisa konten halaman arahan Anda dengan markup ini di file page-landing.php Anda, tepat di bawah baris <! – .site-branding ->:

<div class=”sidebar sidebar-bribe“>

 

<?php if (have_posts()) : ?>

 

<?php while (have_posts()) : the_post(); ?>

 

<h1 class=”landing-title“><?php the_title(”); ?></h1>

 

<?php the_content(); ?>

 

<! https://codex.wordpress.org/Function_Reference/wp_link_pages >

<?php endwhile; ?>

 

<?php endif; ?> <! mdl-cell-8 //#primary >

</div>

Jika Anda memuat ulang halaman arahan, Anda akan melihat gambar latar yang ditampilkan, judul situs, dan ajakan bertindak Anda.

9. Tambahkan gaya ekstra dengan CSS.

Terakhir, berikan ciri khas pada halaman arahan Anda dengan CSS. Letakkan kode ini di file style.css Anda:

.site {

background-color: transparent;

}

 

div#landing-page {

max-width: 900px;

margin: 0 auto;

}

div#landing-page .site-branding .site-title a {

color: #4CAF50;

background-color: #FFFFFF;

background-color: rgba(255, 255, 255, 0.79);

padding: 5px;

border-radius: 5px;

}

 

label, input {

margin-bottom: 14px;

}

 

#landing-page .sidebar, #landing-page .sidebar-bribe {

background: #67CA6B;

background: rgba(103, 202, 107, 0.87);

border-radius: 10px;

box-shadow: 5px 3px 9px #5B6766;

padding: 0;

 

}

 

h1.landing-title, .landing-content {

padding: 1em;

color: #fff;

}

 

h1.landing-title{

padding-bottom: 0;

line-height: normal;

}

 

h1.landing-title small {

color: #650801;

font-size: 75%;

display: block;

}

 

#landing-page button, input[type=“submit”]

{

background: #E91E63;

display: block;

width: 100%;

}

 

@media screen and (min-width: 56.875em){

 

#landing-page .sidebar {

float: left;

margin-left: 50%;

padding: 0;

width: 50%;

}

}

Meskipun ada kurva pembelajaran yang cukup curam di sini, setelah Anda membuat halaman arahan pertama dari awal di WordPress, Anda lebih siap untuk menyesuaikan halaman baru dan menambahkan gaya baru kapan pun Anda mau.

Plugin untuk Membangun Landing Page

Jika Anda membutuhkan bantuan dalam menyiapkan halaman arahan, pertimbangkan plugin WordPress. Beberapa opsi termasuk:

Plugin Landing Page 

Ini adalah plugin halaman arahan gratis yang menawarkan alat bangunan, metrik dasar, dan dukungan add-on pihak ketiga. Ulasannya beragam, tetapi perangkat lunak sumber terbuka ini adalah opsi yang ramah biaya untuk membantu membuat halaman arahan. Halaman Arahan WordPress juga menyertakan editor visual untuk melihat perubahan saat terjadi dan alat untuk dengan mudah mengkloning halaman arahan saat ini untuk situs lain.

Elementor

Dengan lebih dari 4.000.000 unduhan, Elementor adalah salah satu plugin halaman arahan paling populer yang tersedia, menawarkan fungsi yang mudah digunakan untuk perusahaan yang baru memulai dan alat yang lebih canggih untuk organisasi mapan. Elementor adalah solusi lengkap yang memungkinkan Anda mengontrol setiap aspek alur kerja situs web Anda dan dengan mudah menyesuaikan skala dari mendukung blog individual dan halaman ke beberapa situs bermerek.

Beaver Builder

Plugin ini menawarkan segalanya mulai dari pembuatan halaman arahan hingga desain situs lengkap. Beaver Builder menyertakan beberapa template pra-bangun dan juga memberi Anda kemampuan untuk memposisikan gambar dan teks tepat di tempat yang Anda inginkan dengan format seret dan lepas yang sederhana.

Thrive Themes

Thrive menawarkan pengalaman membangun WordPress yang digerakkan secara visual dengan template halaman arahan 325. Thrive menyertakan pengeditan seret dan lepas instan dan elemen konversi yang dibuat sebelumnya untuk membantu menarik minat pengunjung dan menyederhanakan pembuatan halaman arahan. Harga mulai dari $ 25 / bulan.

Halaman arahan yang tepat dapat membantu menarik minat pengunjung dan mendorong konversi pelanggan. Maksimalkan situs WordPress Anda dengan halaman arahan yang bersih, kontekstual, dan kaya konten.

Saya Harap Artikel Ini dapat Membantu Anda mempelajari Tentang membuat dan membangun Landing Page menggunakan Situs WordPress