Formulir Kontak berfungsi sebagai alat penting untuk memfasilitasi komunikasi antara individu atau bisnis. Ini memberikan cara yang nyaman dan terorganisir bagi pengguna untuk menjangkau dan mengungkapkan pertanyaan mereka. Anda juga dapat mengambil aplikasi, pertanyaan kontak, dan jajak pendapat dengan menggunakannya.
Anda dapat dengan mudah membuat halaman Kontak di situs web Anda menggunakan bagian Kontak.
Dalam artikel ini:
-
- Menambahkan Bagian Kontak ke halaman
- Kelola Formulir Kontak
- Isi Formulir Kontak
- Mengelola Kolom Formulir
- Jenis Bidang
- Formulir Inline dan Formulir Popup
- Kelola Tata Letak
- Formulir Kontak Gaya
- Pengaturan Formulir Kontak
- Alihkan Formulir ke halaman lain
- Ekspor Data Formulir
- Notifikasi Email
- Formulir Data yang Diserahkan
- Contoh Langsung
Menambahkan Bagian Kontak ke halaman
- Di halaman Anda, Klik pada biru + ikon untuk menambahkan bagian baru ke halaman Anda.
- Anda sekarang akan melihat Kategori Bagian di sisi kiri.
- Pilih Formulir (1) kategori dan klik pada Kontak tab (2) tempat Anda dapat memilih tata letak yang berbeda dari Kontak (3) bagian.
- Pilih tata letak bagian mana saja dan klik untuk menambahkannya ke halaman Anda.
Kelola Formulir Kontak
- Klik Edit Konten (1) tombol.
- Anda akan memiliki opsi untuk mengelola Konten (2) tata ruang (3) Gaya (4) Pengaturan (5), dan Notifikasi Email (6).
- Memukul Simpan (7) menerapkan perubahan formulir.
Isi Formulir Kontak
Ini adalah bagian penting dari formulir karena Anda mengunggah atau mengubah gambar, berikan judul dan deskripsi di sini agar pengguna mendapatkan gambaran tentang tujuan dari formulir itu sendiri. Dengan hati-hati menyusun judul yang ringkas dan deskriptif serta deskripsi yang informatif dan menarik, Anda dapat meningkatkan komunikasi dan menjalin hubungan yang kuat dengan pengunjung situs web Anda.
Kelola Bidang Formulir
Di bawah Kelola bidang formulir, Anda dapat menentukan bidang yang ingin diisi pengunjung dalam formulir ini.
- Klik Tambahkan Bidang Baru (1) tombol untuk menambahkan lebih banyak bidang ke formulir Anda.
- Edit atau Hapus (2) bidang yang sudah ditambahkan.
- Drag dan Drop (3) kolom-kolom tersebut mengubah urutannya dalam formulir.
- Mengatur Label Tombol Ajakan Bertindak (4) untuk formulir.
Bidang email wajib ada di formulir dan tidak dapat dihapus.
Saat mengklik + Tambahkan Bidang tombol pop-up akan terbuka dari mana Anda dapat memilih bidang formulir Anda.
- Tangkap nama dari klien Anda.
- Tangkap informasi kecil apa pun melalui Teks pendek lapangan.
- Tangkap informasi/pesan rumit apa pun melalui Teks Panjang lapangan.
- Tangkap email dari klien Anda.
- Tangkap apapun informasi numerik dari klien Anda.
- Tambahkan layanan untuk dipilih di a dropdown cara.
- Seleksi Tunggal: Tambahkan pilihan radio untuk layanan Anda.
- Seleksi Berganda: Tambahkan bidang kotak centang untuk beberapa pilihan.
- Tambahkan pemilih tanggal sehingga klien Anda dapat memilih tanggal untuk acara apa pun.
- Tambahkan line antara bidang formulir.
- Tangkap alamat dari klien Anda.
- Tangkap situs web dari klien Anda.
- Tangkap telepon jumlah dari klien Anda.
- Tambahkan waktu sehingga klien Anda dapat menentukan sendiri waktu acara.
- Tambahkan alat pemisah antara bidang formulir.
- The bidang persetujuan opsi dapat digunakan untuk mengambil izin untuk buletin, menerima privasi dan ketentuan penggunaan.
- Ambil ulasan klien menggunakan star skala, skala angka, dan skala smiley.
- Saat menambahkan bidang tertentu, Anda mendapatkan opsi untuk memilih lebar antara Penuh, Setengah, dan Sepertiga
- Anda juga dapat memilih untuk menampilkan bidang secara berdampingan dengan memilih opsi Setengah atau Satu Ketiga
Gaya Bentuk
- Tampilkan Formulir sebagai Popup – Aktifkan ini untuk membuka formulir di jendela pop-up dengan mengklik tombol ajakan bertindak.
- Label Tombol Ajakan Bertindak – Atur Label Tombol Ajakan Bertindak untuk formulir.
- Popup Judul – Tentukan formulirnya Judul, jika ada.
- Unggah atau Hapus (1) gambar bentuk untuk formulir.
- Tambahkan Judul (2), dan Deskripsi (3) untuk formulir. Sebelum menambahkan deskripsi, periksa ini Artikel.
Membintangi
- Membintangi – Tentukan Judul Bagian (1) untuk bagian Formulir Pembayaran.
- Tombol & Ikon – Pelajari lebih lanjut tentang Tombol & Ikon (2).
Mengelola Tata Letak
- Klik Edit Konten (1) tombol.
- Pilih tata ruang (2) tab.
- Pilih tata ruang untuk bagian Anda (3) dan Simpan (4) perubahan.
Mengubah Tata Letak akan menerapkan gaya default Formulir.
Formulir Kontak Gaya
Menata formulir kontak adalah aspek penting dalam menciptakan pengalaman yang menarik secara visual dan ramah pengguna.
Anda akan memiliki beberapa opsi gaya untuk bagian tersebut:
- Formulir Bidang
- Strategi
- Teks
- Jarak
- Membintangi
- Foto
- Perbatasan Gambar
- Tombol Popup
- Tombol Formulir
- Tombol Judul
- Ikon Sosial Judul Utama
Formulir Bidang
Pixpa memungkinkan Anda untuk sepenuhnya menyesuaikan itu penampilan of Tujuan bentuk bidang. Ini styling Pilihan menerapkan untuk semua memasukkan bidang in Tujuan Kontak Bentuk ke memberikan Anda lebih besar kontrol lebih bagaimana Tujuan bentuk terlihat ke terasa on Tujuan website.
- Bentuk: Pilih bentuk kolom input Anda — seperti persegi panjang, bulat, pil, atau teks — agar sesuai dengan estetika situs web Anda.
- Mengisi: Aktifkan tombol ini untuk menerapkan warna isian latar belakang ke bidang formulir Anda.
- Warna Dasar: Mengatur warna latar belakang bidang saat opsi pengisian diaktifkan.
- Garis Besar: Aktifkan atau nonaktifkan batas (garis luar) untuk setiap bidang.
- Garis Warna: Pilih warna batas bidang saat garis luar diaktifkan.
- Warna Teks Lapangan: Mengatur warna teks yang diketik oleh pengguna dalam kolom formulir.
- Tinggi: Sesuaikan tinggi bidang Anda dengan memilih dari: Kecil, Sedang, Besar, atau Ekstra Besar.
- Label: Pilih apakah label bidang formulir muncul Di Dalam atau Di Luar bidang.
- Warna Label: Tentukan warna label saat ditempatkan di luar bidang.
- Label Warna Dalam: Mengatur warna untuk label yang ditempatkan di dalam bidang (berguna untuk label bergaya tempat penampung).
- Jarak Antar Kolom: Gunakan penggeser untuk mengatur jarak vertikal (dalam piksel) antara setiap bidang formulir.
Strategi
- Kelola perataan konten formulir secara horizontal dari Penjajaran Horisontal (1).
- Kelola perataan konten formulir secara vertikal dari Penjajaran Vertikal (2).
Teks
- Klik pada Ubah Gaya Teks (1) tombol untuk mengunjungi Mendesain bagian dan mengelola ukuran dan gaya font Anda.
- Tentukan Judul (2) gaya font formulir.
- Tentukan Deskripsi (3) gaya font formulir.
Jarak
- Tentukan Lebar Gambar (1) gambar dalam bentuk Persen.
- Tentukan Spasi Antara Gambar dan Teks (3) dalam Persen.
- Tentukan Spasi Di Bawah Judul (4) dalam Persen.
Membintangi
- Sejajarkan Secara Horizontal teks judul bagian. Anda dapat mengaturnya ke Kiri, Tengah, dan Kanan.
- Aktifkan/Nonaktifkan Pembagi antara judul bagian dan konten bagian.
- Mengatur ketebalan pembagi (dalam piksel).
- Tentukan Warna Pembagi dari pemilih warna.
- Pilih Gaya Pemisah dari dropdown.
- Mengatur Lebar Judul untuk menentukan seberapa lebar judul bagian muncul, dimulai dari minimum 50%.
- Tentukan Ruang di Bawah Judul dalam bagian (dalam px).
Foto
- Pangkas Gambar: Pilih IPangkas penyihir untuk item daftar. Anda dapat mengatur gambar menjadi Kotak, Lingkaran, Horizontal, Potret, dan Asli.
- Radius Sudut: Pilih untuk memiliki radius sudut yang sama atau radius sudut yang berbeda untuk setiap sisi item daftar dan tetapkan angka (dalam px) untuk CRadius sudut dari gambar item daftar. Tahu lebih banyak.
- Animasi Arahkan: Memilih untuk Animasikan gambar bagian tersebut saat mengarahkan kursor dengan mengaktifkan tombol alih. Periksa fitur ini di halaman langsung.
- Gaya Animasi: Pilih sebuah Gaya Animasi untuk gambar saat kursor diarahkan ke atasnya.
- Masker Bentuk: Aktifkan tombol ini untuk menerapkan shape mask ke gambar di bagian Daftar Gambar. Setelah diaktifkan, bentuk yang dipilih akan secara visual memotong gambar ke dalam formulir tersebut.
- Pilih Bentuk: Pilih dari berbagai bentuk yang telah ditetapkan untuk diterapkan pada gambar Anda. Ini memungkinkan Anda untuk secara kreatif menata konten Anda dengan menampilkan gambar dalam bentuk yang unik seperti bulat, berlian, jatuh, dll.
Menggunakan radius sudut bidang, Anda dapat membuat berbagai bentuk gambar item daftar. Jika Anda menentukan 500 px di sini, gambar akan ditampilkan dalam bentuk lingkaran.
- Jika Anda telah memilih sudut terpisah, Anda dapat mengatur radius sudut yang berbeda untuk setiap sudut.
Perbatasan Gambar
- Aktifkan / Nonaktifkan perbatasan di sekitar gambar dengan cara mengalihkan tombol.
- Pilih untuk memiliki a perbatasan bersama di semua sisi gambar atau Anda dapat menentukan berbatasan secara terpisah untuk setiap sisi.
- Tentukan lebar perbatasan. Jika diset ke 0, maka border tidak akan muncul. Anda juga memiliki opsi untuk mengatur lebar batas satu per satu untuk setiap sisi gambar.
- Pilih Warna Perbatasan dari pemilih warna.
- Pilih yang disukai Gaya Perbatasan dari dropdown.
- Tentukan lebar batas untuk seluler perangkat, menyelaraskannya dengan lebar yang dipilih untuk desktop.
Tombol Popup
Pilihan gaya ini diperuntukkan bagi tombol pop-up, tempat formulir kontak akan terbuka saat tombol diklik.
- Ukuran kancing - Pilih ukuran tombol dari pilihan seperti kecil, sedang, atau besar.
- Spasi Di Atas Tombol – Sesuaikan jarak vertikal di atas tombol (dalam persentase).
- Gaya Tombol – Pilih gaya tombol, seperti default atau kustom.
- Warna Tombol – Pilih gaya warna untuk tombol. Pilihannya meliputi Default, Inversi, atau Kustom.
- Teks Tombol – Sesuaikan warna teks untuk tombol.
- Latar Belakang Tombol – Pilih warna latar belakang untuk tombol.
Tombol Formulir
Pengaturan ini memungkinkan penyesuaian tombol pengiriman formulir agar sesuai dengan desain dan tata letak halaman.
- Ukuran kancing - Pilih ukuran tombol (Kecil, Sedang, atau Besar).
- Spasi Di Atas Tombol – Sesuaikan jarak vertikal di atas tombol (ditentukan dalam persentase).
- Gaya Tombol – Pilih gaya keseluruhan tombol, seperti Default atau Kustom.
- Warna Tombol – Atur gaya warna tombol. Opsinya meliputi Default, Inversi, atau Kustom.
- Teks Tombol – Sesuaikan warna teks yang ditampilkan pada tombol.
- Latar Belakang Tombol – Pilih warna latar belakang untuk tombol.
- Penyelarasan Tombol – Pilih perataan tombol (Kiri, Tengah, atau Kanan).
- Lebar Tombol – Sesuaikan lebar tampilan tombol. Pilihannya meliputi Default, Besar, Ekstra Besar, atau Lebar Penuh.
Tombol Judul
Pengaturan ini mengendalikan tampilan dan jarak tombol yang ditempatkan pada judul bagian.
- Ukuran kancing - Pilih ukuran keseluruhan tombol (Kecil, Sedang, atau Besar).
- Spasi Antar Tombol – Sesuaikan jarak antara beberapa tombol (diukur dalam vw).
- Spasi di Atas Tombol – Atur jarak vertikal di atas tombol (diukur dalam persentase).
- Lebar Tombol – Pilih lebar tampilan tombol. Opsinya meliputi Default, Besar, Ekstra Besar, dan Lebar Penuh.
- Ukuran Tautan Teks – Tentukan ukuran font tautan teks yang dikaitkan dengan tombol (diukur dalam px).
- Ukuran Tombol Gambar – Sesuaikan ukuran tombol berbasis gambar (diukur dalam px).
Ikon Sosial Judul Utama
Menampilkan dan menyesuaikan ikon berbagi sosial dalam formulir.
- Ukuran Ikon – Sesuaikan ukuran ikon sosial (diukur dalam px).
- Jenis Ikon – Pilih gaya ikon, seperti opsi Klasik, Padat, atau Garis Besar.
- Warna Ikon – Pilih warna untuk ikon. Pilihannya meliputi Teks Tautan, Kustom, atau Warna Merek (warna asli platform sosial).
- Warna Latar Belakang Ikon – Tetapkan warna latar belakang khusus untuk ikon guna meningkatkan visibilitas dan gaya.
Pengaturan Formulir Kontak
- Klik pada Edit Konten (1) tombol.
- Sesuaikan pengaturan formulir dari Pengaturan (2) tab dan Simpan (3) perubahan Anda.
Nama Formulir
- Masukkan nama untuk identifikasi formulir Kontak di Pixpa Studio. Nama ini tidak terlihat oleh pengunjung situs web.
Tindakan Pasca Pengajuan
Sebagai tindakan pasca pengiriman, Anda dapat memilih untuk melakukannya Tampilkan Pesan Sukses (1) atau Arahkan ulang ke URL (2).
Dalam kasus Tampilkan Pesan Sukses (1):
- Tentukan Pesan Sukses (2) yang ditampilkan setelah pengguna mengirimkan formulir.
- Anda juga dapat menambahkan skrip apa pun di keberhasilan pasca pembayaran HTML (3) kotak.
- Dalam kasus Rmengarahkan ke URLAnda dapat menentukan halaman internal/eksternal apa pun dengan mengklik ikon pengaturan (⚙️). Tahu lebih banyak.
Alihkan Formulir ke halaman lain
Mengarahkan pengguna ke halaman tertentu setelah mereka mengirimkan formulir dapat meningkatkan pengalaman pengguna secara keseluruhan dan melayani berbagai tujuan seperti menghindari pengiriman duplikat, analitik dan pelacakan, mempertahankan pengguna di situs web untuk jangka waktu yang lebih lama, dll.
Pengalihan dapat dengan mudah dibuat menggunakan Tindakan Pasca Pengajuan opsi di bawah tab Pengaturan.
- Anda dapat membuat pengalihan di dalam situs web Anda dari Situs Konten (1) opsi. Itu bisa berupa halaman, galeri, blog, galeri e-niaga, folder, dll. Anda harus memasukkan nama elemen di bidang seperti yang ditunjukkan pada tangkapan layar di bawah dan Anda akan mendapatkan saran yang berkaitan dengannya.
- penggunaan External Link (2) opsi untuk membuat pengalihan di luar situs web Anda. Anda harus memasukkan URL di bidang tempat Anda ingin pengguna dialihkan setelah pengiriman formulir.
Pelajari lebih lanjut tentang cara menggunakan Linkbuilder.
Sinkronisasi dan Ekspor data formulir
- Kirim Data Formulir ke Make.com. Pelajari lebih lanjut.
- Kirim Data Formulir ke Zapier.com. Pelajari lebih lanjut.
- Ekspor data formulir sebagai file CSV. Pelajari lebih lanjut.
Notifikasi Email
Dari sini, Anda dapat menyesuaikan subjek email untuk pemberitahuan yang Anda terima sebagai pemilik situs web setelah pengiriman formulir berhasil. Selain itu, Anda dapat mempersonalisasi email sukses yang dikirim ke pengguna atau pelanggan setelah mereka mengirimkan formulir. Fitur ini dapat dimanfaatkan untuk pencitraan merek, pemasaran, dan menjalankan kampanye secara efektif.
- Email ke Pemilik Situs Web: Aktifkan atau nonaktifkan pemberitahuan email untuk pengiriman formulir. Jika diaktifkan, pemberitahuan akan dikirim ke alamat email yang ditentukan.
- Subjek: Sesuaikan baris subjek email. Gunakan {SITUS WEB} variabel untuk memasukkan nama situs web secara dinamis dalam subjek. Ini berguna jika Anda memiliki beberapa situs web.
- Email: Tentukan hingga 3 alamat email untuk menerima pemberitahuan saat formulir dikirimkan.
- Tentukan Subjek dari email pengiriman formulir kontak. Anda juga dapat menyertakan {SITUS WEB} variabel untuk menyertakan nama situs web.
Email ke Pelanggan
- Anda dapat mengaktifkan Email ke Pelanggan (1) untuk mengirim surat tentang keberhasilan pengiriman Formulir.
- Tentukan Subjek (2) surat.
- Tentukan konten di dalam surat dari Pesan Sukses (3).
- Email ke Pelanggan adalah fitur premium yang hanya tersedia di Profesional dan Canggih rencana. Pelajari lebih lanjut.
- Sesuaikan konten email dengan hati-hati untuk memastikan pengalaman komunikasi yang konsisten dan profesional dengan klien Anda.
Formulir Data yang Diserahkan
Data formulir yang dikirimkan dalam formulir kontak mencakup informasi yang dimasukkan pengguna ke dalam bidang formulir saat mereka mengirimkannya.
- Semua data formulir disimpan dan dapat diakses dari Pengiriman Formulir halaman studio. Pelajari lebih lanjut.
- Seluruh data yang dikirimkan melalui formulir kontak juga akan diteruskan ke ID email yang ditentukan dalam pengaturan formulir kontak. Milikmu alamat email akun diambil sebagai default.
Juga Periksa: Ubah alamat email akun.
Contoh Langsung
Berikut Formulir Kontak Pop-up langsung:
Berikut adalah Formulir Kontak Inline langsung:
Untuk mengurangi spammer pada formulir, keamanan captcha Google diaktifkan secara otomatis pada formulir Anda.