Cara Membuka Formulir Popup WordPress Saat Mengklik Tautan atau Gambar

Diterbitkan: 2023-02-22

Apakah Anda ingin membuat popup yang muncul saat pengunjung mengklik link atau gambar di situs Anda?

Ini adalah cara yang terbukti untuk mengembangkan daftar email Anda. Ini lebih efektif karena dimulai dengan tindakan yang diambil oleh pengguna. Situs populer sering menggunakannya untuk menawarkan insentif optin untuk mendapatkan lebih banyak pelanggan.

Pada artikel ini, kami akan menunjukkan cara membuka popup WordPress dengan mengklik tautan atau gambar, langkah demi langkah.

How to Open a WordPress Popup Form on Click of Link or Image

Apa itu Formulir Popup 'Saat Klik'?

Formulir popup on-click adalah popup lightbox yang terbuka saat pengguna mengklik link, tombol, atau gambar di situs WordPress Anda.

Biasanya, munculan muncul di situs web saat pengguna tiba atau saat mereka akan pergi. Formulir popup saat diklik dipicu oleh interaksi pengguna.

Kami juga menggunakan popup on-click di WPBeginner untuk mengembangkan daftar email kami. Misalnya, munculan akan muncul saat pengguna mengeklik ikon email di sidebar di samping semua ikon sosial.

On click popup preview

Mengapa Formulir Popup On-Click Begitu Efektif?

Formulir popup on-click efektif karena menggunakan efek Zeigarnik yang kuat. Ini adalah prinsip psikologis yang menyatakan bahwa pengguna yang memulai suatu tindakan sendiri lebih mungkin untuk menyelesaikannya.

Saat seseorang mengeklik tautan atau tombol untuk memicu sembulan Anda, mereka telah menunjukkan minat. Saat munculan formulir muncul, mereka akan cenderung menggunakannya.

Misalnya, Anda dapat menggunakan popup saat diklik untuk menawarkan magnet timah. Ini bisa menjadi sumber daya yang dapat diunduh gratis seperti ebook atau file PDF yang dapat diperoleh pengguna sebagai ganti alamat email mereka.

Namun, ada cara lain untuk menggunakan popup on-click di situs web Anda. Misalnya, Anda dapat meminta pengguna untuk mengklaim kode kupon, mempelajari lebih lanjut tentang suatu produk, mengisi survei, dan lainnya.

Karena itu, mari kita lihat cara mudah membuat popup lightbox saat diklik untuk situs web Anda.

Membuat Popup On-Click di WordPress

Cara termudah untuk membuat popup saat diklik adalah dengan menggunakan OptinMonster. Ini adalah plugin popup untuk WordPress dan perangkat lunak penghasil prospek.

Pertama, Anda harus mendaftar untuk akun OptinMonster. Anda memerlukan akun Pro (atau lebih tinggi) karena menyertakan fitur MonsterLinks™ yang memungkinkan Anda membuat popup saat diklik.

Cukup kunjungi situs web OptinMonster dan klik tombol 'Dapatkan OptinMonster Sekarang' untuk memulai.

OptinMonster

Selanjutnya, Anda perlu menginstal dan mengaktifkan plugin OptinMonster di situs WordPress Anda. Untuk bantuan, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Ini memungkinkan Anda menghubungkan akun OptinMonster Anda ke situs WordPress Anda.

Setelah Anda mengaktifkan plugin, Anda harus menghubungkan akun Anda. Anda harus dibawa ke halaman Selamat Datang secara otomatis di dasbor WordPress Anda.

Lanjutkan dan klik tombol 'Hubungkan Akun Anda yang Ada'.

Connect your existing account

Setelah itu, jendela baru akan terbuka.

Anda dapat mengklik tombol 'Hubungkan ke WordPress' untuk menambahkan situs Anda ke OptinMonster.

Connect OptinMonster to WordPress

Setelah Anda menghubungkan akun OptinMonster Anda ke situs WordPress Anda, Anda dapat membuat popup on-click Anda.

Cukup buka OptinMonster »Kampanye dari dasbor WordPress Anda dan klik tombol 'Buat Kampanye Pertama Anda'.

Create your first campaign

Anda akan dibawa langsung ke situs web OptinMonster.

Jenis Kampanye seharusnya sudah diatur ke Munculan. Jika tidak, cukup klik Popup untuk memilihnya. Selanjutnya, Anda harus memilih template kampanye.

Choose a campaign type and template

Anda akan dapat memodifikasi template persis seperti tampilannya nanti. Kita akan menggunakan template 'Basic' untuk tutorial ini.

Cukup gerakkan kursor Anda di atas templat dan klik tombol 'Gunakan Templat'.

Select the basic template

Sekarang, Anda akan diminta memasukkan nama untuk kampanye Anda. Ini hanya untukmu. Pengguna tidak akan melihatnya.

Cukup masukkan nama dan klik 'Mulai Membangun' untuk membuat munculan Anda.

Enter a name for your campaign

OptinMonster akan secara otomatis memuat template di pembuat kampanye drag-and-drop.

Anda dapat mengedit teks default dan menambahkan atau menghapus elemen dari template Anda. Cukup seret blok dari menu di sebelah kiri Anda dan letakkan di template.

