Cara membuat popup login WordPress (langkah demi langkah)

Apakah Anda ingin menambahkan popup login WordPress ke situs Anda? Popup login modal memungkinkan pengguna Anda untuk masuk dengan cepat ke situs Anda tanpa meninggalkan halaman yang mereka lihat. Ini meningkatkan pengalaman dan keterlibatan pengguna situs Anda. Pada artikel ini, kami akan menunjukkan cara mudah membuat popup login WordPress, langkah demi langkah.

Mengapa membuat mode popup untuk login WordPress?

Jika Anda menjalankan toko online, situs keanggotaan, atau menjual kursus online, kemungkinan besar pengguna dapat mendaftar dan masuk ke situs Anda.

Biasanya, ketika pengguna mengklik link login, mereka akan dibawa ke halaman login WordPress standar atau halaman login kustom lainnya di situs mereka. Ketika pengguna masuk, mereka diarahkan ke halaman lain.

Modal login popup memungkinkan Anda untuk melihat formulir login tanpa mengirim pengguna ke halaman lain. Setelah Anda masuk, Anda dapat mengarahkan pengguna ke halaman yang Anda inginkan.

Metode popup yang muncul lebih cepat dan meningkatkan pengalaman pengguna di situs web Anda. Pengalaman pengguna yang lebih cepat dan lancar dapat meningkatkan penjualan dan konversi Anda.

Dengan itu, mari kita lihat cara mudah membuat popup login modal di WordPress. Kami menunjukkan kepada Anda dua cara untuk melakukannya, dan Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan Anda.

Metode 1. Buat popup login modal dengan login CSH

Metode ini lebih sederhana dan direkomendasikan untuk sebagian besar pengguna.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan aplikasi login CSH. Untuk informasi lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus pergi ke Metode masuk di area admin WordPress Anda dan pilih jenis untuk formulir login modal.

Setelah Anda memilih jenis kotak masuk modal, Anda dapat menggulir ke bawah dan mengelola pengalihan masuk/keluar untuk formulir. Anda juga dapat mengizinkan pengguna untuk membuat kata sandi mereka sendiri.

Maka Anda harus menggulir ke bawah Desain bagian dan pilih tata letak, label tampilan, warna latar belakang, warna tombol, warna tautan, dan lainnya.

Anda juga dapat menambahkan notifikasi langganan, subjek email, menggunakan Google reCaptcha, dan banyak lagi. Plugin ini juga memungkinkan Anda untuk menambahkan login sosial seperti Facebook, Twitter dan Google.

Pastikan untuk menyimpan perubahan Anda dan salin kode tag di bagian atas halaman ini. Anda harus membuat halaman baru di WordPress atau mengedit halaman yang sudah ada untuk menambahkan kode tag ke editor konten.

Anda juga dapat menambahkan login modal ke sidebar WordPress Anda. Pergi saja ke Penampilan »Widget seret dan lepas Masuk CSH widget di bilah sisi situs web Anda.

Login metode CSH juga dapat ditambahkan ke file template di situs Anda. Setelah Anda menambahkannya ke situs Anda, cukup kunjungi situs WordPress Anda untuk melihat link modal login beraksi.

metode 2. Buat popup login modal dengan WPForms dan OptinMonster

Untuk metode ini Anda memerlukan plugin WPForms dan OptinMontser. Jika Anda sudah memiliki kedua plugin ini, cara ini adalah solusi terbaik untuk Anda.

WPForms adalah formulir kontak WordPress terbaik. Anda memerlukan setidaknya paket Pro Anda untuk mengakses plugin pendaftaran pengguna.

OptinMonster adalah plugin popup WordPress terbaik dan perangkat lunak generasi pemimpin di pasar. Ini membantu Anda mengonversi pengunjung situs web menjadi pelanggan dan pelanggan. Anda memerlukan setidaknya paket Pro untuk mengakses fitur MonsterLinks yang digunakan dalam artikel ini.

Siap? Ayo mulai.

Menggunakan WPForms untuk Membuat Formulir Login Pengguna

Pertama, Anda perlu menginstal dan mengaktifkan plugin WPForms. Untuk informasi lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus pergi ke WPForms » Plugin untuk menginstal dan mengaktifkan Plugin pendaftaran pengguna.

Setelah Anda mengaktifkan plugin, Anda harus mengunjungi WPForms »Tambah Baru halaman untuk membuat form login user.

Saat pembuat WPForms dimulai, Anda harus memilih pemblokir Formulir login pengguna paradigma.

