Untuk Anda yang bekerja di bidang marketing atau dunia digital, istilah landing page mungkin bukanlah hal yang asing lagi di telinga. Sebagai salah satu elemen penting dalam strategi, landing page dapat dimanfaatkan untuk mempromosikan produk, layanan, portofolio, hingga mengumpulkan leads.
Namun, masih banyak yang belum mengetahui bagaimana cara buat landing page gratis yang tetap terlihat profesional dan menarik? Mungkin Anda pernah berpikir bahwa membuat landing page memerlukan keahlian desain atau coding yang rumit.
Padahal kenyataannya, ada berbagai tools gratis yang dapat membuat landing page profesional dengan cepat dan efisien. Apakah Anda sudah penasaran? Mari simak artikel ini untuk melihat bagaimana saja cara buat landing page gratis yang dapat Anda coba!
Cara Buat Landing Page dengan Canva
Canva dikenal sebagai salah satu platform desain di kalangan anak muda, terutama gen Z. Menariknya, kini Canva menyediakan fitur pembuatan website sehingga Anda dapat membuat landing page menarik dalam beberapa menit.
Selain itu, desain interface-nya juga sederhana dan Anda bisa menggunakannya dengan mudah. Berikut adalah langkah-langkah yang perlu dilakukan dalam membuat landing page dengan Canva!
1. Buka Canva dan Login Akun
Pertama-tama, kunjungi situs web Canva (www.canva.com) melalui browser. Setelah itu, login dengan akun yang sudah ada atau daftarkan akun baru dengan email Anda.
2. Pilih Template Landing Page
Setelah berhasil masuk ke dashboard, ketik “Landing Page” di kolom pencarian template paling atas. Dalam beberapa saat, Canva akan menampilkan berbagai template landing page yang siap pakai.
Selanjutnya, pilihlah template yang sesuai dengan kebutuhan Anda–baik untuk bisnis, portofolio, maupun promosi produk.
3. Edit Konten dan Desain
Masuk ke fitur editor Canva kemudian lakukan kustomisasi teks, gambar, warna, dan elemen lain sesuai dengan branding atau tujuan Anda dalam pembuatan landing page.
Selain itu, Anda juga bisa menambah atau menghapus tombol, ikon, gambar, atau formulir. Jangan lupa untuk menggunakan fitur drag-and-drop sehingga memudahkan proses editing ini.
4. Atur Tata Letak dan Tambahkan Interaksi
Jika ingin mengubah posisi elemen, cukup seret dan lepaskan ke lokasi yang diinginkan. Untuk menambahkan link pada tombol atau teks, cukup tekan elemen tersebut lalu pilih ikon “Tautan” dan masukkan URL tujuannya.
Bagaimana jika kita ingin menambahkan elemen interaktif? Tenang saja, cari dan tambahkan elemen dari menu Element yang telah disediakan oleh Canva!
5. Pratinjau dan Publikasikan
Setelah selesai mengedit, klik tombol “Pratinjau” atau Preview untuk melihat hasil akhir landing page Anda. Jika sudah sesuai, klik tombol “Bagikan” atau “Publikasikan” di kanan atas.
Pilih opsi “Situs Web” atau website dan ketiklah alamat website sesuai keinginan Anda–misalnya portofoliosaya.my.canva.site. Anda juga bisa menggunakan custom domain sesuai selera!
Terakhir, berikan kustomisasi pada browser tab preview dan deskripsi website baru Anda. Dengan ini, landing page tersebut bisa langsung diakses secara online melalui link tersebut!
Cara Buat Landing Page dengan Blogspot
Blogspot (atau Blogger) sudah lama jadi tempat favorit untuk menulis blog. Akan tetapi, tahukah Anda bahwa platform ini juga bisa digunakan untuk membuat landing page?
Selain gratis, Anda juga bisa mengatur tampilannya dengan mudah menyesuaikan keinginan. Terapkan beberapa langkah berikut dalam membuat landing page dari Blogspot.
1. Login ke Akun Blogspot dan Buat Blog Baru
Buka situs Blogspot di alamat blogger.com dan login menggunakan akun Google Anda. Setelah itu, klik “Buat Blog” pada dashboard Blogspot.
Masukkan judul blog yang sesuai dengan kebutuhan pembuatan landing page. Kami menyarankan untuk meletakkan keyword yang relevan dalam judul blog ini. Setelah itu, tentukan alamat blog dan pilih opsi “Simpan”.
2. Pilih atau Edit Template
Pilih template sederhana dari Blogspot agar tampilan landing page terlihat lebih minimalis dan meningkatkan fokus pembaca. Namun, untuk tampilan yang lebih menarik, segera upload file template landing page dengan format .xml atau gunakan template bawaan Blogspot.
Untuk kustomisasi lebih lanjut, masuk ke menu “Tema” dan pilih opsi “Edit HTML” untuk mengedit kode HTML sesuai desain yang Anda inginkan.
3. Buat Halaman atau Postingan Baru
Klik “Halaman” atau “Postingan Baru” di dashboard paling kiri di Blogspot. Lalu, buatlah judul halaman sesuai dengan nama landing page. Tentukan alamat blog baru Anda dan klik “Simpan”.
Sertakan konten seperti teks, gambar, video, dan tombol call-to-action (CTA) yang relevan dengan tujuan landing page.
Jika ingin desain lebih custom, gunakan fitur “Sunting HTML” dan masukkan kode HTML/CSS sesuai kebutuhan. Anda bisa melakukan copy dan paste HTML dari landing page gratis lainnya untuk dimasukkan dalam blogspot Anda.
4. Atur Tata Letak dan Navigasi
Setelah itu, pilih menu Tata Letak dan hilangkan beberapa widget yang tidak diperlukan. Dengan ini, landing page buatan Anda lebih minim gangguan dan lebih terfokus pada hal-hal yang ingin ditonjolkan saja.
5. Publikasikan Landing Page
Setelah selesai mendesain dan memasukkan konten, klik “Publikasikan” untuk menerbitkan landing page Anda. Cek tampilan landing page di versi desktop dan mobile sampai benar-benar responsif dan menarik.
Terakhir, pastikan landing page Anda sudah SEO-friendly, cepat diakses, dan tombol CTA-nya berfungsi dengan baik. Uji juga semua link dan fitur untuk memastikan pengunjung website Anda mendapatkan pengalaman pengguna secara optimal!
Cara Buat Landing Page dengan WordPress
WordPress merupakan salah satu platform pembuatan website yang sangat fleksibel, baik untuk pemula maupun bisnis. Kelebihan WordPress terletak di banyaknya plugin yang tersedia, kustomisasi yang mudah, dan komunitasnya yang sangat besar.
Untuk membuat landing page dari WordPress secara gratis, Anda bisa menggunakan plugin Elementor. Berikut adalah langkah per langkahnya:
1. Login ke Dashboard WordPress
Pertama-tama, masuklah ke dashboard WordPress Anda melalui URL seperti namadomainAnda.com/wp-admin. Segera install dan aktifkan plugin Elementor tersebut.
Caranya mudah, cukup dengan pilih opsi “Plugin”, “Add Plugin” dan ketikkan nama Elementor Website Builder di kolom pencarian. Lanjutkan dengan klik “Install Now” lalu “Activate” untuk mengaktifkan plugin Elementor.
2. Buat Halaman Baru untuk Landing Page
Kembali ke dashboard utama, kemudian klik “Pages” lalu “Add New” di bagian navigasi. Beri judul halaman sesuai keinginan Anda, misalnya Contoh Landing Page dan simpan halaman tersebut terlebih dahulu sebelum melanjutkan.
3. Edit Halaman dengan Elementor
Klik tombol “Edit with Elementor” pada halaman yang baru dibuat. Pada editor Elementor, pilih template kosong dengan template Elementor Canvas agar halaman menjadi bersih tanpa menu navigasi dan elemen lain yang mengganggu.
4. Tambahkan dan Atur Elemen Landing Page
Gunakan panel sebelah kiri untuk drag & drop elemen yang Anda inginkan–mulai dari Heading, Image, Text Editor, Button, Video, dan lain-lain ke area halaman. Bahkan, Anda juga dapat meletakkan embed berupa Peta Google untuk mencantumkan alamat tinggal atau bisnis Anda!
Setelah itu, sesuaikan konten, ukuran, warna, dan tata letak sesuai kebutuhan landing page Anda.
5. Pratinjau dan Publikasikan
Setelah selesai mendesain, klik tombol “Preview” untuk melihat hasilnya. Jika sudah sesuai, klik “Publish” untuk menerbitkan landing page Anda secara online.
6. Set Landing Page sebagai Halaman Depan (Opsional)
Jika ingin menjadikan landing page sebagai homepage, masuk ke “Appearance” lalu “Customize” dan pilihlah “Homepage Settings”. Pilih opsi “A Static Page” dan pilih halaman landing page yang sudah Anda buat sebagai homepage.
Cara Buat Landing Page dengan Figma
Mari kita berlanjut ke tools selanjutnya yaitu Figma, sebuah aplikasi desain UI/UX berbasis cloud. Tools ini populer untuk membuat prototipe website–termasuk landing page.
Dengan alat ini, Anda bisa mendapatkan berbagai template gratis, melakukan kolaborasi real-time, dan mengekspor hasil desainnya ke berbagai format.
Tanpa berlama-lama lagi, berikut adalah cara buat landing page dari Figma yang mudah diikuti pemula:
1. Buka dan Daftar Akun Figma
Kunjungi website Figma (figma.com) dan buat akun gratis jika Anda belum mempunyainya. Setelah berhasil mengaktifkan akun, segera login ke dashboard Figma.
2. Buat File Desain Baru dan Buat Frame Sesuai Ukuran Desktop
Klik tombol “New File” untuk membuat lembar kerja kosong. Beri nama file sesuai proyek landing page yang akan Anda buat.
Di pojok kiri atas, pilih “Frame” kemudian pilih juga preset ukuran desktop–misalnya 1440 x 1024 piksel. Frame inilah yang akan menjadi kanvas utama untuk mendesain landing page yang Anda butuhkan!
4. Atur Grid untuk Tata Letak Rapi
Tambahkan grid pada frame dengan klik kanan frame, kemudian pilih “Layout Grid”. Setelah itu, klik ikon “+” dan sesuaikan kolom grid agar desain lebih terstruktur dan rapi.
5. Rancang Bagian-Bagian Landing Page
Mulailah membuat elemen-elemen utama landing page secara berurutan, mulai dari Navbar, Hero Section, Features Section, Testimonial, hingga Footer.
- Navbar: Tambahkan logo, menu navigasi, dan tombol login/daftar akun.
- Hero Section: Buat teks utama yang menarik, gambar pendukung, dan tombol call-to-action (CTA) untuk menarik lead.
- Features Section: Jelaskan keunggulan produk atau layanan yang Anda tawarkan dengan ikon dan teks singkat.
- Testimonial: Sebagai tambahan, Anda juga bisa mencantumkan kutipan atau ulasan dari pengguna. Ini membuat produk atau layanan Anda terpercaya di kalangan para pelanggan.
- Footer: Sertakan informasi kontak dan link penting seperti nomor handphone pribadi atau kontak WhatsApp bisnis Anda.
6. Gunakan Elemen Desain dan Komponen
Manfaatkan fitur drag-and-drop untuk menambahkan kotak, gambar, ikon, dan teks. Bahkan, Anda juga bisa menggunakan komponen yang sudah ada di Figma Community untuk mempercepat proses desain ini.
7. Tambahkan Interaksi dan Prototipe (Opsional)
Langkah ini cukup opsional. Namun jika Anda ingin membuat prototipe interaktif, gunakan fitur Prototype di Figma untuk menghubungkan tombol CTA dengan bagian lain pada landing page.
8. Pratinjau dan Bagikan Desain
Terakhir, klik tombol “Present” untuk melihat hasil desain landing page Anda dalam mode fullscreen. Setelah puas, bagikan link desain dengan klik tombol “Share” dan atur izin akses sesuai kebutuhan.
Cara Buat Landing Page dengan Carrd
Tools pembuat landing page gratis yang terakhir adalah Caard. Selain ringan dan mudah digunakan, Anda juga dapat membuat landing page profesional hanya dalam hitungan menit! Simak bagaimana cara buat landing page berkualitas dengan tools ini.
1. Daftar dan Login ke Carrd
Kunjungi situs resmi Carrd di carrd.co. Buat akun baru dengan mendaftar menggunakan email atau login jika sudah punya akun.
2. Pilih dan Edit Template Landing Page
Setelah login, Anda akan diarahkan ke dashboard berisikan beberapa macam template landing page gratis yang dapat disesuaikan dengan kebutuhan Anda.
Pilih salah satu atau klik blank page jika Anda ingin melakukan kustomisasi dari awal. Setelah memilih template, Anda bisa langsung mengedit elemen-elemen yang ada:
- Klik pada teks untuk mengganti konten sesuai keinginan.
- Klik gambar untuk mengganti foto dengan upload gambar pilihanmu.
- Gunakan menu di bagian atas untuk menambah elemen, melihat preview animasi, dan mengganti tampilan desktop dan mobile
- Gunakan toolbar di sebelah kiri untuk mengubah font, warna, ukuran, dan tata letak teks.
- Klik container atau bagian background untuk mengganti warna atau menambahkan wallpaper pendukung.
3. Pratinjau dan Sesuaikan Tampilan
Gunakan fitur preview untuk melihat tampilan landing page di berbagai perangkat–seperti desktop dan mobile. Dengan ini, Anda bisa melihat sendiri apakah halaman ini sudah cukup responsif dan menarik.
4. Publikasikan Landing Page
Setelah selesai mengedit, klik tombol “Publish”. Pilih alamat URL gratis yang disediakan Carrd (misalnya contohlandingpage.carrd.co). Setelah itu, landing page Anda sudah bisa diakses secara online.
5. Optimasi dan Update
Jangan lupa untuk selalu mengedit dan memperbarui konten landing page sesuai kebutuhan Anda tanpa harus mengeluarkan biaya tambahan.
Tingkatkan Keterampilan IT Anda Bersama Coding Studio!
Itulah cara buat landing page gratis yang dapat Anda coba. Mudah bukan? Dengan berbagai tools yang ada, Anda bisa membangun halaman ini dengan mudah dan cepat.
Apakah Anda ingin mulai belajar lebih dalam tentang teknologi? Daftarkan diri Anda dalam kursus Coding Studio! Kami menyediakan kursus IT bersertifikat yang dapat membantu mengembangkan skill digital Anda yang dibutuhkan dalam bisnis.
Ada dua pilihan kelas yang dapat Anda pilih, yaitu kelas video online (flexy) untuk belajar mandiri kapan saja dan kelas live interaktif bersama mentor. Selain itu, kami juga menyediakan corporate training untuk perusahaan dengan materi dan metode pengajaran yang fleksibel sesuai kebutuhan!
Tunggu apalagi? Daftarkan diri Anda di kelas Coding Studio dan saatnya upgrade skill untuk karier yang cemerlang!