Cara Membuat Landing Page Menggunakan Beaver Builder

Bagikan

Setelah belajar membuat landing page menggunakan Zyro. Di artikel ini, Kita akan mempelajari cara membuat landing page menggunakan Beaver Builder.

Plugin page builder WordPress ini memberikan kemudahan untuk membuat sebuah layout halaman dengan hanya melakukan drag dan drop.

Terdapat modul konten yang cukup banyak sehingga kamu bisa memiliki banyak pilihan ketika akan membuat layout.

Fitur Fitur unik dari Beaver Builder 

  • Tersedia Modul konten seperti HTML, foto, text editor, audio, video dan sidebar.
  • Tersedia layout full width dan layout berbasis kolom.
  • Tampilan sudah mobile friendly dengan layout responsive.
  • Dapat menambahkan class dan id CSS.
  • Dapat diimplementasikan pada halaman dan postingan.

Beaver Builder mempunyai dua versi yaitu versi lite yang gratis dan versi berbayar.

Pada versi lite kamu akan lima widget yaitu editor teks, foto, video, sidebar dan elemen HTML.

Sedangkan pada versi berbayar menyediakan berbagai fitur tambahan misalnya widget yang lebih banyak serta dapat digunakan pada banyak website.

Pada versi berbayar juga disediakan fitur white labelling, yaitu menjadikan Beaver Builder sebagai layanan kamu.

Kamu bisa mengganti logo dan teks Beaver Builder dengan logo dan teks milik kamu.

Selain itu pada versi berbayar disediakan 56 template untuk mempercantik tampilan website milik kamu.

Membuat Landing Page dengan Beaver Builder.

1.Memasang dan mengaktivasi plugin Beaver Builder.

Setelah berhasil aktivasi plugin Beaver Builder, buka menu Setting Beaver Builder untuk melakukan konfigurasi.

2. Masukkan license key dengan mengklik tombol “Enter License Key”.

Kita bisa mendapatkan kode lisensi tersebut dari akun yang sudah kita buat di Beaver Builder.

3. Buka menu Pages > Add New

Klik buka menu pages > add new untuk membuat landing page pertama kita.

Banyak tema WordPress sudah menyediakan template page builder atau template full width.

Template tersebut kompatibel dengan plugin landing page.

Jika tema WordPress yang  kita gunakan belum memiliki template full width, Kita bisa langsung membuatnya di Beaver Builder.

4. Pilih page builder kosong atau template full-width di kolom Page Attributes di sebelah kanan. 

Kemudian tulis judul landing page di kolom judul dan klik Save.

Selanjutnya, klik tab Beaver Builder di atas post editor untuk membuka editor Beaver Builder.

5. Beaver Builder akan menampilkan template halaman yang kita pilih di langkah sebelumnya. 

Kita perlu mengklik tombol Add di pojok kanan atas dan mengubahnya menjadi tab template.

Beaver Builder juga menyediakan beberapa template yang sudah siap pakai. Pilih salah satu template yang menurut kita paling cocok untuk toko online.

Setelah kita memilih satu template, Beaver Builder akan menampilkan jendela preview.

6. Edit Template

Selanjutnya adalah tugas kita untuk memilih poin apa saja di template tersebut dan edit yang menurutmu perlu diedit. kita bisa menambahkan atau mengurangi item kolom di template melalui tab Row (Baris).

Caranya mudah, yaitu dengan mengklik tombol Add dan kita bisa menambahkan satu kolom atau beberapa kolom sekaligus

7. Tab Module

Setelah menambahkan atau mengurangi kolom, kini saatnya untuk berpindah ke tab module.

Tab Module Beaver Builder memungkinkan kita untuk mengganti teks, warna background, gambar, heading, tombol, video, audio, countdown timer, hingga menyesuaikan lebar dan tinggi kolom.

8. Tahap terakhir

Setelah menambahkan konten-konten yang diperlukan untuk landing page dan kita.

Jika sudah puas dengan desainnya, kita bisa mengklik tombol Done di pojok atas dan menyimpan atau langsung menerbitkan landing page.

 

Semoga artikel ini bermanfaat ya! Tinggalkan komentar jika kamu memiliki saran untuk tutorial yang lain..

 

Subscribe & Dapatkan Info Lainnya

WEBZID DEVELOPER

Berita Terkait