Cipta dan Paparkan Borang Pop Timbul

Published: 16 Julai 2026 · Last updated: 21 Julai 2026 · By Marcus Biel

Pop timbul dipaparkan di atas kandungan laman web anda. Ia meletakkan tawaran pendaftaran dalam pandangan langsung pelawat sambil mengekalkan halaman di bawahnya.

Pop timbul berguna untuk tawaran surat berita, diskaun, pendaftaran acara, magnet prospek dan seruan tindakan lain yang berfokus. Oleh sebab ia mengganggu pengalaman halaman biasa, masa dan kekerapan adalah sama pentingnya dengan reka bentuk.

Panduan ini menerangkan tetapan khusus Pop timbul. Susun atur, blok kandungan, medan pelanggan, teg, tipografi, lapisan dan aliran pendaftaran diterangkan dalam panduan Pembina Borang Pendaftaran.

Mencipta Pop Timbul

Buka “Signup Forms”, klik “Create Form” dan pilih “Popup”. Masukkan nama dalaman yang jelas dan teruskan ke pembina.

Anda juga boleh mengedit Pop timbul sedia ada dengan mengklik namanya dalam Signup Forms Overview.

Gunakan nama yang menerangkan tawaran atau penempatannya, seperti “Homepage Discount Popup”, “Webinar Registration Popup” atau “Guide Download Popup”. Nama dalaman tidak dipaparkan secara automatik kepada pelawat.

Memilih Templat Pop Timbul

Pop timbul menawarkan borang kosong, borang standard dan empat templat ber reka bentuk:

• Clean discount
• Warm guide
• Dark webinar
• Soft community

Pilih templat yang saiz dan struktur kandungannya sesuai dengan tawaran. Semua teks, medan, warna, imej, jarak dan susun atur boleh diubah selepas itu.

Mereka Bentuk Pop Timbul

Gunakan pembina visual untuk menyusun Pop timbul. Anda boleh menggabungkan borang pendaftaran dengan teks, imej, video, senarai, butang, pautan sosial, kaunter pelanggan, ruang kosong dan pemisah.

Pastikan mesej utama cukup ringkas untuk difahami serta-merta. Tajuk yang jelas, satu penerangan ringkas dan butang hantar yang khusus biasanya lebih berkesan daripada beberapa mesej yang bersaing.

Pilih blok borang pendaftaran untuk mengkonfigurasi medan, maklumat wajib, teg tersembunyi, penunjuk kemajuan, kaunter pelanggan, input dan butang hantar. Buka “Page settings” untuk menukar latar belakang keseluruhan Pop timbul dan lalai penampilannya.

Pop timbul muncul di atas laman web bersama kawalan tutup. Tinggalkan ruang visual yang mencukupi di sekeliling teks dan medan penting supaya borang kekal mudah digunakan pada skrin kecil.

Mengkonfigurasi Tingkah Laku Pop Timbul

Pilih blok borang pendaftaran dan buka “Widget Settings”. Bahagian ini mengawal masa Pop timbul dipaparkan dan kekerapan pelawat boleh melihatnya.

Kelewatan Paparan

“Display Delay” menentukan berapa saat Maildroppa menunggu sebelum memaparkan Pop timbul pada halaman laman web terbenam.

Masukkan 0 untuk memaparkannya tanpa kelewatan tambahan. Gunakan nilai yang lebih besar apabila pelawat perlu mempunyai masa untuk membaca halaman sebelum tawaran muncul. Pembina menerima kelewatan sehingga 86,400 saat.

Pilih kelewatan berdasarkan halaman tersebut. Kelewatan singkat mungkin sesuai pada halaman kempen yang berfokus, manakala kelewatan lebih lama boleh terasa kurang mengganggu dalam artikel.

Kekerapan Paparan

“Display Frequency” mengawal tempoh selepas Pop timbul boleh dipaparkan semula kepada pelawat yang sama. Pilihan yang tersedia ialah:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

Gunakan “Always” dengan berhati-hati. Pop timbul yang berulang kali mengganggu pelawat yang sama boleh menimbulkan rasa kecewa. Kekerapan harian atau mingguan selalunya merupakan titik permulaan yang lebih baik untuk tawaran umum laman web.

Kekerapan disimpan dalam pelayar pelawat. Oleh itu, ujian menggunakan pelayar lain, tetingkap penyemakan imbas peribadi atau storan pelayar yang telah dikosongkan boleh menghasilkan keputusan yang berbeza.

Menggunakan Niat Keluar

Dayakan “Exit Intent Popup” apabila Pop timbul perlu dibuka selepas pelawat menggerakkan penunjuk keluar dari kawasan halaman, yang menunjukkan bahawa mereka mungkin akan meninggalkan halaman.

Apabila niat keluar didayakan, Pop timbul menunggu tingkah laku ini dan bukannya mengikut paparan tertunda biasa. Kekerapan paparan yang dipilih masih menghalangnya daripada dipaparkan semula terlalu awal.

Niat keluar bergantung pada pergerakan penunjuk dan oleh itu paling relevan pada pelayar desktop dan komputer riba. Peranti sentuh tidak menyediakan isyarat keluar yang sama. Sentiasa pastikan pelawat mudah alih masih boleh menemui tawaran pendaftaran anda melalui halaman itu sendiri atau borang lain yang sesuai.

Membuka Pop Timbul Secara Manual daripada Elemen Halaman

Pop timbul boleh dibuka apabila pelawat mengklik butang, imej atau pautan tertentu di laman web anda. Ini ialah pencetus klik manual. Ia berbeza daripada “Exit Intent Popup”, yang bertindak balas apabila pelawat menggerakkan penunjuk keluar dari halaman.

