Pembina Borang Pendaftaran: Reka Bentuk Borang

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

Pembina Borang Pendaftaran ialah editor visual untuk semua borang pendaftaran dan halaman pendaratan Maildroppa.

Anda boleh menggunakannya untuk menyusun reka letak, menambah teks dan imej, mengkonfigurasi medan pelanggan, menukar warna dan fon, menetapkan tag, serta menentukan perkara yang berlaku selepas seseorang menghantar borang. Kanvas memaparkan hasilnya semasa anda bekerja, jadi anda tidak perlu menulis sebarang kod untuk mereka bentuk pengalaman pendaftaran yang lengkap.

Maildroppa menggunakan pembina yang sama untuk empat jenis borang:

• Halaman Pendaratan ialah halaman kendiri lengkap yang anda terbitkan dan kongsikan melalui pautan.
• Borang Terbenam diletakkan terus di dalam halaman pada laman web anda.
• Popup muncul di atas laman web anda dan juga boleh dibuka daripada elemen halaman.
• Slide-in muncul pada tepi atau kedudukan yang dipilih pada tetingkap pelayar.

Panduan ini menerangkan semua fungsi yang dikongsi oleh jenis borang ini. Panduan yang dipautkan menerangkan hanya tetapan dan langkah yang unik untuk setiap jenis.

Membuka Pembina Borang Pendaftaran

Buka “Signup Forms” dalam Maildroppa. Anda kemudian boleh mengklik “Create Form” untuk mencipta Halaman Pendaratan, Borang Terbenam, Popup atau Slide-in baharu.

Untuk meneruskan kerja pada borang sedia ada, klik namanya atau pilih “Edit Form” daripada menu tindakan tiga titik dalam Gambaran Keseluruhan Borang Pendaftaran.

Berikan borang nama dalaman yang jelas. Nama seperti “Buletin Halaman Utama”, “Popup Webinar” atau “Magnet Prospek Musim Panas” lebih mudah dikenal pasti kemudian berbanding nama umum seperti “Borang 1”. Nama borang membantu anda mengurus borang dalam Maildroppa dan tidak dipaparkan secara automatik kepada pelawat.

Memahami Pembina

Pembina dibahagikan kepada empat bahagian utama.

Bar atas mengandungi nama borang dan tindakan utama. Di sini anda boleh kembali ke gambaran keseluruhan, melihat pratonton kerja anda dan menyimpannya. Halaman Pendaratan juga memaparkan kawalan draf dan penerbitan pada bar ini.

Bar sisi kiri mengandungi “Layout”, “Content” dan “Layers”. Gunakannya untuk mencipta struktur, menambah elemen baharu dan mengurus semua yang telah diletakkan pada kanvas.

Kanvas ialah ruang kerja utama. Ia memaparkan halaman atau borang semasa. Klik elemen untuk memilihnya. Anda juga boleh menyeret elemen ke lokasi lain atau menambah elemen baharu daripada bar sisi kiri.

Bar sisi kanan mengandungi “Settings” dan “Page settings”. “Settings” mengubah elemen yang dipilih. “Page settings” mengubah latar belakang keseluruhan dan lalai reka bentuk.

Pada skrin yang lebih kecil, bar sisi dibuka sebagai panel menggunakan butang “Content” dan “Settings”. Fungsi yang tersedia kekal sama.

Bermula dengan Templat

Apabila anda mencipta borang, pembina menawarkan reka bentuk permulaan untuk jenis borang yang dipilih. Anda boleh bermula dengan reka bentuk kosong, menggunakan borang standard atau memilih templat sedia digunakan.

Templat menyediakan reka letak permulaan, warna, tipografi dan kandungan contoh. Templat tidak mengehadkan perkara yang boleh anda ubah kemudian. Selepas memilih templat, setiap elemen masih boleh diedit, dialihkan, diduplikasi, distrukturkan semula atau dibuang.

Setiap jenis borang mempunyai templat yang sesuai dengan tujuannya. Contohnya, Halaman Pendaratan merangkumi reka bentuk halaman lengkap untuk Buletin, Magnet Prospek, Webinar dan Senarai Menunggu. Borang Terbenam, Popup dan Slide-in mempunyai reka bentuk permulaan padat masing-masing.