Templat formulir masuk ini memiliki bidang email dan kata sandi yang berfungsi seperti formulir WordPress standar. Anda dapat menarik dan melepas bidang tambahan dari sisi kiri layar jika diperlukan.

Lalu klik Kata sandi bidang di pratinjau dan itu menunjukkan opsi bidang di sisi kiri. Anda dapat menambahkan kode di bawah ini di kotak deskripsi untuk Kata sandi bidang untuk menampilkan opsi seperti lupa kata sandi dan pendaftaran pengguna.

Tidak dapat mengingat kata sandi Anda? Klik disini. Belum punya akun? Daftar disini.

Maka Anda harus menekan Menyimpan lalu klik Hal-hal tombol.

Jendela pop-up terbuka dengan kode sematan. Anda harus menyalin kode ini dan menyimpannya untuk digunakan nanti.

Formulir login Anda sudah siap. Sekarang Anda dapat melanjutkan dan membuat popup modal.

Gunakan OptinMonster untuk membuat modal popup

Anda harus menginstal dan mengaktifkan plugin OptinMonster terlebih dahulu. Untuk informasi lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus pergi ke OptinMonster di area admin WordPress dan klik Buat kampanye baru tombol.

Dasbor OptinMonster Anda akan terbuka di halaman web baru.

Ketika Anda berada di dalam, Anda harus memilih Pop-up kotak cahaya sebagai jenis kampanye sehingga Anda dapat menambahkan formulir login Anda ke popup.

Maka Anda harus memilih Kain template kampanye adalah template kosong dan memungkinkan Anda untuk menambahkan kode kustom dan kode tag.

Ini akan meminta Anda untuk menambahkan nama ke lightbox Anda dan memilih situs web tempat Anda ingin memuat popup ini.

Ketika Anda mengklik Mulai membangun tombol, Anda akan diarahkan ke halaman pengaturan kampanye OptinMonster.

Dari sini Anda harus pergi ke Daftar tab dan masukkan lebar dan tinggi taplak meja, tambahkan kode embed dari formulir login Sesuaikan kanvas html bidang, mengelola layar dan efek suara untuk popup modal, dan banyak lagi.

Catatan: Kode semat untuk formulir masuk harus yang Anda salin setelah Anda membuat formulir masuk di langkah sebelumnya.

Karena Anda membuat popup login modal, Anda harus pergi ke tab pengaturan dan mengatur nilai0″Untuk Durasi kue dan Durasi cookie yang berhasil. Ini menunjukkan formulir kepada semua pengunjung setiap kali mereka mengklik tautan Anda.

Maka Anda harus mengunjungi Tampilkan aturan tab dan perluas Tautan Monster untuk mengubah negara untuk bekerja.

Pastikan untuk mengklik Menyimpan tombol di sudut kanan atas dan pergi ke Pos bagian untuk mengaktifkan negara.

Anda sekarang dapat menambahkan popup login modal ini ke halaman atau posting WordPress Anda.

Tambahkan metode login ke WordPress

Anda harus kembali OptinMonster di area admin WordPress Anda dan itu menunjukkan kepada Anda daftar kampanye. Jika Anda tidak melihat kampanye login modal yang baru dibuat, klik saja Pembaruan kampanye tombol.

Selanjutnya, Anda perlu mengedit pengaturan data kampanye untuk mengaktifkan optin di situs Anda dan memilih siapa yang akan melihat popup login. Pastikan untuk mengklik Simpan Pengaturan tombol.

Kemudian Anda harus kembali ke halaman Ringkasan Kampanye dan menyalin siput yang ditampilkan di bawah opsi Kampanye Langsung. Siput unik ini dapat digunakan dalam kode pendek dan kode untuk menampilkan login modal di WordPress.

Anda kemudian dapat membuat situs WordPress baru atau mengedit yang sudah ada dan menambahkan kode ini dengan kampanye mekar unik Anda.

Masuk daftar

Anda juga dapat menambahkan kode di atas ke menu WordPress, sidebar, atau area lain di situs Anda.

Pastikan untuk menyimpan perubahan Anda ke situs WordPress dan kunjungi situs web mereka untuk melihat login modal beraksi.

Kami harap artikel ini membantu Anda mempelajari cara membuat login modal di WordPress. Anda juga dapat melihat daftar lengkap plugin login WordPress terbaik kami dan dengan mudah mendesain halaman login Anda sendiri.

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