Formulir Kontak 7 Tutorial Mengunggah Beberapa File: Dari A hingga Z

Diterbitkan: 2022-09-22

Karena kesederhanaannya, Contact Form 7 telah menjadi salah satu plugin gratis WordPress yang paling populer sejak dirilis pada tahun 2007. Namun, beberapa fitur plugin tidak cukup up-to-date untuk memenuhi tuntutan yang meningkat dari pemilik situs web. Misalnya, unggahan beberapa file Formulir Kontak 7 tidak diperbolehkan.

Untungnya, Anda dapat dengan mudah mengatasi masalah ini dengan menginstal plugin pendukung. Gulir ke bawah untuk detailnya!

  • Mengapa Anda Membutuhkan Formulir Kontak 7 Unggah Beberapa File
  • Plugin yang Direkomendasikan
  • Cara Mengizinkan Formulir Kontak 7 Unggah Banyak File
  • FAQ

Mengapa Anda Membutuhkan Formulir Kontak 7 Unggah Beberapa File

Situs web apa pun yang ingin melibatkan pengunjung berulang atau pelanggan potensial harus memiliki formulir kontak. Dengan cara ini, pengguna Anda dapat mengunggah file melalui formulir dan memberi Anda informasi yang diperlukan.

Sebagai ilustrasi, Anda membuat formulir lamaran kerja bagi pelamar untuk mengirimkan resume, surat lamaran, dan sertifikat mereka. Atau, Anda menerbitkan formulir "Minta Konsultasi Sekarang" di mana audiens dapat mengunggah dokumen tentang masalah mereka saat ini.

Saat mata Anda tertuju pada posting ini, Anda mungkin menggunakan Formulir Kontak 7 atau berniat untuk melakukannya. Sayangnya, Formulir Kontak 7 tidak mendukung unggahan banyak file secara default. Anda harus menambahkan beberapa bidang untuk menampung semua file, membuat formulir kontak Anda tidak nyaman.

Mempekerjakan unggahan beberapa file Formulir Kontak 7 untuk meningkatkan pengalaman pengguna adalah ide yang bagus. Untuk mencapai itu, Anda perlu menyesuaikan kode atau menggunakan plugin formulir yang ditingkatkan. Kami sangat merekomendasikan metode selanjutnya jika Anda tidak memiliki basis pengkodean.

Plugin yang Direkomendasikan

pda-multiline-file-upload-for-contact-form-7-plugin

Kami menyarankan untuk menggunakan plugin Unggah File Multiline untuk Formulir Kontak 7 untuk mengaktifkan fungsi unggah beberapa file. Itu datang sebagai pilihan terbaik jika Anda mencari cara langsung untuk meningkatkan formulir kontak Anda yang sudah jadi.

Ringkasan

Sesuai namanya, plugin menyetel bidang untuk menerima banyak unggahan file. Dengan demikian, pengguna situs dapat menarik dan melepas untuk mengirimkan beberapa file ke formulir atau menghapus semua file secara bersamaan. Sementara itu, Anda sebagai admin situs web, dapat menerima semua lampiran melalui email dalam bentuk ZIP.

Apa yang Anda butuhkan sebelum menginstal plugin:

  • platform WordPress
  • Plugin Formulir Kontak 7
  • Ekstensi ZipArchive() diaktifkan di server hosting Anda

Fitur utama

  • Instal dan konfigurasikan plugin dengan mudah
  • Kompatibel dengan WordPress dan Formulir Kontak terbaru 7
  • Tambahkan bidang untuk menerima berbagai format file, termasuk audio, dokumen, video, dll.
  • Mendukung Ekstensi Surat Internet Serbaguna (MIME) yang berbeda, yang tidak diizinkan oleh WordPress
  • Kirim semua file terlampir langsung ke email Anda
  • Sediakan pengunggah responsif di semua perangkat
  • Tambahkan file satu per satu atau beberapa file sekaligus ke formulir
  • Lihat daftar file terlampir
  • Hapus kumpulan file dengan cepat

Cara Mengizinkan Formulir Kontak 7 Unggah Banyak File

Ambil langkah-langkah berikut untuk menerima unggahan beberapa file Formulir Kontak 7.

Langkah 1: Instal Plugin

  1. Di dasbor admin WordPress Anda, navigasikan ke Plugins > Add New dan masukkan nama plugin di bidang Kata Kunci .
  2. Anda harus memeriksa pembuat plugin “Zluck Solutions” dan klik Instal Sekarang > Aktifkan .

pda-install-multiline-files-upload-for-contact-form-7-plugin

Langkah 2: Edit Formulir Kontak Anda

  1. Buka Kontak > Formulir Kontak , edit formulir Anda, dan pilih multilinefile .

pda-multilinefile

2. Saat diklik, plugin membuka kotak dialog, isi informasi berikut:

pda-form-tag-generator-multilinefile

Batas ukuran file

Anda dapat menentukan ukuran maksimum di dalam kotak. Itu tergantung pada berapa banyak file yang Anda izinkan untuk diunggah pengguna di bidang dan jenis file. Karena ukuran file besar biasanya dalam megabyte, gunakan konverter megabyte-byte untuk menemukan nomor yang sesuai.

Sebaiknya periksa batas ukuran unggahan media WordPress pengaturan hosting web Anda untuk menghindari kesalahan waktu habis. Rentang standar adalah dari 2 hingga 150MB.

