Toggle Menu

Cara Membuat Popup Beaver Builder (2 Metode)

Diterbitkan: 2022-10-07

Simpan template pembuat halaman dan aset desain ke cloud! Mulai di Assistant.Pro

how-to-create-beaver-builder-popups-2-methods
  • pembangun berang-berang

Cara Membuat Popup Beaver Builder (2 Metode)

Membuat pengunjung situs web Anda untuk mengambil tindakan terkadang bisa menjadi tantangan. Meskipun Anda mungkin memiliki Call To Action (CTA) yang kuat atau tombol yang menonjol, beberapa pengguna akan mengabaikan elemen ini dan fokus pada tujuan awalnya. Untungnya, popup bisa menjadi cara yang efektif untuk mendorong konversi di situs WordPress Anda.

Dalam posting ini, kita akan membahas manfaat menggunakan popup. Kemudian kami akan menunjukkan cara membuatnya di Beaver Builder. Terakhir, kita akan melihat beberapa praktik terbaik untuk menggunakan popup. Mari kita mulai!

Daftar isi:

  • Praktik Terbaik untuk Menggunakan Popup di Situs Web Anda
  • Manfaat Menggunakan Popup di Situs Web Anda
  • Cara Membuat Popup Beaver Builder (2 Metode)
    1. Pembuat Popup
    2. Addon PowerPack
  • Kesimpulan
  • Pertanyaan-pertanyaan Terkait

Praktik Terbaik untuk Menggunakan Popup di Situs Web Anda

Popup bisa efektif, tetapi juga bisa mengganggu pengunjung Anda dan mengusir mereka. Jika Anda ingin membuat popup yang kuat di situs web Anda, ada beberapa praktik terbaik yang perlu diingat.

Pertama, Anda ingin menghindari penggunaan popup entri. Ini adalah jendela yang muncul segera setelah pengunjung tiba di halaman Anda. Mereka dapat mengganggu dan mungkin meminta pengguna untuk meninggalkan situs Anda.

Selain itu, Anda mungkin ingin menghindari penggunaan pesan yang sama untuk semua orang. Personalisasi popup Anda dapat membantu Anda menghasilkan lebih banyak konversi.

Anda dapat melakukan ini dengan mengelompokkan pengunjung Anda berdasarkan lokasi, minat, dan faktor lainnya. Dengan cara ini, Anda dapat menunjukkan kepada mereka pesan yang paling relevan:

Pixel Happy Studio dibuat dengan Beaver Builder dan menggunakan popup untuk menangkap email

Anda juga ingin menyimpan popup Anda pada merek. Mereka harus sesuai dengan tampilan dan nuansa situs web Anda secara keseluruhan. Menggunakan popup yang tidak selaras dengan merek visual Anda dapat membuat situs Anda tampak tidak profesional.

Selain itu, penting untuk selalu memperbarui konten Anda. Pengunjung dapat meninggalkan situs Anda tanpa mengonversi jika munculan berisi penawaran yang kedaluwarsa atau informasi yang kedaluwarsa.

Akhirnya, ingatlah bahwa lebih sedikit itu lebih. Menampilkan beberapa popup bisa sedikit berlebihan bagi pengunjung Anda. Anda juga ingin memastikan bahwa setiap popup memiliki satu fokus. Mencoba menyelesaikan terlalu banyak hal dengan satu popup hanya akan membingungkan pengunjung Anda.

Manfaat Menggunakan Popup di Situs Web Anda

Membuat popup dapat menjadi cara yang ampuh untuk mempromosikan konten Anda, melibatkan pelanggan, dan meningkatkan tingkat konversi. Mereka dapat digunakan untuk berbagai tujuan, seperti:

  • Mengiklankan penawaran khusus
  • Mengarahkan pengunjung ke posting blog terkait
  • Membangun daftar email

