Formulir pop-up dapat menjadi bagian besar dari strategi pemasaran Anda jika Anda tahu cara menggunakannya dengan benar. Mereka dapat membantu Anda mendapatkan alamat email, meningkatkan penjualan, dan banyak lagi. Namun tidak selalu mudah untuk membuat popup di WordPress yang terlihat bagus dan diformat dengan cara yang unik. Elementor , sebuah plugin untuk membuat halaman web, menyederhanakan proses pembuatan dan modifikasi pop-up untuk situs Anda. Anda dapat memodifikasinya agar terlihat seperti yang Anda inginkan dan mengaktifkan pemicu tambahan berdasarkan tindakan pengguna atau lokasi geografis. Namun, saat membuat situs web satu halaman, Anda mungkin mengalami masalah dengan tautan jangkar, karena halaman akan bergulir ke bagian tersebut, tetapi sembulan tidak akan menutup sendiri. Untuk memperbaikinya, mari kita buat agar ketika tautan atau jangkar diklik, jendela pop-up menutup sendiri.
Tutup Munculan Pada Menu Tautan Jangkar Kode Cuplikan jQuery
Menambahkan skrip jQuery khusus untuk mendeteksi klik dan menutup popup saat kemunculannya diperlukan agar popup menutup dengan benar di perangkat seluler setelah tautan diklik.
Untuk memulai, buka Elementor > Custom code.
Pilih tombol Tambahkan baru, lalu beri cuplikan kode khusus Anda nama deskriptif seperti "perbaikan menu munculan" atau yang serupa.
Lakukan pengeditan dengan menempelkan kode ini ke area.
<script>
jQuery( document ).ready(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
})
});
</script>Agar cuplikan tersedia di laman atau di kategori yang Anda tentukan, tempatkan cuplikan di tag /head> dan tekan "Publikasikan".
Kesimpulan
Menu pop-up elemen mungkin menimbulkan beberapa masalah pada penutupan menu pop-up. Sedikit jQuery ini harus menyelesaikan pekerjaan saat Anda harus menutup menu pop-up seluler. Silakan bagikan pemikiran dan kekhawatiran Anda di bagian di bawah ini.
