Cara Membuat Landing Page dengan Landingi

Landingi adalah platform pembuatan landing page yang memungkinkan penggunanya untuk menciptakan halaman web tanpa memerlukan keterampilan pemrograman.

Dengan antarmuka drag-and-drop yang intuitif, Landingi menyederhanakan proses desain, memungkinkan pengguna untuk memilih dari ratusan template yang dapat disesuaikan atau memulai dari awal.

Alat ini juga menyediakan berbagai widget dan fitur untuk meningkatkan fungsionalitas halaman, seperti formulir, tombol, dan integrasi pembayaran. Landingi dirancang untuk membantu bisnis dan individu meningkatkan konversi online melalui halaman yang menarik dan efektif.

Cara Menggunakan Landingi untuk Membuat Landing Page yang Menarik

Membuat landing page dengan Landingi bisa menjadi mudah dan efisien berkat editor drag-and-drop yang mereka tawarkan. Berikut adalah panduan langkah demi langkah untuk membuat landing page menggunakan Landingi:

1. Memilih Template

Setelah masuk ke akun Landingi, pilih ‘Create new landing page’ dari Dashboard.

Pilih template dari lebih dari 300 pilihan yang tersedia, sesuai dengan tujuan, langkah funnel, atau industri yang relevan.

Setelah memilih template, beri nama pada landing page Anda dan mulailah mengedit.

2. Penyesuaian Landing Page

Gunakan toolbar di sisi kanan editor untuk mengatur pengaturan halaman, termasuk CSS kustom, lebar halaman, font default, grid, latar belakang, SEO, favicon, dan meta tag.
Kelola elemen halaman (widgets) menggunakan tab Elements, di mana Anda bisa mengatur visibilitas atau menghapus elemen.

3. Menggunakan Widgets

Landing page terdiri dari berbagai widget yang bisa ditemukan di panel sisi kiri. Drag dan drop widget ke area yang diinginkan.

Widget yang tersedia termasuk teks, formulir, tombol, gambar, video, tombol pembayaran (PayPal, Stripe, PayU), kotak, counter, dan HTML.

4. Mengedit Widget

Edit widget dengan menggunakan menu konteks atau toolbar sisi kanan.
Setiap widget memiliki opsi pengaturan, visibilitas, ukuran, tipografi, latar belakang, bayangan, sudut, dan lain-lain.

5. Mengelola Lapisan

Elemen pada landing page diatur dalam lapisan. Anda dapat mengubah lapisan elemen untuk mengatur tampilannya.

6. Menggunakan Top Bar

Top bar memungkinkan Anda untuk mengelola alur kerja, termasuk undo/redo, tampilan desktop/mobile, editor halaman utama dan Thank You Page, riwayat halaman, pratinjau, simpan, dan publikasi.

7. Thank You Page

Edit Thank You Page mirip dengan editing halaman utama, dengan menggunakan widget yang sama kecuali formulir.
Ingatlah untuk menyimpan atau mempublikasikan perubahan Anda.

8. Quick Editing

Anda dapat menyalin elemen dan widget dari landing pages, pop-up, dan lightbox, dan menempelkannya ke proyek lain di Landingi.
Gunakan fitur seleksi multi-elemen untuk melakukan aksi yang sama pada beberapa elemen sekaligus.

Tips Tambahan Dalam Membuat Landing Page

Fokus pada Tujuan: Pastikan tujuan landing page Anda jelas, apakah itu untuk mengumpulkan email, menjual produk, atau sesuatu yang lain. Semua elemen di halaman harus mendukung tujuan ini.
Gunakan Visual Menarik: Manfaatkan gambar berkualitas tinggi atau video yang relevan untuk menarik perhatian pengunjung.
Optimalkan untuk Konversi: Sertakan elemen yang mendorong tindakan, seperti formulir sign-up yang jelas dan tombol call-to-action (CTA) yang menonjol.
Pesan yang Jelas dan Ringkas: Gunakan judul dan subjudul yang menarik serta deskripsi yang jelas dan ringkas tentang apa yang Anda tawarkan.
Mobile Responsive Design: Pastikan bahwa landing page Anda terlihat bagus dan mudah digunakan di perangkat seluler.
Tes A/B: Eksperimen dengan berbagai versi halaman Anda untuk melihat mana yang paling efektif.
SEO Friendly: Optimalkan halaman Anda untuk pencarian organik dengan memasukkan kata kunci yang relevan dan meta tag.
Integrasikan dengan Alat Pemasaran: Manfaatkan integrasi Landingi dengan alat pemasaran lainnya seperti email marketing dan CRM.
Analisis dan Penyesuaian: Gunakan analitik untuk memantau kinerja halaman Anda dan membuat penyesuaian yang diperlukan berdasarkan data.

