Cipta dan Letakkan Borang Slide-in

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

Slide-in ialah borang pendaftaran ringkas yang muncul di tepi atau pada kedudukan terpilih dalam tetingkap pelayar.

Ia menarik lebih banyak perhatian berbanding borang yang diletakkan di dalam halaman, sambil meliputi bahagian laman web yang lebih kecil berbanding Popup berpusat. Slide-in sesuai digunakan untuk peringatan surat berita, diskaun, kemas kini produk dan tawaran ringkas yang perlu kekal kelihatan semasa pelawat membaca halaman.

Panduan ini menerangkan tetapan unik untuk Slide-in. Fungsi susun atur, kandungan, medan, teg, tipografi, lapisan dan aliran pendaftaran yang sama dikongsikan dalam panduan Pembina Borang Pendaftaran.

Mencipta Slide-in

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

Anda juga boleh mengedit Slide-in sedia ada dengan mengklik namanya dalam Gambaran Keseluruhan Signup Forms.

Gunakan nama seperti “Blog Newsletter Slide-in”, “New Product Reminder” atau “Summer Coupon Slide-in”. Nama dalaman membantu anda mengurus borang dan tidak dipaparkan secara automatik kepada pelawat.

Memilih Templat Slide-in

Slide-in menawarkan borang kosong, borang standard dan empat templat reka bentuk:

• Peringatan bersih
• Tawaran gelap
• Kupon hangat
• Nota minimal

Templat ini direka untuk mesej ringkas, tetapi setiap elemen kekal boleh diedit. Anda boleh mengubah kandungan, medan, warna, tipografi, jidar, jarak dan butang hantar selepas memilih permulaan.

Mereka Bentuk Slide-in

Gunakan pembina visual untuk menyusun Slide-in. Ia boleh mengandungi borang pendaftaran bersama teks, imej, video, senarai, butang, pautan sosial, kaunter pelanggan, ruang kosong atau pemisah.

Ruang lebih terhad berbanding pada Landing Page atau Embedded Form yang lebar. Pastikan tawaran kekal fokus dan elakkan menambah kandungan yang memaksa pelawat mencari medan atau butang hantar.

Pilih blok borang pendaftaran untuk mengkonfigurasi medan, maklumat wajib, teg tersembunyi, penunjuk kemajuan, kaunter pelanggan, input dan butang hantar. Buka “Page settings” untuk mengubah latar belakang Slide-in dan tetapan lalai penampilan keseluruhan.

Susun atur satu lajur biasanya merupakan pilihan yang paling jelas. Jika anda menggunakan beberapa lajur, periksa dengan teliti cara lajur tersebut disusun pada skrin sempit.

Memilih Kedudukan Skrin

Pilih blok borang pendaftaran dan buka “Widget Settings”. Pemilih kedudukan menawarkan grid tiga kali tiga:

• Kiri atas, tengah atas atau kanan atas
• Kiri tengah, tengah atau kanan tengah
• Kiri bawah, tengah bawah atau kanan bawah

Pilih kedudukan yang tidak menutupi kawalan penting laman web. Periksa notis kuki, widget sembang, navigasi, butang troli beli-belah dan elemen tetap lain sebelum membuat keputusan.

Pada skrin mudah alih yang sempit, Maildroppa memudahkan penempatan supaya Slide-in muat dengan lebar yang tersedia. Kedudukan atas kekal di bahagian atas; kedudukan lain dipaparkan dari tepi bawah. Sentiasa uji hasilnya pada skrin kecil dan jangan hanya bergantung pada kedudukan desktop.

Menetapkan Kelewatan Paparan

“Display Delay” menentukan berapa saat Maildroppa menunggu sebelum memaparkan Slide-in pada halaman laman web terbenam.

Gunakan 0 apabila Slide-in perlu tersedia serta-merta. Masukkan kelewatan yang lebih lama apabila pelawat perlu diberi masa untuk berinteraksi dengan halaman terlebih dahulu. Pembina menerima kelewatan sehingga 86,400 saat.

Kelewatan singkat boleh berfungsi dengan baik untuk peringatan surat berita yang ringkas. Untuk artikel yang lebih panjang, kemunculan yang lebih lewat mungkin terasa lebih semula jadi dan menjadikan tawaran lebih relevan kepada pembaca yang berminat.