Jika Anda mencoba untuk mendapatkan lebih banyak pelanggan, Anda dapat membuat sembulan dengan formulir keikutsertaan. Anda mungkin juga ingin menyoroti manfaat bergabung dengan daftar email Anda (misalnya, penawaran reguler atau gratis) untuk meningkatkan konversi.

Popup mungkin sulit untuk diabaikan. Jika Anda ingin mempromosikan produk atau penawaran tertentu, mereka dapat membantu Anda menghasilkan lebih banyak penjualan di situs Anda.

Cara Membuat Popup Beaver Builder (2 Metode)

Sekarang, mari kita lihat dua cara untuk membuat popup dengan konversi tinggi untuk situs Anda.

1. Pembuat Popup

Metode pertama untuk menampilkan popup di situs Beaver Builder Anda adalah dengan menggunakan alat seperti Popup Maker. Setelah diaktifkan, plugin ini akan memberi Anda opsi untuk membuat popup pertama Anda:

Layar selamat datang Pembuat Popup

Anda dapat mulai dengan memasukkan nama untuk popup Anda. Kemudian Anda dapat membuat konten:

Membuat popup baru di Popup Maker

Selain itu, Anda dapat menyisipkan modul atau tata letak Beaver Builder yang disimpan dengan kode pendek. Misalnya, Anda dapat membuat desain sembulan di pembuat, lalu menambahkannya di sini.

Anda dapat menggunakan shortcode Beaver Builder untuk menyimpan baris, kolom, tata letak, dan posting. Arahkan ke Beaver Builder > Saved Modules dan pilih Add New . Beri nama modul Anda, lalu pilih Modul Tersimpan di bawah Jenis dan Kotak Modal di bawah Modul :

Selanjutnya, klik Add Saved Module dan pilih Launch Beaver Builder untuk membuat popup Anda:

Membuat popup sebagai template yang disimpan di Beaver Builder.

Saat Anda siap, klik Selesai dan Publikasikan . Kemudian, kembali ke Beaver Builder > Saved Module dan cari popup Anda. Di sini, Anda akan melihat kode pendek untuk modul Anda:

Mendapatkan kode pendek untuk modul yang disimpan.

Anda sekarang dapat kembali ke popup Anda di Popup Maker, dan salin/tempel kode pendek itu:

Memasukkan shortode di pembuat Popup.

Jika Anda menggulir ke bawah ke Pengaturan Popup , Anda dapat mengatur pemicu untuk popup Anda:

Bagian pemicu dari Popup Maker

Di bagian Penargetan , Anda memiliki opsi untuk menampilkan munculan Anda kepada pengguna tertentu, berdasarkan kondisi yang dipilih:

Opsi penargetan Pembuat Popup

Di bagian Tampilan , Anda dapat memilih jenis munculan, mengubah tampilannya, mengubah ukuran, dan lainnya:

Tampilkan preset dari Popup Maker

Jika Anda membuka tab Tutup , Anda akan menemukan beberapa pengaturan untuk tombol tutup:

Tutup opsi Pembuat Popup

Setelah Anda puas dengan perubahan Anda, klik Publikasikan !

2. Addon PowerPack

Plugin Beaver Builder kami hadir dengan berbagai macam modul untuk dipilih. Namun, untuk opsi lebih banyak lagi, Anda dapat melihat ekstensi seperti PowerPack Addon. Itu menambahkan berbagai fitur baru ke pembangun, termasuk modul popup. Anda dapat memilih dari berbagai template yang telah dirancang sebelumnya atau membuat popup Anda dari awal.

Untuk mulai menggunakan metode kedua, Anda harus menginstal dan mengaktifkan Beaver Builder dan PowerPack Addon di situs Anda. Kemudian buka halaman di WordPress, dan pilih opsi Launch Beaver Builder .

Klik tombol + di sudut kanan atas layar Anda. Di tab Modules , pilih PowerPack Modules dan cari Modal Box :

Mencari Modal Box di Beaver Builder