Panduan Membuat Landing Page – UMKM Go Digital Series Bagian V

Sebelum lanjut membaca, kembali saya ingatkan bahwa artikel ini adalah bagian kelima dari rangkaian panduan UMKM go digital, serial komplet yang kami pecah ke dalam beberapa bagian. Keseluruhan bagiannya bisa Anda temukan di tautan ini.

Di bagian kelima ini, secara khusus kita akan bahas step-step membuat sebuah landing page. Step ini hanya bisa Anda kerjakan jika Anda sudah menyelesaikan step sebelumnya. Jadi, pastikan Anda juga membaca artikel sebelum ini.

Apa itu Landing Page?

Landing page adalah halaman web yang dirancang khusus dengan tujuan untuk mendorong pengunjung agar melakukan tindakan spesifik tertentu, seperti mengisi formulir, mengklik tombol, atau melakukan pembelian. Halaman ini menjadi titik awal atau pintu masuk (entry point) bagi pengunjung dari berbagai sumber, seperti iklan, kampanye pemasaran, atau tautan di media sosial.

Karakteristik landing page yang khusus ini mencakup desain yang sederhana dan fokus pada satu tujuan atau tindakan yang ingin dicapai. Biasanya, landing page juga bebas dari menu navigasi atau tautan lain yang dapat mengalihkan perhatian pengunjung dari tujuan utama.

Contoh penggunaan landing page antara lain:

Landing page iklan: Sebuah halaman yang muncul ketika seseorang mengklik iklan, dengan tujuan mengonversi pengunjung menjadi pelanggan atau prospek.
Landing page pendaftaran: Halaman yang digunakan untuk mengumpulkan informasi kontak dari pengunjung yang ingin mendaftar untuk acara, webinar, atau newsletter.
Landing page penjualan: Sebuah halaman yang mempromosikan produk atau layanan tertentu dan mendorong pengunjung untuk melakukan pembelian.
Landing page unduhan: Halaman yang menawarkan konten atau aplikasi untuk diunduh, seperti e-book, panduan, atau software.

Dengan fokus yang jelas dan tindakan yang diarahkan, landing page dapat meningkatkan konversi dan efektivitas kampanye pemasaran online.

Sampai di sini, sudah jelas ya perbedaan landing page dengan website lain, misalnya company profile, blog ataupun web ecommerce?

Perfect! Nah, sekarang kita langsung masuk ke panduan pembuatan landing page-nya.

Untuk membuat landing page di dalam tutorial ini, kita tidak akan memasang plugin ataupun theme khusus, cukup gunakan theme yang saat ini Anda pilih.
Langkah pertama, arahkan kursor ke menu Pages atau halaman kemudian klik Add New (tambah baru).

Berikutnya, berikan judul halaman (1).
Geser ke bagian body halaman, klik tombol plus untuk menambahkan elemen baru (2)..
Ketika muncul jendela popup, klik Browse All (3).

Akan muncul lagi sebuah jendela dialog, klik saja menu tab Patterns (1)
Lalu klik tombol Expand all patterns.

Akan muncul beberapa paterns yang bisa digunakan. Saya akan gunakan patterns yang menurut saya cocok untuk landing page. Tetapi tentu Anda boleh memilih dan berimprovisasi sesuai keinginan.
Pertama, saya pilih Headers untuk bagian paling atas landing page (1).
Selanjutnya, saya pilih elemen header yang memiliki gambar, boleh nomor 1 atau 2 teratas (2-3).