Jika anda tidak pasti templat yang hendak dipilih, pilih templat yang strukturnya paling hampir dengan matlamat anda. Menukar teks, warna dan imej biasanya lebih pantas daripada membina struktur yang sama dari kanvas kosong.

Mencipta Reka Letak

Buka “Layout” pada bar sisi kiri untuk menambah baris sel baharu. Reka letak yang tersedia termasuk:

• Satu sel
• Dua, tiga atau empat sel yang sama saiz
• Dua sel dengan nisbah 2:1
• Dua sel dengan nisbah 1:2

Klik reka letak untuk menambahkannya pada kedudukan sisipan semasa atau seretnya ke kanvas. Anda kemudian boleh meletakkan kandungan dalam setiap sel.

Pilih kotak atau lajur untuk melaraskan saiz, jarak, penjajaran, latar belakang, sempadan dan paddingnya pada bar sisi kanan. Untuk reka letak berbilang lajur, anda juga boleh mengubah lebar relatif lajur.

Gunakan reka letak untuk mencipta urutan bacaan yang jelas. Satu lajur sesuai untuk borang pendaftaran yang padat. Reka letak dua lajur berguna apabila imej, senarai manfaat atau maklumat acara perlu muncul di sebelah borang pendaftaran.

Menambah Kandungan

Buka “Content” pada bar sisi kiri untuk menambah blok kandungan individu. Anda boleh mengklik blok untuk memasukkannya atau menyeretnya ke kedudukan yang dikehendaki pada kanvas.

Pembina menyediakan blok kandungan berikut:

Signup form — Mengandungi medan pelanggan dan butang hantar. Reka bentuk memerlukan satu blok borang pendaftaran sebelum ia boleh disimpan sebagai borang yang berfungsi. Setelah blok itu wujud, ia tidak lagi ditawarkan sebagai blok kandungan tambahan.

Text — Menambah tajuk, perenggan atau teks berformat lain.

Image — Menambah imej daripada URL, muat naik atau pustaka media Maildroppa. Anda boleh memberikan teks alternatif, menambah pautan dan mengawal dimensi, nisbah aspek, pemangkasan, titik fokus, putaran dan pembalikan.

Video — Menambah video YouTube atau Vimeo, URL benam atau fail video langsung. Anda juga boleh mengkonfigurasi imej pratonton dan penampilan butang main.

List — Menambah senarai bertitik atau bernombor. Edit entri dan kawal warna penanda, jarak, tipografi serta penjajaran.

Button — Menambah butang pautan dengan teks, URL, saiz, lebar, warna, sempadan, tipografi dan penjajaran yang boleh dikonfigurasi.

Social links — Menambah ikon berpautan untuk perkhidmatan seperti Facebook, Instagram, LinkedIn, TikTok, YouTube atau laman web anda.

Subscriber counter — Memaparkan jumlah pelanggan yang disahkan semasa. Anda boleh menambah offset, menukar label dan menggayakan nombor serta teks.

Spacer — Menambah ruang kosong yang boleh dikawal. Jarak desktop dan mudah alih boleh ditetapkan secara berasingan.

Divider — Menambah garisan mendatar dengan warna, ketebalan, lebar, gaya, penjajaran dan jarak yang boleh dikonfigurasi.

Halaman Pendaratan juga menyediakan bahagian lengkap yang boleh digunakan semula. Bahagian ini diterangkan dalam Panduan Halaman Pendaratan.

Memilih dan Menyusun Elemen

Klik elemen pada kanvas untuk memilihnya. Tetapannya muncul pada bar sisi kanan.

Kawalan pada atau berdekatan elemen yang dipilih membolehkan anda mengalih, menduplikasi atau memadamnya. Anda juga boleh menyeret elemen ke sel atau kedudukan lain. Penunjuk penempatan menunjukkan tempat elemen akan disisipkan.

Buka “Layers” apabila halaman mengandungi banyak kotak, lajur dan blok kandungan bersarang. Panel Layers memaparkan struktur lengkap dalam bentuk senarai. Dari situ anda boleh:

