Membuat dan Menempatkan Formulir Slide-in

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

Slide-in adalah formulir pendaftaran ringkas yang muncul di tepi atau posisi tertentu pada jendela browser.

Slide-in menarik lebih banyak perhatian daripada formulir yang ditempatkan di dalam halaman, sekaligus menutupi lebih sedikit bagian situs web dibandingkan Popup yang berada di tengah. Slide-in cocok digunakan untuk pengingat newsletter, diskon, pembaruan produk, dan penawaran singkat yang tetap terlihat saat pengunjung membaca halaman.

Panduan ini menjelaskan pengaturan khusus untuk Slide-in. Fungsi tata letak, konten, kolom, tag, tipografi, layer, dan alur pendaftaran yang umum dibahas dalam panduan Signup Form Builder.

Membuat Slide-in

Buka “Signup Forms”, klik “Create Form”, lalu pilih “Slide-in”. Masukkan nama internal yang jelas dan lanjutkan ke builder.

Anda juga dapat mengedit Slide-in yang sudah ada dengan mengeklik namanya di Signup Forms Overview.

Gunakan nama seperti “Blog Newsletter Slide-in”, “New Product Reminder”, atau “Summer Coupon Slide-in”. Nama internal membantu Anda mengelola formulir dan tidak otomatis ditampilkan kepada pengunjung.

Memilih Template Slide-in

Slide-in menyediakan formulir kosong, formulir standar, dan empat template desain:

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

Template ini dirancang untuk pesan ringkas, tetapi setiap elemennya tetap dapat diedit. Anda dapat mengubah konten, kolom, warna, tipografi, border, jarak, dan tombol submit setelah memilih template awal.

Mendesain Slide-in

Gunakan builder visual untuk menata Slide-in. Slide-in dapat berisi formulir pendaftaran bersama teks, gambar, video, daftar, tombol, tautan sosial, penghitung subscriber, spacer, atau divider.

Ruang yang tersedia lebih terbatas dibandingkan Landing Page atau Embedded Form yang lebar. Buat penawaran tetap fokus dan hindari menambahkan konten yang membuat pengunjung harus mencari kolom atau tombol submit.

Pilih blok signup form untuk mengatur kolom, informasi wajib, tag tersembunyi, indikator progres, penghitung subscriber, input, dan tombol submit. Buka “Page settings” untuk mengubah latar belakang Slide-in dan default tampilan keseluruhan.

Tata letak satu kolom biasanya merupakan pilihan yang paling jelas. Jika menggunakan beberapa kolom, periksa dengan saksama bagaimana kolom tersebut tersusun pada layar sempit.

Memilih Posisi di Layar

Pilih blok signup form dan buka “Widget Settings”. Pemilih posisi menyediakan kisi tiga kali tiga:

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

Pilih posisi yang tidak menutupi kontrol penting di situs web. Periksa pemberitahuan cookie, widget chat, navigasi, tombol keranjang belanja, dan elemen tetap lainnya sebelum menentukan pilihan.

Pada layar seluler yang sempit, Maildroppa menyederhanakan penempatan agar Slide-in sesuai dengan lebar yang tersedia. Posisi atas tetap berada di bagian atas; posisi lainnya ditampilkan dari tepi bawah. Selalu uji hasilnya pada layar kecil, bukan hanya mengandalkan posisi desktop.

Mengatur Display Delay

“Display Delay” menentukan berapa detik Maildroppa menunggu sebelum menampilkan Slide-in pada halaman situs web yang disematkan.

Gunakan 0 jika Slide-in harus langsung tersedia. Masukkan jeda yang lebih lama jika pengunjung perlu waktu untuk terlebih dahulu berinteraksi dengan halaman. Builder menerima jeda hingga 86.400 detik.

Jeda singkat dapat berfungsi dengan baik untuk pengingat newsletter sederhana. Untuk artikel yang lebih panjang, kemunculan yang lebih lambat mungkin terasa lebih alami dan membuat penawaran lebih relevan bagi pembaca yang sudah tertarik.