Ketika dipilih, maka elemen tadi akan langsung otomatis ditambahkan ke halaman. Anda bisa langsung melakukan penyesuaian, semua bagian dari elemen tadi bisa Anda mengubahsuaikan tergantung kebutuhan.
Misalnya bagian nama web Anda, untuk mengubah bagian ini tinggal klik saja teks tersebut, kemudian lakukan perubahan yang Anda inginkan (1)
Tidak jauh dari elemen yang Anda ubah suai, akan muncul juga sebuah toolbar yang berisikan sejumlah fungsi yang juga bisa Anda coba eksplor apa saja kegunaannya (2)
Begitu juga untuk teks-teks lainnya, Anda juga bisa lakukan penyesuaian seperti di teks tadi (3)
Untuk gambar, toolbar yang muncul akan berbeda, tetapi seperti halnya teks, bagian ini juga bisa Anda ubahsuaikan (4).

Berikutnya, saya ulangi langkah kedua di atas dengan menambahkan pattern baru. Kali ini, pilihan saya jatuh ke pattern Featured dan jenis elemennya saya tandai dengan jarum bernomor dua (2).

Sama seperti pattern dan elemen yang sebelumnya, di elemen ini Anda juga bisa melakukan penyesuaian dari mulai teks (2) hingga gambar (2).

Di setiap elemen, Anda juga bisa melakukan penyesuian menggunakan menu Block yang ada di sisi kanan layar komputer Anda (1).
Menu ini akan berisi beberapa fungsi, misalnya menentukan posisi dan ukuran (2)
Atau, mengubah tampilan dari latar belakang, warna teks dan lain sebagainya (4).

Setelah dua pattern selesai diubahsuai, saya kembali menambahkan pattern baru, kali ini saya pilih Banners dan jenisnya yang ditandai di gambar di bawah ini (1-2).

Lalu, saya lanjutkan dengan menambahkan pattern Call to Action jenis price list.

Terakhir, saya tambahkan pattern Banners dengan jenis seperti yang ditandai di bawah ini (1-2).

Setelah semua pattern ditambahkan, barulah lakukan penyesuaian dari teks, gambar, warna latar dan lain sebagainya.
Hasil akhirnya akan seperti ini.

Langkah terakhir

Untuk bisa menampilkan landing page yang baru saja Anda buat, maka Anda harus melakukan langkah terakhir berikut ini.

Arahkan kursor ke menu Settings atau pengaturan (2).
Kemudian pilih opsi A static page (2)
Di bagian Homepage pilih halaman yang tadi barus aja Anda buat (3).

Terakhir, klik Save Changes atau simpan perubahan.

Selesai, Anda sudah menyelesaikan bagian kelima dari rangkaian UMKM Go Digital Series, cara membuat landing page sederhana dengan WordPress.

Panduan Membuat Personal Website di Mezink, Cocok untuk Bisnis!

Membuat website untuk usaha adalah suatu hal yang penting untuk dilakukan. Namun, membuat website juga terkenal dengan kesulitannya karena Anda harus mempelajari ilmu coding, mengenal apa itu domain, hosting, dan lain-lain. Sebagai solusinya, Anda bisa mengikuti cara membuat personal web di Mezink pada artikel ini.

Selain untuk membangun personal branding, membuat personal web juga dapat memudahkan audiences atau pelanggan mengakses berbagai c hannel milik usaha Anda. Mezink adalah tool yang tepat untuk Anda gunakan karena memungkinkan Anda untuk menambahkan berbagai macam tautan pada halaman Mezink.

Cara Membuat Personal Web di Mezink

Membuat personal web di Mezink dapat dilakukan dengan tiga langkah mudah. Pertama, membuat akun Mezink. Kedua, personalisasi halaman Mezink Anda. Ketiga, menambahkan berbagai tautan ke halaman Mezink Anda. Satu per satu langkah tersebut akan dijelaskan di bawah ini.

Daftar Akun Mezink

Langkah pertama untuk membuat personal web di Mezink adalah dengan mendaftar akun di Mezink. Untuk membuat akun Mezink, Anda nantinya akan diminta untuk mendaftarkan email Anda dan membuat kata sandi untuk akun Mezink Anda.

Selain itu, ketika mendaftar akun Mezink, Anda juga akan diminta untuk membuat username yang akan digunakan pada link halaman Mezink Anda. Jadi, pastikan Anda telah memikirkan username tersebut dengan matang.

Personalisasi Mezink