Seret dan jatuhkan Modal Box ke halaman, dan arahkan ke panel pengaturan di sebelah kiri:

Kotak Modal PowerPack di Beaver Builder

Di tab General , Anda dapat mengubah lebar dan tinggi popup. Jika Anda menggulir ke bawah ke bagian Konten , Anda dapat memilih jenis konten yang ingin Anda tampilkan:

Memilih jenis konten yang akan ditampilkan di popup Beaver Builder

Untuk tutorial ini, kita akan membuat formulir opt-in. Cukup ubah Jenis menjadi Konten dan masukkan kode pendek untuk formulir Anda. Atau, Anda dapat menambahkan modul Formulir Berlangganan ke popup Anda:

Masukkan kode pendek keikutsertaan Anda

Di tab Pengaturan , Anda dapat mengatur beberapa kondisi untuk popup Anda. Misalnya, Anda dapat membuatnya muncul di halaman setelah 10 detik:

Menambahkan waktu tunda untuk popup di Beaver Builder.

Anda mungkin juga memicunya saat niat keluar, atau saat pengguna menggulir ke bawah 50 persen halaman.

Di bawah Pengaturan Keluar , Anda dapat mengaktifkan pengguna untuk menutup munculan dengan tombol atau dengan menekan Escape di keyboard mereka:

Mengedit pengaturan kotak modal di Beaver Builder

Di tab Modal Style , Anda dapat mengubah tampilan konten Anda, termasuk warna latar belakang:

Mengubah gaya popup di Beaver Builder

Anda juga dapat menyesuaikan tombol tutup untuk membuatnya lebih terlihat. Jika Anda mengklik tiga elips, Anda dapat menambahkan animasi ke popup Anda. Misalnya, Anda mungkin membuatnya memudar masuk dan keluar dari halaman:

Menambahkan animasi ke popup Beaver Builder

Saat Anda siap, tekan Simpan , lalu pilih Selesai > Terbitkan . Itu dia: Anda telah membuat popup pertama Anda dengan Beaver Builder!

Kesimpulan

Jika Anda berjuang untuk terlibat dengan pengunjung Anda dan membuat mereka bertindak, popup mungkin jawabannya. Munculan mungkin sulit diabaikan oleh pengguna, dan jika disajikan dengan benar, itu dapat membawa hasil yang positif.

Dalam artikel ini, kami melihat dua cara untuk membuat popup Beaver Builder:

  1. Instal plugin seperti Popup Maker: Anda dapat menggunakan alat ini untuk membuat berbagai popup, dan menambahkan modul Beaver Builder, baris, dan lainnya dengan kode pendek.
  2. Gunakan add-on PowerPack: Ini memberi Anda akses ke modul Modal Box , yang memungkinkan Anda membuat sembulan yang berbeda dan menyesuaikan pengaturannya.

Pertanyaan-pertanyaan Terkait

Bagaimana Saya Dapat Memicu Kotak Modal melalui URL?

Untuk memicu Kotak Modal melalui URL saat menggunakan Beaver Builder dan modul Kotak Popup Modal yang ditemukan di plugin PowerPack Add-on, cukup buka Pengaturan Kotak Modal > Pengaturan > Pemicu > Metode Pemicu > Lainnya , dan salin Kelas CSS dari bidang. Kemudian, tambahkan kelas CSS ke URL yang ada. Misalnya: https://www.mysite.com/#[menempelkan kelas CSS]

Bisakah Saya Menghentikan Prospek yang Dikonversi Dari Melihat Popup?

Ada opsi untuk menghentikan prospek yang dikonversi agar tidak melihat munculan. Anda dapat melakukan ini melalui pengaturan cookie di plugin WordPress Popup Maker . Dengan menerapkan berbagai opsi kontrol cookie untuk popup setelah pengunjung melakukan tindakan, Anda dapat menghentikan mereka melihat popup asli lagi.