Cipta dan tetapkan kedudukan borang Slide-in

Diterbitkan: 16 Julai 2026 · Kemas kini terakhir: 12 September 2026 · Oleh Marcus Biel

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

Borang ini lebih menarik perhatian berbanding borang yang diletakkan dalam halaman, tetapi menutupi ruang laman web yang lebih kecil berbanding Popup di tengah skrin. Slide-in sesuai untuk peringatan buletin e-mel, diskaun, kemas kini produk dan tawaran ringkas yang perlu kekal kelihatan semasa pelawat membaca halaman.

Panduan ini menerangkan tetapan khusus untuk Slide-in. Fungsi umum bagi susun atur, kandungan, medan, teg, tipografi, lapisan dan aliran pendaftaran diterangkan dalam panduan utama pembina borang pendaftaran.

Cipta 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 paparan 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.

Pilih templat Slide-in

Slide-in menyediakan borang kosong, borang standard dan empat templat siap reka:

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

Templat ini direka untuk mesej ringkas, tetapi setiap elemen masih boleh diedit. Selepas memilih templat permulaan, anda boleh mengubah kandungan, medan, warna, tipografi, sempadan, jarak dan butang hantar.

Reka bentuk Slide-in

Gunakan pembina visual untuk menyusun Slide-in. Anda boleh menggabungkan borang pendaftaran dengan teks, imej, video, senarai, butang, pautan media sosial, pembilang pelanggan e-mel, ruang kosong atau pemisah.

Ruangnya lebih terhad berbanding Landing Page atau Embedded Form yang lebar. Pastikan tawaran kekal fokus dan elakkan kandungan tambahan yang menyukarkan pelawat mencari medan atau butang hantar.

Pilih blok borang pendaftaran untuk menetapkan medan, maklumat wajib, teg tersembunyi, penunjuk kemajuan, pembilang pelanggan e-mel, ruang input dan butang hantar. Buka “Page settings” untuk mengubah latar belakang Slide-in dan tetapan lalai penampilan keseluruhannya.

Susun atur satu lajur biasanya paling jelas. Jika menggunakan beberapa lajur, semak dengan teliti susunannya apabila lajur tersebut ditindan pada skrin sempit.

Pilih kedudukan pada skrin

Pilih blok borang pendaftaran dan buka “Widget Settings”. Pemilih kedudukan menyediakan 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. Semak notis kuki, widget sembang, navigasi, butang troli beli-belah dan elemen lain yang berkedudukan tetap sebelum membuat pilihan.

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

Tetapkan masa tunggu paparan

“Display Delay” menentukan bilangan saat Maildroppa menunggu sebelum memaparkan Slide-in pada halaman laman web yang mengandungi kod benamnya.

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

Masa tunggu yang singkat boleh sesuai untuk peringatan buletin e-mel yang ringkas. Bagi artikel yang lebih panjang, paparan yang muncul kemudian mungkin terasa lebih sesuai dan menjadikan tawaran lebih relevan kepada pembaca yang sedang meneliti kandungan.

Tetapkan kekerapan paparan

“Display Frequency” menentukan tempoh sebelum Slide-in boleh dipaparkan semula kepada pelawat yang sama. Pilihannya ialah:

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

Gunakan kekerapan yang sesuai dengan tawaran. Promosi sementara mungkin memerlukan sela masa yang lebih pendek, manakala peringatan umum untuk buletin e-mel biasanya tidak perlu muncul pada setiap lawatan.

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

Hubungkan aliran pendaftaran

Semak aliran pendaftaran yang ditetapkan pada bahagian pengepala pembina. Aliran ini menentukan respons selepas borang dihantar, e-mel pengesahan langganan (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 itu dikongsi oleh beberapa borang, sebarang perubahan akan mempengaruhi semua borang tersebut.

Pratonton dan simpan

Klik “Preview” untuk menyemak Slide-in sebelum menambahkannya ke laman web anda. Semak kedudukan yang dipilih, cara borang muncul, susunan medan, kawalan tutup dan keseluruhan respons pendaftaran.

Klik “Save changes” apabila borang dan “Widget Settings” selesai ditetapkan. Kemudian kembali ke paparan keseluruhan Signup Forms.

Aktifkan dan benamkan Slide-in

Jika Slide-in belum aktif, aktifkannya melalui menu tindakan tiga titik. Klik “Show Code Snippet” dan salin keseluruhan kod daripada tab “JavaScript”.

Tambahkan skrip ini pada setiap halaman laman web yang perlu memaparkan Slide-in. Tidak seperti Embedded Form, lokasi tepat skrip dalam halaman tidak menentukan kedudukan Slide-in yang dipaparkan. Kedudukan yang dipilih dalam “Widget Settings” menentukan tempat borang itu muncul.

Tab “HTML” menyediakan kod penanda yang dijana untuk pelaksanaan tersuai. Jika laman web anda menggunakan pilihan ini, uji keseluruhan interaksi dan aliran penghantaran borang dengan teliti.

Untuk arahan umum tentang peletakan kod, lihat Membina dan membenamkan Embedded Form.

Uji Slide-in pada laman web anda

Selepas menambah kod, uji halaman laman web sebenar:

1. Pastikan Slide-in muncul selepas masa tunggu yang dipilih.
2. Sahkan kedudukannya pada skrin lebar.
3. Semak kedudukan dan lebar yang disesuaikan pada skrin sempit.
4. Pastikan borang tidak menutupi navigasi, kawalan kuki, butang sembang atau kawalan tindakan penting yang lain.
5. Uji pembukaan dan penutupan Slide-in.
6. Hantar borang dan lengkapkan proses pengesahan langganan melalui e-mel (double opt-in).
7. Sahkan rekod pelanggan e-mel 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.

Kemas kini atau nyahaktifkan Slide-in

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

Pilih “Deactivate” dalam paparan keseluruhan Signup Forms untuk menghentikan paparan Slide-in dalam talian tanpa memadamkannya. Buang juga skripnya daripada laman web jika anda tidak lagi bercadang untuk menggunakannya di situ.