Setelah berhasil membuat akun Mezink dan link halaman Mezink Anda, langkah selanjutnya adalah personalisasi tampilan halaman Mezink Anda. Mezink menyediakan banyak sekali pilihan tema yang bisa Anda gunakan untuk halaman Mezink Anda.

Jika tidak ada tema yang sesuai dengan keinginan atau personal branding usaha Anda, Anda juga dapat membuat custom theme untuk halaman personal web tersebut.

Menambahkan Tautan

Apabila Anda telah membuat halaman personal web Mezink Anda sesuai keinginan, maka berikutnya Anda dapat mulai menambahkan tautan.

Tidak hanya tautan, Anda juga dapat membuat form, payment link, hingga halaman penjualan produk digital untuk kebutuhan usaha Anda secara mudah dan gratis di Mezink.

Itu dia panduan singkat cara membuat personal web di Mezink. Setelah menerapkan tiga langkah di atas, Anda dapat menambahkan link halaman Mezink sebagai personal web bisnis Anda di bio media sosial bisnis Anda. Selamat mencoba!

Manfaatkan Fitur-Fitur GoStore untuk Jual Lebih Banyak Produk Online

GoStore dari Gojek menghadirkan fitur-fitur yang memudahkan para pengusaha mengelola toko dan memproses pesanan. Fitur-fitur GoStore ini dapat Anda nikmati setelah Anda membuat toko online dengan GoStore. Anda dapat mengakses fitur-fitur ini di Moka dengan akun GoStore Anda.

Fitur-Fitur GoStore

Terdapat 8 fitur yang menjadi keunggulan GoStore. Simak rangkumannya di bawah ini mengenai fitur GoStore apa saja yang dapat Anda nikmati secara gratis.

Laporan Penjualan Harian

Fitur pertama adalah fitur laporan penjualan harian. Pada dasarnya, GoStore adalah web toko online. Namun, selain menjadi tempat pelanggan Anda bertransaksi, GoStore juga menyediakan laporan penjualan harian sebagai pembukuan. Sehingga, Anda tidak perlu membuat dan melihatnya di aplikasi pembukuan yang berbeda.

Catatan Stok

Selain laporan penjualan harian, GoStore juga menyediakan catatan dan laporan stok barang toko. Sama seperti fitur sebelumnya, Anda tidak perlu melakukannya di aplikasi pembukuan yang berbeda. Anda bisa melihat dan mengatur catatan stok langsung di GoStore Anda.

Satu Katalog Terpusat

Setelah Anda membuat web toko online Anda dengan GoStore, Anda dapat membagikan URL yang telah Anda buat ke berbagai platform jual-beli lainnya. Dengan begitu, Anda tidak perlu lagi membuat katalog dan dimanapun Anda berjualan, semua transaksi dapat dilakukan di satu tempat, yaitu di GoStore.

Dapat Terkoneksi ke Facebook dan Instagram

Jika toko Anda memiliki akun Instagram dan Facebook, Anda dapat mengintegrasikannya dengan GoStore. Sehingga, pelanggan Facebook dan Instagram Anda dapat dengan mudah melihat katalog dan bertransaksi langsung di GoStore.

Jasa Pengiriman Lengkap

Meski terhitung baru, namun GoStore telah menyediakan pilihan jasa pengiriman dengan berbagai layanan yang cukup lengkap. Diantaranya ada GoSend, Shipper, JNE Express, J&T Express, SiCepat, dan Ninja Express.

Beragam Metode Pembayaran

Tidak hanya jasa pengirimannya, GoStore juga menyediakan pilihan metode pembayaran yang beragam. Mulai dari e-wallet GoPay, kartu kredit, hingga kartu debit berbagai bank.

Pickup Barang

Bingung cari lokasi counter pengiriman? Atau malas keluar rumah untuk kirim barang pesanan? Tenang. Setiap pesanan di GoStore akan di-pickup oleh kurir jasa pengiriman yang dipilih. Sehingga, Anda cukup duduk manis tanpa harus repot keluar rumah untuk kirim pesanan.

Transaksi Aman dan Nyaman