Menetapkan Kekerapan Paparan

“Display Frequency” mengawal tempoh selepas itu Slide-in boleh dipaparkan semula kepada pelawat yang sama. Anda boleh memilih:

• Sentiasa
• Sekali sejam
• Sekali sehari
• Sekali seminggu
• Sekali sebulan

Gunakan kekerapan yang sepadan dengan tawaran. Promosi sementara mungkin memerlukan selang yang lebih pendek, manakala peringatan surat berita umum biasanya tidak perlu dipaparkan pada setiap lawatan.

Kekerapan disimpan dalam pelayar pelawat. Pelayar lain, tetingkap pelayaran peribadi atau storan pelayar yang telah dikosongkan akan dianggap sebagai sejarah lawatan yang berbeza.

Menyambungkan Aliran Pendaftaran

Semak aliran pendaftaran yang ditetapkan dalam pengepala pembina. Ia menentukan respons selepas penghantaran, e-mel Double Opt-in dan perkara yang berlaku selepas pengesahan.

Anda boleh memilih aliran sedia ada, mengedit aliran semasa atau mencipta aliran khusus untuk Slide-in ini. Jika aliran tersebut dikongsi oleh beberapa borang, perubahan kepadanya akan menjejaskan semua borang tersebut.

Pratonton dan Menyimpan

Klik “Preview” untuk menyemak Slide-in sebelum menambahkannya ke laman web anda. Periksa kedudukan yang dipilih, tingkah laku pembukaan, susunan medan, kawalan tutup dan respons pendaftaran lengkap.

Klik “Save changes” apabila borang dan Widget Settings telah siap. Kemudian kembali ke Gambaran Keseluruhan Signup Forms.

Mengaktifkan dan Membenamkan Slide-in

Aktifkan Slide-in daripada menu tindakan tiga titik jika ia belum aktif. Klik “Show Code Snippet” dan salin keseluruhan kod daripada tab “JavaScript”.

Tambahkan skrip ini pada setiap halaman laman web yang perlu menyediakan Slide-in. Berbeza daripada Embedded Form, kedudukan tepat skrip dalam halaman tidak menentukan kedudukan Slide-in yang kelihatan. Kedudukan yang dipilih dalam Widget Settings mengawal tempat ia muncul.

Tab “HTML” menyediakan penanda yang dijana untuk pelaksanaan tersuai. Uji interaksi dan aliran penghantaran lengkap dengan teliti jika laman web anda menggunakan pilihan ini.

Untuk arahan umum tentang penempatan kod, lihat Membina dan Membenamkan Embedded Form.

Menguji Slide-in pada Laman Web Anda

Selepas menambah kod, uji halaman laman web sebenar:

1. Periksa bahawa Slide-in muncul selepas kelewatan yang dipilih.
2. Sahkan kedudukannya pada skrin lebar.
3. Periksa kedudukan dan lebarnya yang disesuaikan pada skrin sempit.
4. Pastikan ia tidak menutupi navigasi, kawalan kuki, butang sembang atau tindakan penting lain.
5. Uji pembukaan dan penutupan Slide-in.
6. Hantar borang dan lengkapkan proses Double Opt-in.
7. Sahkan pelanggan dan teg tersembunyi dalam Maildroppa.

Tetapan kekerapan boleh menghalang borang daripada muncul semula semasa ujian berulang. Gunakan tetingkap pelayaran peribadi atau kosongkan storan pelayar yang berkaitan apabila anda perlu mensimulasikan pelawat baharu.

Mengemas Kini atau Menyahaktifkan Slide-in

Buka Slide-in yang sama dalam Maildroppa, buat perubahan, pratontonnya dan klik “Save changes”. Coretan JavaScript terus menggunakan ID borang yang sama dan memuatkan konfigurasi yang disimpan.

Pilih “Deactivate” dalam Gambaran Keseluruhan Signup Forms apabila Slide-in perlu dikeluarkan daripada talian tanpa dipadamkan. Buang skripnya daripada laman web juga jika anda tidak lagi bercadang menggunakannya di situ.