Jenis file yang diizinkan

Plugin ini mendukung berbagai bentuk file, dari gambar hingga audio dan MIME. Anda dapat menentukan format dengan mengetikkan kode jenis file yang dipisahkan dengan tanda “ | " tanda.

Misalnya, jpg|gif|jpeg|png|csv|exe|pdf|txt .

Langkah 3: Dapatkan Kode Pendek

  1. Anda dapat melewati bidang yang tersisa dan memilih tombol Sisipkan Tag untuk menyelesaikan pengaturan.
  2. Tempatkan kode pendek yang dihasilkan di tempat Anda ingin menampilkan tombol Tambahkan File .

pda-multilinefile-shortcode

3. Tekan tombol Simpan .

Langkah 4: Atur Email untuk Menerima File

  1. Anda, sebagai admin situs, dapat menerima file lampiran pengguna dengan mengonfigurasi panel Mail . Pertama, salin tag multilinefile.

pda-mail-multilinefile-tag

2. Tempelkan tag ke dalam kotak Lampiran File .

pda-multifile-mail-file-lampiran

3. Tinjau informasi email dan tekan tombol Simpan .

Langkah 5: Uji Formulir Kontak 7 Unggah Beberapa File

Konfigurasi selesai. Saatnya untuk menguji formulir dengan mengunggah banyak file dalam format yang berbeda.

  1. Anda dapat memasukkan file dengan memilih tombol Add File . Plugin akan menampilkan daftar file yang diunggah. Jika tidak, hapus file dengan memilih ikon X masing-masing.

pda-contact-form-7-multiple-file-upload-frontend

2. Terakhir, Kirim formulir dan periksa email Anda. Di sana, Anda dapat melihat file ZIP dari semua file yang diunggah.

Langkah 6: Ubah Gaya Daftar File (Opsional)

Tidak suka ikon X , tombol Tambah File , dan nama file yang Dipilih ? Anda dapat menerapkan gaya kustom menggunakan file CSS tema WordPress. Sebagai contoh:

  • ikon X:
 .mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file i { warna: biru; }
  • Gaya tombol:
 #mfcf7_zl_add_file { warna latar: hijau bumi; }
  • Gaya nama file yang dipilih:
 .mfcf7-zl-multifile-name { warna: hitam; }

Langkah ini akan meningkatkan antarmuka formulir secara signifikan. Namun, itu membutuhkan beberapa pengetahuan pemrograman.

FAQ

Berapa Unggahan File Multiline untuk Plugin Formulir Kontak 7?

Ini tersedia secara gratis di repositori WordPress. Untuk menggunakan fungsi lanjutan seperti mengatur batas unggah file min/maks, Anda harus menginstal versi Premium. Biayanya $29 untuk lisensi Reguler.

Bisakah Saya Menggunakan Plugin untuk Formulir WordPress Lainnya?

Tidak, plugin ini dibuat terutama untuk Formulir Kontak 7. Untuk formulir lain, pertimbangkan untuk menggunakan plugin alternatif.

Apakah Ada Alternatif untuk Plugin?

Selain plugin yang direkomendasikan, ada beberapa plugin yang memungkinkan unggah beberapa file Contact Form 7:

  • WPForms Pro: Pembuat formulir dengan fungsi unggah beberapa file bawaan.
  • Forminator: Pembuat formulir lain dengan fungsi unggah beberapa file terintegrasi.
  • Unggah File WP: Pengunggah banyak file yang dapat ditambahkan ke pos, halaman, atau bilah sisi mana pun.

Mereka semua bermanfaat; namun, fiturnya berlimpah jika Anda sudah menginstal Contact Form 7.

Bagaimana Saya Dapat Mengirimkan Tautan Unduhan Pribadi File ke Pengguna Saya setelah Mereka Mengirimkan Formulir Kontak?

Misalnya, Anda memberikan eBuku untuk mengumpulkan email, file, dan informasi pengguna. Setelah mendapatkan data yang diperlukan, tautan unduhan eBuku akan dikirimkan ke pengguna Anda.

Kami telah menerbitkan panduan terperinci tentang cara mengirim tautan unduhan pribadi setelah pengiriman Formulir Kontak 7. Lihat untuk informasi lebih lanjut.

Izinkan Formulir Kontak 7 Unggah Banyak File Sekarang!

Kami telah menyarankan cara mudah dan gratis untuk menerima beberapa unggahan file melalui Formulir Kontak 7. Cobalah untuk membuat formulir kontak yang lebih informatif, nyaman, dan ramah pengguna untuk audiens Anda!

Jika Anda baru memulai dengan Formulir Kontak 7, pelajari cara mengonfigurasi pengaturan email Formulir Kontak 7 di sini.

Jika Anda menggunakan Gravity Forms, lihat cara menerima unggahan file melalui Gravity Forms.

Saat mengizinkan pengiriman formulir kontak, Anda mungkin akan menemukan spam formulir. Untuk menghindari hal ini terjadi, lihat panduan kami tentang cara menghentikan spam formulir kontak di WordPress.

Apakah Anda memiliki pertanyaan tentang unggahan beberapa file Formulir Kontak 7? Jangan ragu untuk memberi tahu kami di bagian komentar di bawah!