Apakah Anda ingin menambahkan popup login WordPress ke situs Anda? Popup masuk modal memungkinkan pengguna untuk masuk dengan cepat ke situs web Anda tanpa meninggalkan halaman yang mereka lihat. Ini meningkatkan pengalaman pengguna dan keterlibatan di situs web Anda. Pada artikel ini, kami akan menunjukkan kepada Anda cara mudah membuat modal popup login WordPress, langkah demi langkah.
Mengapa membuat mode popup login WordPress?
Jika Anda menjalankan toko online, situs web keanggotaan, atau menjual kursus online, kemungkinan pengguna dapat mendaftar dan masuk ke situs web Anda.
Biasanya, ketika pengguna mengklik tautan login, mereka dibawa ke halaman login WordPress default atau halaman login kustom lain di situs web mereka. Setelah pengguna masuk, mereka dialihkan ke halaman lain lagi.
Popup login modal memungkinkan Anda untuk menampilkan formulir login tanpa mengirim pengguna ke halaman lain. Setelah masuk, Anda dapat mengarahkan pengguna ke halaman yang Anda inginkan.
Popup login modal lebih cepat dan meningkatkan pengalaman pengguna di situs web Anda. Pengalaman pengguna yang lebih cepat dan lebih lancar dapat meningkatkan penjualan dan konversi Anda.
Dengan itu, mari kita lihat bagaimana cara mudah membuat popup modal masuk di WordPress. Kami akan 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 menggunakan login CSH
Metode ini lebih mudah dan direkomendasikan untuk sebagian besar pengguna.
Hal pertama yang harus dilakukan adalah menginstal dan mengaktifkan plugin login CSH. Untuk detail lebih lanjut, lihat panduan langkah demi langkah tentang cara menginstal plugin WordPress.
Setelah aktivasi, Anda harus pergi ke Login modal halaman di area admin WordPress Anda dan pilih jenis untuk formulir login modal.
Setelah 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 perlu gulir ke bawah ke Gaya bagian dan pilih tata letak, label tampilan, warna latar belakang, warna tombol, warna tautan, dan lainnya.
Anda juga dapat menambahkan email pendaftaran, 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 menyalin kode pendek yang terletak di bagian atas halaman ini. Anda perlu membuat halaman baru di WordPress atau mengedit yang sudah ada untuk menambahkan kode pendek di editor konten.
Anda juga dapat menambahkan modal masuk di sidebar WordPress Anda. Pergi saja ke Penampilan »Widget seret dan jatuhkan Login CSH widget di bilah sisi situs Anda.
Login modal CSH juga dapat ditambahkan dalam file templat situs web Anda. Setelah Anda menambahkannya ke situs Anda, cukup kunjungi situs WordPress Anda untuk melihat tautan masuk modal.
Metode 2. Buat popup login modal dengan WPForms dan OptinMonster
Untuk metode ini, Anda memerlukan plugin WPForms dan OptinMontser. Jika Anda sudah memiliki dua plugin ini maka metode ini adalah solusi terbaik untuk Anda.
WPForms adalah plugin formulir kontak WordPress terbaik. Anda akan memerlukan setidaknya paket Pro Anda untuk mengakses plugin pendaftaran Pengguna.
OptinMonster adalah plugin pop-up WordPress terbaik dan perangkat lunak penghasil memimpin 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? Mari kita mulai.
Menggunakan WPForms untuk membuat formulir login pengguna
Pertama, Anda harus menginstal dan mengaktifkan plugin WPForms. Untuk detail lebih lanjut, lihat panduan langkah demi langkah tentang cara menginstal plugin WordPress.
Setelah aktivasi, Anda harus pergi ke WPForms »Plugin halaman untuk menginstal dan mengaktifkan Plugin pendaftaran pengguna.
Setelah mengaktifkan plugin, Anda harus pergi ke WPForms »Tambah baru halaman untuk membuat formulir login pengguna.
Setelah generator WPForms dimulai, Anda harus memilih yang prebuilt Formulir login pengguna model.
Templat formulir masuk ini memiliki bidang email dan kata sandi yang akan berfungsi mirip dengan formulir login WordPress default. Anda dapat menarik dan melepaskan bidang tambahan apa pun dari sisi kiri layar sesuai kebutuhan.
Kemudian klik pada Kata sandi bidang di bagian pratinjau, dan itu akan menampilkan opsi bidang di sisi kiri. Anda dapat menambahkan kode di bawah ini dalam kotak deskripsi Kata sandi bidang untuk menampilkan opsi seperti lupa kata sandi dan pendaftaran pengguna.
Can't remember your password? Click here. Don't have an account? Register here.
Setelah itu, Anda perlu mengklik Menyimpan tombol dan kemudian klik pada Menanamkan tombol.
Jendela sembul akan terbuka dengan kode sematan. Anda harus menyalin kode ini dan menyimpannya untuk digunakan nanti.
Formulir login Anda sudah siap. Anda sekarang dapat melanjutkan dan membuat popup modal.
Menggunakan OptinMonster untuk membuat modal popup
Pertama-tama Anda harus menginstal dan mengaktifkan plugin OptinMonster. Untuk detail lebih lanjut, lihat panduan langkah demi langkah 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.
Setelah masuk, Anda harus memilih Jendela sembulan Lightbox sebagai jenis kampanye, sehingga Anda dapat menambahkan formulir login Anda di popup.
Maka Anda harus memilih Kanvas templat kampanye yang merupakan templat kosong dan memungkinkan Anda menambahkan kode khusus dan kode pendek.
Ini akan meminta Anda untuk menambahkan nama ke lightbox Anda dan memilih situs web di mana Anda ingin memuat popup ini.
Setelah Anda mengklik Mulai membangun tombol, Anda akan diarahkan ke halaman pengaturan kampanye OptinMonster.
Dari sini, Anda harus pergi ke Memilih di tab dan atur lebar dan tinggi kanvas, tambahkan kode sematan dari formulir login Kanvas html kustom bidang, kelola efek layar dan suara untuk pop-up modal, dan lainnya.
catatan: Kode sematan untuk formulir masuk harus berupa kode yang Anda salin setelah membuat formulir masuk di langkah sebelumnya.
Karena Anda membuat popup login modal, Anda harus pergi ke tab pengaturan dan mengatur nilai “0” ke Durasi cookie dan Durasi cookie yang berhasil. Ini akan menunjukkan formulir kepada semua pengunjung setiap kali mereka mengklik tautan Anda.
Maka Anda harus mengunjungi Aturan tampilan tab dan perluas MonsterLink untuk mengubah status ke aktif.
Pastikan untuk mengklik Menyimpan di sudut kanan atas dan pergi ke Untuk memposting bagian untuk mengaktifkan status.
Sekarang Anda dapat menambahkan popup login modal ini ke halaman atau posting WordPress Anda.
Tambahkan modal masuk di WordPress
Anda harus kembali ke OptinMonster di area admin WordPress Anda, dan itu akan menampilkan daftar kampanye. Jika Anda tidak melihat kampanye yang baru dibuat untuk masuk modal, cukup klik pada Perbarui kampanye tombol.
Selanjutnya, Anda perlu mengedit pengaturan output kampanye untuk mengaktifkan optin di situs Anda dan memilih siapa yang akan melihat popup login modal. Pastikan untuk mengklik Simpan Pengaturan tombol.
Setelah itu, Anda harus kembali ke halaman ikhtisar kampanye dan menyalin siput yang terlihat di bawah opsi langsung kampanye. Siput unik ini dapat digunakan dalam kode pendek dan kode untuk menampilkan modal masuk di WordPress.
Anda kemudian dapat membuat halaman WordPress baru atau mengedit yang sudah ada dan menambahkan kode ini dengan siput kampanye unik Anda.
Login / Register
Anda juga dapat menambahkan kode di atas dalam menu WordPress Anda, bilah sisi atau area lain dari situs Anda.
Pastikan untuk menyimpan perubahan Anda ke halaman WordPress dan kunjungi situs mereka untuk melihat aksi masuk modal.
Kami harap artikel ini membantu Anda mempelajari cara membuat modal masuk di WordPress. Anda juga dapat melihat daftar lengkap plugin halaman login WordPress terbaik kami dan dengan mudah mendesain halaman login Anda sendiri.
Jika Anda menyukai artikel ini, berlangganan saluran YouTube kami untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.