• Memilih elemen
• Menamakannya semula untuk pengecaman yang lebih mudah
• Mengalihkannya ke atas atau ke bawah
• Menyeretnya ke kedudukan lain
• Mengunci atau membuka kuncinya
• Menduplikasikannya
• Memadamkannya

Penguncian berguna apabila latar belakang, imej atau bahagian yang telah siap tidak sepatutnya dialihkan secara tidak sengaja. Buka kunci lapisan apabila anda mahu mengedit atau meletakkannya semula.

Gunakan “Undo” dan “Redo” pada bar alat pembina untuk bergerak ke belakang atau ke hadapan melalui perubahan reka bentuk terkini.

Mengedit Teks

Klik di dalam elemen teks untuk mengedit kandungan secara terus pada kanvas. Bar alat teks menyediakan gaya perenggan dan tajuk bersama pilihan pemformatan biasa.

Bergantung pada teks yang dipilih, anda boleh menggunakan huruf tebal, italik, garis bawah, coretan, subskrip, superskrip, penjajaran, senarai bertitik atau bernombor, pautan dan emoji. Tetapan teks yang dipilih juga membolehkan anda melaraskan tipografi dan warna tanpa mengubah setiap elemen teks lain.

Gunakan tetapan tipografi global di bawah “Page settings” apabila semua tajuk, teks isi, pautan atau butang perlu berkongsi gaya yang konsisten. Gunakan tetapan elemen yang dipilih apabila hanya satu blok perlu kelihatan berbeza.

Mengkonfigurasi Borang Pendaftaran

Pilih blok borang pendaftaran pada kanvas untuk membuka tetapannya. Bahagian yang tersedia merangkumi bar kemajuan, kaunter pelanggan, medan, tag tersembunyi, bekas borang, medan input dan butang hantar.

Medan Pelanggan

Alamat e-mel ialah medan utama borang pendaftaran. Anda juga boleh menambah medan pelanggan yang wujud dalam akaun Maildroppa anda.

Bagi setiap medan, anda boleh menukar label dan ruang letak, menentukan sama ada ia wajib diisi serta memilih sama ada label medan dipaparkan. Medan boleh disusun semula dengan menyeretnya atau menggunakan kawalan pergerakan.

Minta hanya maklumat yang benar-benar anda perlukan. Borang yang lebih ringkas lebih pantas diisi, manakala medan tambahan berguna apabila maklumat tersebut akan digunakan untuk pembahagian atau pemperibadian.

Tag Tersembunyi

Tag tersembunyi tidak dipaparkan kepada pelawat. Apabila seseorang mendaftar melalui borang, Maildroppa secara automatik menetapkan tag yang dipilih kepada pelanggan tersebut.

Ini berguna untuk mengenal pasti sumber atau minat di sebalik pendaftaran. Contohnya, borang untuk webinar boleh menetapkan tag “Webinar”, manakala borang magnet prospek boleh menetapkan tag untuk topik yang dimuat turun.

Bar Kemajuan

Bar kemajuan boleh dilumpuhkan atau dipaparkan sebagai peratusan atau penunjuk dua langkah.

Untuk penunjuk peratusan, anda boleh menukar teks, warna, saiz fon, ketebalan dan penjajaran. Untuk penunjuk dua langkah, anda boleh mengedit label bagi kedua-dua langkah serta memilih warna aktif dan tidak aktif.

Penunjuk kemajuan boleh membantu menjelaskan bahawa menghantar borang ialah langkah pertama dan mengesahkan e-mel Double Opt-in ialah langkah kedua.

Kaunter Pelanggan Dalam Borang

Borang pendaftaran boleh memaparkan jumlah pelanggan yang disahkan semasa sebelum atau selepas butang hantar.

Anda boleh menambah offset, menulis label, memilih kedudukan serta melaraskan tipografi dan penjajaran. Offset ditambahkan kepada jumlah pelanggan yang disahkan yang dipaparkan oleh Maildroppa.