Mengatur Display Frequency

“Display Frequency” mengontrol periode setelah Slide-in dapat ditampilkan lagi kepada pengunjung yang sama. Anda dapat memilih:

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

Gunakan frekuensi yang sesuai dengan penawaran. Promosi sementara mungkin memerlukan interval yang lebih singkat, sedangkan pengingat newsletter umum biasanya tidak perlu muncul setiap kali berkunjung.

Frekuensi disimpan di browser pengunjung. Browser lain, jendela penjelajahan privat, atau penyimpanan browser yang telah dihapus akan dianggap sebagai riwayat kunjungan yang berbeda.

Menghubungkan Alur Pendaftaran

Tinjau signup flow yang ditetapkan pada header builder. Alur ini menentukan respons setelah pengiriman, email Double Opt-in, dan tindakan setelah konfirmasi.

Anda dapat memilih flow yang sudah ada, mengedit flow saat ini, atau membuat flow khusus untuk Slide-in ini. Jika flow digunakan bersama oleh beberapa formulir, perubahan pada flow tersebut akan memengaruhi semuanya.

Melakukan Pratinjau dan Menyimpan

Klik “Preview” untuk meninjau Slide-in sebelum menambahkannya ke situs web. Periksa posisi yang dipilih, perilaku saat dibuka, urutan kolom, kontrol penutupan, dan respons pendaftaran lengkap.

Klik “Save changes” saat formulir dan Widget Settings sudah siap. Kemudian kembali ke Signup Forms Overview.

Mengaktifkan dan Menyematkan Slide-in

Aktifkan Slide-in dari menu tindakan tiga titik jika belum aktif. Klik “Show Code Snippet” dan salin seluruh kode dari tab “JavaScript”.

Tambahkan skrip ini ke setiap halaman situs web tempat Slide-in harus tersedia. Berbeda dari Embedded Form, posisi skrip di dalam halaman tidak menentukan posisi Slide-in yang terlihat. Posisi yang dipilih di Widget Settings menentukan tempat kemunculannya.

Tab “HTML” menyediakan markup yang dihasilkan untuk implementasi khusus. Uji seluruh interaksi dan alur pengiriman dengan saksama jika situs web Anda menggunakan opsi ini.

Untuk petunjuk umum tentang penempatan kode, lihat Building and Embedding an Embedded Form.

Menguji Slide-in di Situs Web Anda

Setelah menambahkan kode, uji halaman situs web yang sebenarnya:

1. Pastikan Slide-in muncul setelah jeda yang dipilih.
2. Pastikan posisinya pada layar lebar.
3. Periksa posisi dan lebar yang disesuaikan pada layar sempit.
4. Pastikan Slide-in tidak menutupi navigasi, kontrol cookie, tombol chat, atau tindakan penting lainnya.
5. Uji pembukaan dan penutupan Slide-in.
6. Kirim formulir dan selesaikan proses Double Opt-in.
7. Verifikasi subscriber dan tag tersembunyi di Maildroppa.

Pengaturan frekuensi dapat mencegah formulir muncul lagi selama pengujian berulang. Gunakan jendela penjelajahan privat atau hapus penyimpanan browser yang relevan jika Anda perlu menyimulasikan pengunjung baru.

Memperbarui atau Menonaktifkan Slide-in

Buka Slide-in yang sama di Maildroppa, lakukan perubahan, pratinjau hasilnya, lalu klik “Save changes”. Cuplikan JavaScript tetap menggunakan ID formulir yang sama dan memuat konfigurasi yang telah disimpan.

Pilih “Deactivate” di Signup Forms Overview jika Slide-in ingin dinonaktifkan tanpa dihapus. Hapus juga skripnya dari situs web jika Anda tidak lagi berencana menggunakannya di sana.