GoStore sebagai salah satu layanan dari GoTo Financial ini menjamin keamanan setiap transaksi yang dilakukan. Jadi, Anda dan pelanggan tidak perlu khawatir dan dapat bertransaksi dengan aman dan nyaman. Selain melalui web browser, Anda dan pelanggan juga bisa mengakses GoStore melalui mobile. Anda dapat mengunduh aplikasi Moka POS untuk mengelola GoStore Anda melalui smartphone.

Segera buat web toko online Anda sendiri dengan GoStore. Nikmati fitur-fitur yang ada di GoStore dan jual lebih banyak produk dari satu tempat. Lihat video perkenalan GoStore di bawah ini persembahan dari GoBiz by Gojek.

Video Perkenalan GoStore

Pengertian, Sejarah dan Jenis-jenis Website

Dewasa ini, website menjadi salah satu layanan internet yang sering digunakan oleh seluruh masyarakat. Setiap harinya, kita pasti akan menggunakan website, seperti untuk mencari informasi, membaca berita, dan lain sebagainya. Mulai dari Google, Facebook, Twitter, dan masih lain sebagainya. Ketika membuka layanan-layanan tersebut di perangkat desktop atau mobile, sebenarnya yang Anda buka adalah website. Tapi, tahukah Anda apa itu website?

Continue reading Pengertian, Sejarah dan Jenis-jenis Website

Inilah Kehebatan SEO dalam Meningkatkan Penjualan Online

Internet memang memiliki banyak sekali manfaatnya. Salah satunya tentu sering Anda manfaatkan saat hendak membeli produk barang atau jasa. Seperti browsing pihak penjual, bagaimana reputasinya, membandingkan harga hingga mencari testimoni pembeli lainnya. Semua hal ini bisa dilakukan dengan mudah berkat kehebatan SEO dalam sebuah mesin pencarian internet.

Continue reading Inilah Kehebatan SEO dalam Meningkatkan Penjualan Online

Inilah Kelebihan Memiliki Website yang Mobile Friendly

Dapat dibilang bahwa saat ini, kita masuk dalam suatu era di mana smartphone telah menjadi perangkat teknologi yang erat dengan kehidupan manusia. Hal ini bisa kita saksikan di sekeliling kita. Orang-orang yang berada di sekitar kita, sebagian besar merupakan para pengguna smartphone.

Continue reading Inilah Kelebihan Memiliki Website yang Mobile Friendly

Cara Membuat Web Gratis dengan Weebly

Kita sudah banyak membahas platform blog gratisan, seperti blogger.com dan WordPress.com. Kita juga sudah sempat mengulas tutorial pembuatan blog gratis di Tumblr. Maka, ada baiknya jika sekarang kita mencoba platform lain yang juga cukup dikenal di Indonesia, yaitu Weebly.

Continue reading Cara Membuat Web Gratis dengan Weebly

Tips Ampuh Membuat Loading Website Anda Makin Cepat

Pernah merasa membuka website tapi loading-nya sangat lama? Atau hal itu terjadi pada website yang Anda kelola? Jika iya, segera lakukan audit pada websitemu. Loading yang lama bisa mempengaruhi SEO dan sudah pasti visitor akan malas membaca artikel atau konten yang ada di dalam website.

Continue reading Tips Ampuh Membuat Loading Website Anda Makin Cepat

Panduan Lengkap Bikin Web Crowdfunding dengan WordPress

Pengen bikin web crowdfunding seperti KitaBisa atau Kickstarter tapi mentok di skill programming? Tak perlu risau, cukup dengan WordPress, sobat bisa kok bikin situs donasi serupa walaupun lebih sederhana. Tapi, sudah cukup layak untuk dijadikan proyek sosial atau mewujudkan ide startup sobat.

Sembari melakukan pengembangan, Anda bisa terus mencari rekan yang mempunyai skill atau modal untuk hire programmer dan desainer. Kalau sudah fix, ayo saya tunjukkan cara bikin web crowdfunding menggunakan CMS WordPress self hosted.

Login ke dashboard web WordPress Anda, kemudian tambahkan plugin baru.
Ketikkan kata kunci “crowdfunding” di kotak pencarian. Setelah muncul hasilnya, install plugin WP Crowdfunding dari Themeum. Jika sudah terpasang, aktifkan plugin tersebut.