Konfigurasikan dan pasang pencetus klik manual seperti berikut:

1. Buka Pop timbul dalam Signup Form Builder.
2. Klik blok borang pendaftaran pada kanvas dan buka “Settings” di sebelah kanan.
3. Kembangkan “Widget Settings” dan dayakan “Open popup when a customer clicks a page element”.
4. Klik “Save changes”.
5. Kembali ke Signup Forms Overview dan aktifkan Pop timbul jika ia tidak aktif.
6. Klik “Show Code Snippet” dalam baris Pop timbul tersebut.

Dialog tersebut mengandungi dua nilai yang diperlukan di laman web anda:

1. Salin kod lengkap daripada tab “JavaScript” dan tambahkannya pada halaman laman web tempat Pop timbul sepatutnya tersedia.
2. Di bawah kod tersebut, salin ID yang dipaparkan di bawah “Add this ID to element from which you want to manually trigger Popup”.
3. Tambahkan nilai tepat itu pada atribut id butang, imej atau pautan yang sepatutnya membuka Pop timbul.

ID mengikut format ini:

maildroppa-popup-btn-[form-id]

Contohnya:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

JavaScript memuatkan Pop timbul. ID menghubungkan Pop timbul dengan elemen halaman yang dipilih. Kedua-duanya mesti wujud pada halaman diterbitkan yang sama. Apabila pelawat mengklik elemen dengan ID tepat tersebut, skrip Maildroppa membuka Pop timbul.

Jika butang laman web anda sudah mempunyai ID daripada sistem pop timbul lain, gantikannya dengan ID pencetus Maildroppa apabila Maildroppa perlu mengendalikan klik tersebut. Jangan letakkan Pop timbul Maildroppa di dalam pop timbul kedua yang disediakan oleh pembina laman web anda.

Gunakan setiap ID HTML hanya sekali pada setiap halaman. Jika beberapa elemen perlu membuka Pop timbul yang sama, minta orang yang melaksanakan laman web menyambungkan elemen tersebut tanpa menduplikasi ID yang sama.

Menyambungkan Aliran Pendaftaran

Semak aliran pendaftaran yang ditetapkan dalam pengepala pembina. Ia mengawal respons hantar serta-merta, e-mel Double Opt-in dan hasil selepas pengesahan.

Anda boleh memilih aliran sedia ada, mengeditnya atau mencipta aliran berasingan untuk Pop timbul ini. Aliran khusus berguna apabila tawaran memerlukan mesej pengesahan atau penghantaran magnet prospek tersendiri.

Mempratonton dan Menyimpan

Klik “Preview” untuk menyemak reka bentuk dan tingkah laku Pop timbul tanpa mengubah versi yang digunakan di laman web anda. Semak susun atur, kawalan tutup, susunan medan, ruang pengesahan dan respons hantar.

Klik “Save changes” apabila Pop timbul sudah sedia. Kemudian kembali ke Signup Forms Overview.

Mengaktifkan dan Membenamkan Pop Timbul Secara Automatik

Aktifkan Pop timbul daripada menu tindakan tiga titik jika ia belum aktif. Kemudian klik “Show Code Snippet” dan salin kod lengkap daripada tab “JavaScript”.

Tambahkan skrip pada setiap halaman laman web tempat Pop timbul sepatutnya tersedia. Kod tersebut mengandungi ID borang unik Pop timbul dan memuatkan konfigurasi tersimpan terkini.

Tab “HTML” menyediakan penanda yang dijana untuk pelaksanaan tersuai. Jika anda menggunakannya, uji semua tingkah laku dan langkah penghantaran dengan teliti kerana kod dan gaya laman web anda boleh menjejaskan hasilnya.

Bahagian ini terpakai apabila Pop timbul perlu dibuka secara automatik berdasarkan kelewatan paparan atau tingkah laku niat keluar. Untuk butang, imej atau pautan yang membuka Pop timbul apabila diklik, ikut

.

Untuk arahan pembenaman umum, lihat Membina dan Membenamkan Borang Terbenam.

Menguji Pop Timbul di Laman Web Anda

Uji Pop timbul pada halaman laman web sebenar selepas menambah kod:

1. Semak kelewatan yang dikonfigurasikan.
2. Uji butang tutup dan klik di luar borang.
3. Jika didayakan, gerakkan penunjuk keluar dari halaman untuk menguji niat keluar.
4. Jika didayakan, klik elemen halaman yang dikonfigurasikan untuk menguji pencetus manual.
5. Semak susun atur pada skrin yang sempit.
6. Hantar borang dan lengkapkan proses Double Opt-in.
7. Sahkan pelanggan dan teg tersembunyi dalam Maildroppa.

Tetapan kekerapan mungkin menghalang Pop timbul daripada muncul semula semasa ujian berulang. Gunakan tetingkap penyemakan imbas peribadi atau kosongkan storan pelayar yang berkaitan apabila anda memerlukan lawatan ujian yang bersih.

Mengemas Kini atau Menyahaktifkan Pop Timbul

Untuk mengemas kini Pop timbul, bukanya dalam Maildroppa, edit reka bentuk atau tingkah lakunya, pratontonnya dan klik “Save changes”. Coretan JavaScript terus menggunakan ID borang yang sama.

Untuk menghentikan paparannya buat sementara waktu, pilih “Deactivate” daripada menu tindakan. Penyahaktifan mengekalkan Pop timbul dan data laporannya yang terdahulu. Alih keluar skrip atau elemen pencetus daripada laman web juga jika ia tidak lagi diperlukan.