Landing page adalah halaman website yang memaparkan suatu produk layaknya sebuah brosur yang di kemas secara ofline,Landing page mampu meningkatkan penjualan online, dengan catatan di kemas secara profesional, mulai dari seo dan optimasi landingnya.
Landingpage juga merupakan salah satiu media penting untuk beriklan, misalnya beriklan di facebook, google dan iklan iklan lainya.
Landing page merupakan media pengganti toko ofline, jadi seolah olah semua toko di pindahkan dan di tata dalam media berupa website untuk memudahkan costumer atau pelanggan dalam mengakses toko anda.
Apa itu landing page
Landing page adalah halam yang memaparkan suatu produk secara rinci, berbeda dengan website landing page lebih terfokus kedalam rincian konten yang mengajak orang untuk melakukan hal tertentu. Misalnya suatu perusahaan dibidang penjualan obat, obat obat yang dijual mungkin banyak sekali jenisnya namun dalam landing page biasanya hanya satu produk saja yang di tampilkan, maka landing page tersebut bisa saja menjelaskan secara detail tentang satu produk misalnya Produk herbal,
Mengapa demikian?
Karena landing page dibuat khusus untuk meningkatkan penjualan dalam satu produk saja, adapun jika banyak produk sebaiknya disimpan dalam satu komponen website.
Kita ambil contoh lain misalnya suatu perusahaan jasa, Peusahaan jasa sangatlah luas jasa apa?
Dalam landing page biasanya hanya menerangkan satu produl jasa saja misalkan Jasa desain website, maka landing page tersebut memaparkan konten yang berisi jasa pembuatan website mulai dari harga dan teknisinya.
Saya rasa anda sudah tau maksud dan tujuan landing page itu seperti apa.
Jenis jenis landing page
Landing page memiliki fungsi dan jenis yang variatif sesuai dengan kebutuhan, landingpage sidikitnya memiliki dua fungsi yang berbeda yaitu
- Klik dan Pilih
Jenis landing page yang pertama adalah landing page yang memungkinkan pembaca mengklik suatu link yang di arahkan ke halaman lain, misalnya landing page tersebut mengarahkan ke dalam suatu keranjang untuk membuat pelanggan melihat secara rinci produk produk sebelum dia membelinya. Landing page jenis ini tidak cukup memberikan informasi sehingga pelanggan diarahkan ke halaman lain untuk di jelaskan secara lebih rinci produknya. - Leadership landingpage
Jenis landing page ini dibuat untuk memaparkan suatu produk secara rinci dan menarik, dalam konten landingpage ini audience dapat mengklik satu link dan mengambil keputusannya tanpa resiko. Misalnya daftar webinar, pengambilan kupon gratis atau mencoba trial aplikasi. Intinya dalam landing page ini tidak banyak link yang disimpan pengguna hanya mengklik satu link saja dan kebutuhannya sudah terselesaikan tanpa pindah ke halaman lain.
Cara Membuat landingpage
Saya anggap anda yang sedang membaca artikel ini belum mengerti sama sekali tentang membuat landing page, karena saya akan menjelaskan secara detail apa saja yang di butuhkan untuk membuat landing page.
Menentukan hosting
Hosting adalah media yang berfungsi sebagai tempat penyimpanan file, data, baik berupa gambar atau bentul file lainya dalam bentuk website,
Dalam landingpage tentunya akan ditampilkan beberapa gambar atau file lainnya nah gambar tersebut akan disimpan didalam hosting.
Ada beberapa jenis hosting ada hosting yang berbayar namun ada juga yang gratis, bedanya adalah hosting berbayar disimpan dalam domain atau alamat kita domain yang sama sesuai domain landing page sedangkan hosting gratis adalah penyimpanannya menggunakan situs ataupun platform diluar domain kita atau gambar yang kita gunakan di ambil dari situs lain lalu kemudian di tempelkan melalui import url, tidak ada yang memperngaruhi secara fisik semua sama saja akan berjalan secara normal.
Karna kali ini saya akan memberikan tutorial tentang membuat landing page tanpa hosting maka saya tidak akan mengarahkan anda untuk membeli hosting.
Menentukan Domain
Domain adalah alamat yang akan mengantarkan audience ke alamat website atau landingpage anda.
Sama halnya dengan toko anda yang beralamatkan dimana? Misalkan JL. Soekarno Hatta. Namun bedanya domain memiliki alamat yang pendek dan tertuju secara langsung.
Domain memiliki ciri penulisan diawali dengan www. Atau https://
Sudah mengerti?
Domain ini sangatlah penting untuk membuat landingpage.
Domain bisa didapatkan secara gratis ataupun berbayar, namun sayasarankan untuk membeli domain saja karena lebih bisa di sesuaikan dengan yang kita inginkan, dimain gratis cenderung memiliki embel embel lain misalnya kamu ingin membuat domain seperti ini. www.tokogue.com maka anda perlu membelinya terlebih dahulu untuk dapat digunakan, jika anda memilih yang gratis maka nantinya akan seperti ini contohnya www.tokogue.blogspot.com
Bisa dilihat perbedaannya yang gratis dan yang berbayar, silahkan anda bebas memilih yang mana.
Jika anda memilih untuk membeli domain berbayar anda bisa mengunjungi situ penyedia domain
Misalnya rumahweb.com
Atau anda melanjutkan dulu dengan domain gratisan terlebih dahulu dan dikemudian hari di ganti dengan domain yang berbayar.
Membuat landing page tanpa hosting
Sebetulnya tidak ada website tanpa menggunakan hosting semua hal yang perlu di letakan perlu penyimpanan, namun yang saya bahas adalah membuat landing page menggunakan hostingan gratisan dan semua tetap berjalan dan berfungsi.
Adapaun saya menggunakan hosting blogger sebagai medianya.
Kenapa harus blogger? Karena blogger milik google dan anda tau sendiri google itu siapa.
Baiklah langsung saja kita bahas cara membuatnya.
Daftar
- Pergi ke situs Blogger.com
- Pilih create Your Blog login menggunakan email google
- Buat sebuah judul untuk landing page anda
- Tentukan domain gratis anda misalnya tokogue.blogspot.com jika masih tersedia maka tulisanya avalible namun jika sudah digunakan orang lain maka ganti dan cari domain yang masih tersedia
- Setelah itu klik simpan.
Dibawah ini adalah contoh tampilan blogger yang menjadi pusat kita sebagai creator untuk mengedit landingpage kita. Banyak menu menu yang terdapa disana namun yang akan sering anda gunakan adalah dibagian tema dan tata letak.
Pasang template landingpage
Template adalah sebuah tampilan atau layout landing page yang dikemas dalam file berekstensi xml yang nantinya akan anda upload lalu di sesyaikan kembali.
Template hanyalah bentuk tampilan adapun konten dan isiny harus di sesuaikan.
Banyak template yang dijual dan ada juga yang gratisan namun kali ini saya memberikan tutorial lagi lagi yang gratisan aja dulu ya.
- Download Template disini
- Buka halaman awal blogger
- Pilih tema
- Klik opsi disamping sesuaikan tema
- Pilih pulihkan
- Pilih file xml yang sudah di download tadi
- Unggal file xml
Sampai disini template berhasil dipasang dan anda bisa melihatnya dengan klik menu lihat blog, atau mengetik alamat domain yang sudah anda buat tadi.
Catatan : jika menggunakan HP seting dulu tampilan HP dengan cara klik menu tema lalu di dalam opsi pilih mobile seting lalu ubah kedalam dekstop
Edit template
Selanjutnya mari kita sesuaikan landingpagenya sesuai dengan produk anda. Sebaliknya disini lebih fokus karena anda akan melihat kerumitan dalam mengedit code code yang terdapat dalam template, jika anda fokus maka hasilnyapun akan sesuai dengan yang anda harapkan
Berikut adalah struktur Tata letak landingpage
Perhatikan struktur tata letak landingpage diatas
Header
Header adalah bagian paling atas dalam landing page, lihat bagian header dibawah ini
- Logo
untuk mengubah logo, masih di halaman tata letak blogger lalu edit icon logo lalu bisa mengunggah melalui komputer, logo default tidak terlihat dikarenakan berwarna putih. - Navigasi Menu
Navigasi menu adalah barisan menu menu horizontal yang bertujuan untuk memudahkan audience dalam mengakses landingpage, menu tersebut bisa diganti sesuai keinginan, untuk mengubahnya silahkan ke halam awal blogger lalu ke menu tata letak pilih icon edit di bagian menu link. - Mengubah Gambar
Seperti halnya merubah logo mengganti gambarpun sama, kamu hanya menyesuaikan ukuran gambar yang akan dipasang dengan templatenya.
Mengganti Icon
Icon dalam template ini menggunakan plugin Font awesome, apakah sebelumnya anda pernah mendengar situs font awesome? Font awesome adalah penyedia layanan icon untuk digunakan dalam situs web, dalam template ini sudah terinstal plugin icon dari font awesome,
Untuk memasang iconnya kamu tinggal buka situs font awesome di browser, lalu kamu cari icon yang kamu suka, lalu kamu ambil code nya
Contoh code yang kamu ambil misalkan icon Tas makan codenya seperti fa fa-bag selanjutnya kamu hanya perlu menggantinya di bagian tata letak. Perhatikan gambar dibawah ini
Ada beberapa bagian yang perlu du edit,
- Show this widget
Menu ini bertujuan untuk menampilkan atau menyembunyikan jika tombol di matikan maka bagian tersebut tidak akan di tampilkan - Title
Dibagian ini kamu bisa mengubah dengan isi judul produk atau apapun yang menjadi materi landing page, bisa dilihat di preview terlebih dahulu - Caption
Sama halnya dengan judul Caption juga bisa diisi dengan copywriting landingpage anda - Link
dibagian inilah yang nantinya kamu akan memasukan code unik font awesome, seperti yang sudah terlihat defaultnya menampilkan icon code atau ditulis fa-code, silahkan ganti sesuai yang anda inginkan, untuk mencari kode font awesome bisa du dapatkan dalam situs font awesome - Image
dibagian ini tidak usah di edit biarkan saja, karena icon sudah akan terganti secara otomatis tanpa harus mengunggah gambar dari komputer, karena sekali lagi ini bukan image biasa melainkan adalah plugin icon
Lakukan edit melalui tata letak dan sesekali menyesuaikan sambil mempratinjau terlebih dahulu, saya dengan suka rela membagikan template premium ini berharap anda bisa memiliki landingpage sendiri,
Silahkan edit dan sesuaikan dengan kebutuhan