Kaunter borang ini berbeza daripada blok kandungan “Subscriber counter” kendiri. Gunakan tetapan borang apabila nombor itu perlu berkait secara langsung dengan kawasan hantar. Gunakan blok kandungan apabila kaunter perlu muncul di tempat lain dalam reka bentuk.

Reka Bentuk Borang, Input dan Butang

Tetapan “Signup Form Block” mengawal bekas di sekeliling medan, termasuk latar belakang, sempadan, jejari sudut dan jaraknya.

Tetapan input mengawal latar belakang medan, label, teks, ruang letak, sempadan dan jarak. Butang hantar mempunyai tetapan berasingan untuk teks, tipografi, warna, sempadan, dimensi dan penjajarannya.

Anda boleh mengklik bar kemajuan atau butang hantar terus pada kanvas untuk membuka tetapan bahagian tersebut dengan segera.

Menukar Penampilan Keseluruhan

Buka “Page settings” pada bar sisi kanan untuk menukar reka bentuk keseluruhan. Bagi Borang Terbenam, Popup dan Slide-in, tetapan ini digunakan pada kanvas borang dan bukannya halaman lengkap yang dihoskan.

Anda boleh mengkonfigurasi latar belakang utama, imej latar belakang, lebar maksimum dan jarak mudah alih. Tetapan penampilan menetapkan lalai untuk:

• Fon isi dan warna teks
• Warna pautan, garis bawah dan warna apabila dihalakan
• Fon tajuk, warna, ketebalan, saiz dan ketinggian baris
• Butang
• Kotak, sempadan, jejari sudut, celah dan padding
• Padding halaman mudah alih serta titik apabila lajur disusun bertindan

Lalai ini memastikan reka bentuk konsisten. Blok individu masih boleh mengatasinya apabila diperlukan.

Menyambungkan Aliran Pendaftaran

Setiap borang disambungkan kepada Aliran Pendaftaran. Aliran pendaftaran mengawal perjalanan pelanggan selepas borang dihantar:

• Perkara yang dilihat pelawat sejurus selepas menghantar borang
• E-mel Double Opt-in yang dihantar
• Perkara yang berlaku selepas pelanggan mengesahkan alamat e-mel

Buka kawalan aliran pendaftaran pada pengepala pembina untuk melihat aliran yang sedang ditetapkan. Anda boleh memilih aliran sedia ada yang lain, mengedit aliran yang dipilih atau mencipta aliran baharu.

Satu aliran pendaftaran boleh digunakan oleh beberapa borang. Jika anda mengedit aliran yang dikongsi, perubahan itu menjejaskan setiap borang yang menggunakannya. Oleh itu, Maildroppa membolehkan anda memilih sama ada untuk mengedit aliran yang dikongsi atau mencipta salinan berasingan untuk borang semasa.

Melihat Pratonton dan Menyimpan

Klik “Preview” untuk menyemak reka bentuk lengkap dan pengalaman pendaftaran sebelum menjadikannya umum. Pratonton berguna untuk menyemak teks panjang, perkadaran imej, susunan medan, label butang dan keseimbangan keseluruhan borang.

Bagi Borang Terbenam, Popup dan Slide-in, klik “Save changes” apabila anda bersedia menyimpan versi semasa.

Halaman Pendaratan menggunakan kawalan draf dan penerbitan pada bar atas. Halaman ini boleh disimpan tanpa diterbitkan, dan perubahan pada halaman yang telah diterbitkan kekal tidak diterbitkan sehingga anda menerbitkannya. Aliran kerja lengkap diterangkan dalam Membina dan Menerbitkan Halaman Pendaratan.

Selepas menyimpan, kembali ke Gambaran Keseluruhan Borang Pendaftaran untuk mengaktifkan dan membenamkan borang laman web atau mengurus Halaman Pendaratan yang diterbitkan.

Teruskan dengan Jenis Borang Anda

Kerja reka bentuk umum kini selesai. Teruskan dengan panduan untuk borang yang anda cipta:

• Bina dan terbitkan Halaman Pendaratan
• Bina dan benamkan Borang Terbenam
• Konfigurasikan dan paparkan Popup
• Konfigurasikan dan letakkan Slide-in