Ketika plugin WP Crowdfunding sudah diaktifkan, plugin secara otomatis membuat empat halaman baru seperti yang saya tandai di gambar di bawah ini. Anda bisa menemukannya di menu Pages – All Pages. Keempatnya berfungsi sebagai form pembuatan kampanye donasi baru, dashboard yang berisi akun pengguna, daftar kampanye donasi yang sudah disetujui dan terakhir formulir pendaftaran pengguna baru.

Sebelum lanjut, plugin ini membutuhkan bantuan dari tool lainnya yaitu plugin WooCommerce. Ini sebenarnya adalah plugin toko online, saya sudah pernah berikan tutorialnya beberapa tahun yang lalu. Ternyata, plugin inilah yang nantinya bertugas menjadi alur pemberikan donasi oleh pengunjung. Jika di toko online berfungsi sebagai platform pemesanan, di sini sebagai platform donasi.
Jadi, ulangi langkah pertama di atas kemudian temukan plugin woocomerce.
Langkah selanjutnya adalah menyesuaikan pengaturan plugin WP Crowdfunding agar nanti fungsinya tepat seperti yang Anda inginkan. Arahkan kursor ke menu Crowdfunding – Crowdfunding – General Settings.
Di menu pengaturan General Settings, yang perlu diubah adalah Select Dashboard Page dan Select Campaign Submit Form. Di kedua opsi ini Anda diminta memilih jenis halaman yang tadi sudah dibuat oleh plugin secara otomatis. Untuk pengaturan lainnya sesuaikan dengan kebutuhan dan rencana Anda.

Lanjut ke menu pengaturan Woocomerce Settings. Sama, yang perlu diubah adalah opsi Select Listing Page dan Select Registration Page. Samakan pengaturan Anda dengan gambar di bawah ini. Sedangkan untuk pengaturan lain, sesuaikan dengan kebutuhan Anda. Tidak harus sama.

Lanjut ke Style dan Social Share. Silahkan diatur sesuai kebutuhan, tidak ada aturan baku untuk dua menu ini. Sedangkan untuk reCAPTCHA dan Wallet hanya bisa digunakan jika Anda membeli lisensi pro dan Enterprise.

Pengaturan sudah selesai, sekarang waktunya untuk mengatur di mana halaman-halaman tadi di layout web Anda. Opsi yang paling mudah adalah dengan menambahkannya ke menu. Kalau Anda bingung dengan bagian ini, bisa baca-baca lagi tutorial cara membuat menu sebelumnya.
Tambahkan halaman-halaman yang tadi dibikin otomatis oleh plugin. Posisinya terserah Anda, dan boleh diubah namanya sesuai dengan kebutuhan. Tidak ada aturan baku. Anda bahkan boleh menggunakan plugin lain untuk mengatur posisi menu, apakah dengan tombol khusus atau dengan layout yang baru.

Dengan cara sederhana tadi, saya telah menambahkan tool donasi di halaman utama web saya. Hasilnya akan seperti ini. Layout ini juga tidak harus sama, silahkan berimprovisasi.

Halaman Bikin Donasi misalnya, merupakan halaman di mana pengguna dapat membuat kampanye donasi baru yang nantinya jika layak akan ditampilkan di daftar donasi.

Sedangkah dashboard saya ubah menjadi label akun, di mana pengguna bisa melihat rincian kampanye donasi yang mereka buat. Mereka juga bisa melengkapi data diri yang masih kosong.

Lalu, apakah admin bisa membuat donasi sendiri mas?
Jawabannya tentu bisa. Tapi dengan cara yang berbeda. Karena kita menggunakan plugin Woocommerce, maka pembuatan kampanye donasi baru harus melalui menu Product – Add News.

Nantinya di opsi Product data, ganti dengan Crowdfunding.
Tinggal mengisi form yang diperlukan, termasuk data-data pelengkapnya dan terbitkan.

Waduh, ribet mas. Bisa gak langsung di halaman form depan gak dari dashboard?

Bisa banget. Tinggal akses aja halaman form pembuatan kampanye donasi seperti halnya pengguna lain.

Selesai ya. Web crowdfunding sederhana menggunakan WordPress Anda sudah jadi dan tinggal disempurnakan.

Sumber gambar header Pixabay.