Add blocks to onclick campaign

Anda juga dapat menghapus elemen apa pun dalam formulir dengan mengekliknya dan menggunakan opsi menu di sebelah kiri. Misalnya, kami akan menghapus bidang 'Nama' dari formulir.

Pertama, Anda harus mengklik tab 'Optin' di bagian bawah layar. Setelah itu, klik bidang untuk memilihnya, dan Anda akan melihat opsi yang tersedia di kolom kiri, termasuk opsi untuk menghapusnya.

Delete name field

Setelah Anda mendesain popup, langkah selanjutnya adalah mendesain tampilan Sukses, yang dilihat orang setelah mengisi formulir.

Cukup beralih ke tampilan 'Sukses' di bagian atas layar.

Edit the success view for onclick popup

Anda dapat mengedit tampilan sukses seperti Anda mengedit tampilan optin. Misalnya, Anda mungkin ingin mengubah teks atau menyertakan tautan untuk mengunduh lead magnet.

Menghubungkan Popup Anda ke Daftar Email Anda

Setelah puas dengan munculan Anda, klik tab Integrasi di bagian atas layar. Anda harus menautkan OptinMonster ke layanan pemasaran email Anda sehingga Anda dapat menambahkan orang ke daftar email Anda.

Dari sini, klik tombol '+ Tambahkan Integrasi Baru' di sisi kiri layar.

Add an email marketing tool

Selanjutnya, Anda dapat memilih penyedia email Anda dari daftar dropdown.

Dari sini, cukup ikuti petunjuk untuk menghubungkannya ke OptinMonster.

Select your email provider

Mengatur Munculan Anda agar Muncul Saat Diklik

Sekarang, Anda perlu mengonfigurasi popup agar muncul saat pengguna mengklik link.

Lanjutkan dan klik tab Aturan Tampilan di bagian atas layar.

Select display rules

Aturan tampilan default yang ditetapkan oleh OptinMonster adalah 'waktu di halaman.' Ini berarti pop-up default akan muncul setelah pengguna melihat halaman tersebut selama beberapa waktu.

Namun, Anda dapat mengklik dropdown dan memilih opsi 'MonsterLink™' (On Click)'.

Select MonsterLink display rule

Setelah itu, Anda akan melihat MonsterLink™ Anda di aturan tampilan.

Anda dapat mengklik tombol untuk menyalin Kode MonsterLink™ Anda. Anda akan membutuhkan ini sebentar lagi.

Copy the MonsterLink

Membuat Popup On-Click Anda Hidup

Selanjutnya, Anda dapat membuka tab 'Dipublikasikan' di bagian atas halaman dan mengubah status kampanye Anda dari 'Draf' menjadi 'Publikasikan'.

Publish your on click campaign

Setelah Anda selesai melakukannya, klik tombol 'Simpan' di bagian atas layar dan tutup pembuat kampanye.

Selanjutnya, Anda akan melihat 'Pengaturan Keluaran WordPress' untuk kampanye Anda. Anda dapat mengeklik menu tarik-turun 'Status' dan mengubahnya dari 'Tertunda' menjadi 'Dipublikasikan'. Setelah selesai, klik tombol 'Simpan Perubahan'.

Change status from pending to published

Menambahkan MonsterLink Anda ke Situs WordPress Anda

Sekarang, Anda perlu menambahkan MonsterLink™ khusus ke situs Anda. Jika Anda tidak menyalinnya sebelumnya, Anda bisa mendapatkannya dengan kembali ke setelan 'Aturan Tampilan' untuk kampanye Anda.

Pertama, Anda harus membuat posting atau halaman baru, atau mengedit yang ingin Anda tambahkan tautan.

MonsterLink™ adalah kode HTML, jadi Anda perlu menempelkannya ke dalam blok HTML khusus.

Saat Anda berada di editor konten WordPress, klik tombol (+) untuk menambahkan blok HTML Kustom.

Add a Custom HTML Block to Your Page

Sekarang, salin MonsterLink™ Anda ke dalam blok itu. Seharusnya terlihat seperti ini:

<a href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Anda dapat mengubah tulisan 'Subscribe Now!' ke teks apa pun yang ingin Anda gunakan untuk tautan Anda.

Enter the MonsterLink Code

Setelah Anda menempatkan tautan, Anda dapat melihat halaman atau posting Anda untuk memastikannya berfungsi.

Berikut link kami beraksi. Perhatikan bahwa kami telah menerapkan beberapa gaya pada teks untuk membuat kotak dengan teks yang lebih besar guna membantu mempromosikan magnet utama:

On click popup preview

Kiat: Anda tidak terbatas hanya pada tautan teks menggunakan MonsterLinks™. Anda juga dapat menggunakan MonsterLink dengan tombol ajakan bertindak, gambar, spanduk, atau menu navigasi di situs web Anda.

Kami harap tutorial ini membantu Anda mempelajari cara memicu formulir popup WordPress saat diklik. Anda mungkin juga ingin melihat tutorial kami tentang cara mempercepat situs WordPress Anda dan panduan SEO WordPress utama kami.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.