แบบฟอร์มการติดต่อ 7 บทช่วยสอนการอัปโหลดไฟล์หลายไฟล์: จาก A ถึง Z

เผยแพร่แล้ว: 2022-09-22

ด้วยความเรียบง่าย Contact Form 7 ได้กลายเป็นหนึ่งในปลั๊กอินฟรีที่ได้รับความนิยมมากที่สุดของ WordPress นับตั้งแต่เปิดตัวในปี 2550 อย่างไรก็ตาม คุณลักษณะบางอย่างของปลั๊กอินไม่ทันสมัยพอที่จะตอบสนองความต้องการที่เพิ่มขึ้นของเจ้าของเว็บไซต์ ตัวอย่างเช่น ไม่อนุญาตให้อัปโหลดไฟล์หลายไฟล์ในแบบฟอร์มติดต่อ 7

โชคดีที่คุณสามารถแก้ปัญหานี้ได้ง่ายๆ ด้วยการติดตั้งปลั๊กอินที่รองรับ เลื่อนลงเพื่อดูรายละเอียด!

  • ทำไมคุณต้องติดต่อแบบฟอร์ม 7 อัปโหลดไฟล์หลายไฟล์
  • ปลั๊กอินที่แนะนำ
  • วิธีอนุญาตการอัปโหลดไฟล์หลายไฟล์แบบฟอร์มติดต่อ 7
  • คำถามที่พบบ่อย

ทำไมคุณต้องติดต่อแบบฟอร์ม 7 อัปโหลดไฟล์หลายไฟล์

เว็บไซต์ใด ๆ ที่ต้องการดึงดูดผู้เยี่ยมชมซ้ำหรือผู้มีโอกาสเป็นลูกค้าควรมีแบบฟอร์มการติดต่อ ด้วยวิธีนี้ ผู้ใช้ของคุณสามารถอัปโหลดไฟล์ผ่านแบบฟอร์มและให้ข้อมูลที่จำเป็นแก่คุณได้

เพื่อแสดงว่าคุณสร้างแบบฟอร์มสมัครงานสำหรับผู้สมัครเพื่อส่งประวัติย่อ จดหมายปะหน้า และใบรับรอง หรือคุณเผยแพร่แบบฟอร์ม "ขอคำปรึกษาทันที" ซึ่งผู้ชมสามารถอัปโหลดเอกสารของปัญหาปัจจุบันได้

เมื่อสายตาของคุณจับจ้องไปที่โพสต์นี้ คุณอาจกำลังใช้ Contact Form 7 หรือตั้งใจจะทำเช่นนั้น ขออภัย แบบฟอร์มติดต่อ 7 ไม่รองรับการอัปโหลดหลายไฟล์โดยค่าเริ่มต้น คุณต้องเพิ่มหลายฟิลด์เพื่อรองรับไฟล์ทั้งหมด ทำให้แบบฟอร์มการติดต่อของคุณไม่สะดวก

การใช้ Contact Form 7 อัปโหลดไฟล์หลายไฟล์เพื่อเพิ่มประสบการณ์ผู้ใช้เป็นแนวคิดที่ยอดเยี่ยม เพื่อให้บรรลุผลดังกล่าว คุณต้องปรับแต่งโค้ดหรือใช้ปลั๊กอินรูปแบบที่ปรับปรุงแล้ว เราขอแนะนำวิธีการในภายหลังในกรณีที่คุณไม่มีฐานการเข้ารหัส

ปลั๊กอินที่แนะนำ

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

เราขอแนะนำให้ใช้ปลั๊กอินการอัปโหลดไฟล์หลายบรรทัดสำหรับแบบฟอร์มการติดต่อ 7 เพื่อเปิดใช้งานฟังก์ชันการอัปโหลดไฟล์หลายไฟล์ เป็นตัวเลือกที่ดีที่สุดหากคุณกำลังมองหาวิธีที่ตรงไปตรงมาในการปรับปรุงแบบฟอร์มการติดต่อสำเร็จรูปของคุณ

ภาพรวม

ตามชื่อของมัน ปลั๊กอินจะตั้งค่าฟิลด์เพื่อยอมรับการอัปโหลดไฟล์หลายไฟล์ ดังนั้นผู้ใช้เว็บไซต์จึงสามารถลากและวางเพื่อส่งไฟล์หลายไฟล์ไปยังแบบฟอร์มหรือลบไฟล์ทั้งหมดพร้อมกันได้ ในขณะเดียวกัน คุณในฐานะผู้ดูแลเว็บไซต์สามารถรับไฟล์แนบทั้งหมดทางอีเมลในรูปแบบ ZIP

สิ่งที่คุณต้องการก่อนติดตั้งปลั๊กอิน:

  • แพลตฟอร์ม WordPress
  • ติดต่อแบบฟอร์ม 7 ปลั๊กอิน
  • เปิดใช้งานส่วนขยาย ZipArchive() บนเซิร์ฟเวอร์โฮสติ้งของคุณ

คุณสมบัติหลัก

  • ติดตั้งและกำหนดค่าปลั๊กอินอย่างง่ายดาย
  • เข้ากันได้กับ WordPress และ Contact Form 7 . ล่าสุด
  • เพิ่มฟิลด์เพื่อยอมรับรูปแบบไฟล์ต่างๆ รวมทั้งเสียง เอกสาร วิดีโอ ฯลฯ
  • รองรับ Multipurpose Internet Mail Extensions (MIME) ซึ่ง WordPress . ไม่อนุญาต
  • ส่งไฟล์แนบทั้งหมดไปยังอีเมลของคุณโดยตรง
  • จัดเตรียมตัวอัปโหลดที่ตอบสนองได้ในทุกอุปกรณ์
  • เพิ่มไฟล์ทีละไฟล์หรือหลายไฟล์พร้อมกันในแบบฟอร์ม
  • ดูรายการไฟล์แนบ
  • ลบชุดไฟล์อย่างรวดเร็ว

วิธีอนุญาตการอัปโหลดไฟล์หลายไฟล์แบบฟอร์มติดต่อ 7

ทำตามขั้นตอนต่อไปนี้เพื่อยอมรับแบบฟอร์มการติดต่อ 7 การอัปโหลดไฟล์หลายไฟล์

ขั้นตอนที่ 1: ติดตั้ง Plugin

  1. ในแดชบอร์ดผู้ดูแลระบบ WordPress ให้ไปที่ Plugins > Add New และป้อนชื่อปลั๊กอินในช่อง คำหลัก
  2. คุณควรตรวจสอบผู้เขียนปลั๊กอิน “Zluck Solutions” แล้วคลิก ติดตั้ง ทันที > เปิดใช้งาน

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

ขั้นตอนที่ 2: แก้ไขแบบฟอร์มการติดต่อของคุณ

  1. ตรงไปที่ Contact > Contact Forms แก้ไขแบบฟอร์มของคุณ แล้วเลือก multilinefile

pda-multilinefile

2. เมื่อคลิก ปลั๊กอินจะเปิดกล่องโต้ตอบ กรอกข้อมูลต่อไปนี้:

pda-form-tag-generator-multilinefile

ขีดจำกัดขนาดไฟล์

คุณสามารถกำหนดขนาดสูงสุดในกล่อง ขึ้นอยู่กับจำนวนไฟล์ที่คุณอนุญาตให้ผู้ใช้อัปโหลดในฟิลด์และประเภทไฟล์ เนื่องจากขนาดของไฟล์ขนาดใหญ่มักมีหน่วยเป็นเมกะไบต์ ให้ใช้ตัวแปลงเมกะไบต์เพื่อค้นหาจำนวนที่เหมาะสม

เราแนะนำให้ตรวจสอบขีดจำกัดขนาดการอัปโหลดสื่อ WordPress ของการตั้งค่าเว็บโฮสติ้งของคุณ เพื่อหลีกเลี่ยงข้อผิดพลาดการหมดเวลา ช่วงมาตรฐานคือตั้งแต่ 2 ถึง 150MB

ประเภทไฟล์ที่อนุญาต

ปลั๊กอินรองรับไฟล์รูปแบบต่างๆ ตั้งแต่รูปภาพไปจนถึงเสียงและ MIME คุณสามารถกำหนดรูปแบบโดยพิมพ์รหัสประเภทไฟล์โดยคั่นด้วยเครื่องหมาย “ | " เข้าสู่ระบบ.

ตัวอย่างเช่น jpg|gif|jpeg|png|csv|exe|pdf|txt

ขั้นตอนที่ 3: รับรหัสย่อ

  1. คุณสามารถข้ามฟิลด์ที่เหลือและเลือกปุ่ม แทรกแท็ก เพื่อสิ้นสุดการตั้งค่า
  2. วางรหัสย่อที่สร้างขึ้นในตำแหน่งที่คุณต้องการให้แสดงปุ่ม เพิ่มไฟล์

pda-multilinefile-shortcode

3. กดปุ่ม บันทึก

ขั้นตอนที่ 4: ตั้งค่าอีเมลเพื่อรับไฟล์

  1. คุณในฐานะผู้ดูแลไซต์สามารถรับไฟล์แนบของผู้ใช้ได้โดยการกำหนดค่าแผง เมล ขั้นแรก ให้คัดลอกแท็ก multilinefile

pda-mail-multilinefile-tag

2. วางแท็กลงในกล่อง ไฟล์แนบ

pda-multifile-mail-file-attachments

3. ตรวจสอบข้อมูลอีเมลและกดปุ่ม บันทึก

ขั้นตอนที่ 5: ทดสอบแบบฟอร์มติดต่อ 7 อัปโหลดไฟล์หลายไฟล์

การกำหนดค่าเสร็จสมบูรณ์ ถึงเวลาทดสอบแบบฟอร์มด้วยการอัปโหลดไฟล์หลายไฟล์ในรูปแบบต่างๆ

  1. คุณสามารถใส่ไฟล์โดยเลือกปุ่ม เพิ่มไฟล์ ปลั๊กอินจะแสดงรายการไฟล์ที่อัปโหลด มิฉะนั้น ให้ลบไฟล์โดยเลือกไอคอน X ที่เกี่ยวข้อง

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

2. สุดท้าย ส่ง แบบฟอร์มและตรวจสอบอีเมลของคุณ ที่นั่น คุณสามารถดูไฟล์ ZIP ของไฟล์ที่อัปโหลดทั้งหมด

ขั้นตอนที่ 6: เปลี่ยนรูปแบบของรายการไฟล์ (ไม่บังคับ)

ไม่ชอบไอคอน X ปุ่ม เพิ่มไฟล์ และ ชื่อไฟล์ที่เลือก ? คุณสามารถใช้สไตล์ที่กำหนดเองได้โดยใช้ไฟล์ CSS ของธีม WordPress ตัวอย่างเช่น:

  • ไอคอน X:
 .mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file i { สี: สีฟ้า; }
  • สไตล์ปุ่ม:
 #mfcf7_zl_add_file { สีพื้นหลัง: เอิร์ธกรีน; }
  • รูปแบบชื่อไฟล์ที่เลือก:
 .mfcf7-zl-multifile-name { สี: สีดำ; }

ขั้นตอนนี้จะปรับปรุงส่วนต่อประสานของแบบฟอร์มอย่างมาก ยังต้องมีความรู้ด้านการเขียนโปรแกรมอยู่บ้าง

คำถามที่พบบ่อย

ไฟล์ Multiline อัพโหลดสำหรับ Contact Form 7 Plugin เท่าไหร่?

มีให้บริการฟรีในที่เก็บ WordPress หากต้องการใช้ฟังก์ชันขั้นสูง เช่น การตั้งค่าขีดจำกัดการอัปโหลดไฟล์ต่ำสุด/สูงสุด คุณต้องติดตั้งเวอร์ชันพรีเมียม มีค่าใช้จ่าย $ 29 สำหรับใบอนุญาตปกติ

ฉันสามารถใช้ปลั๊กอินสำหรับแบบฟอร์ม WordPress อื่นได้หรือไม่

ไม่ ปลั๊กอินนี้สร้างขึ้นสำหรับแบบฟอร์มการติดต่อ 7 เป็นหลัก สำหรับรูปแบบอื่นๆ ให้พิจารณาใช้ปลั๊กอินอื่น

มีทางเลือกอื่นสำหรับปลั๊กอินหรือไม่?

นอกจากปลั๊กอินที่แนะนำแล้ว ยังมีปลั๊กอินอีกหลายตัวที่อนุญาตให้อัปโหลดไฟล์หลายไฟล์ของ Contact Form 7:

  • WPForms Pro: ตัวสร้างแบบฟอร์มพร้อมฟังก์ชันอัปโหลดไฟล์หลายไฟล์ในตัว
  • Forminator: ตัวสร้างแบบฟอร์มอื่นที่มีฟังก์ชันการอัปโหลดไฟล์หลายไฟล์ในตัว
  • การอัปโหลดไฟล์ WP: ตัวอัปโหลดหลายไฟล์ที่สามารถเพิ่มลงในโพสต์ หน้า หรือแถบด้านข้างใดก็ได้

พวกเขาทั้งหมดมีประโยชน์ อย่างไรก็ตาม คุณลักษณะมากมายหากคุณได้ติดตั้งแบบฟอร์มติดต่อ 7 แล้ว

ฉันจะส่งลิงค์ดาวน์โหลดไฟล์ส่วนตัวไปยังผู้ใช้ของฉันหลังจากที่พวกเขาส่งแบบฟอร์มการติดต่อได้อย่างไร

ตัวอย่างเช่น คุณกำลังแจก eBooks เพื่อรวบรวมอีเมล ไฟล์ และข้อมูลของผู้ใช้ หลังจากได้รับข้อมูลที่จำเป็นแล้ว ลิงก์ดาวน์โหลดของ eBooks จะถูกส่งไปยังผู้ใช้ของคุณ

เราได้เผยแพร่คำแนะนำโดยละเอียดเกี่ยวกับวิธีการส่งลิงก์ดาวน์โหลดส่วนตัวหลังจากส่งแบบฟอร์มติดต่อ 7 ตรวจสอบออกสำหรับข้อมูลเพิ่มเติม

อนุญาตให้อัปโหลดไฟล์ติดต่อแบบฟอร์ม 7 หลายไฟล์ทันที!

เราได้แนะนำวิธีที่ตรงไปตรงมาและไม่เสียค่าใช้จ่ายในการรับการอัปโหลดไฟล์หลายไฟล์ผ่านแบบฟอร์มการติดต่อ 7 ลองใช้เพื่อสร้างแบบฟอร์มการติดต่อที่ให้ข้อมูล สะดวก และเป็นมิตรกับผู้ใช้มากขึ้นสำหรับผู้ชมของคุณ!

หากคุณเพิ่งเริ่มใช้ Contact Form 7 เรียนรู้วิธีกำหนดการตั้งค่าอีเมล Contact Form 7 ที่นี่

ในกรณีที่คุณใช้ Gravity Forms โปรดดูวิธียอมรับการอัปโหลดไฟล์ผ่าน Gravity Forms

เมื่ออนุญาตให้ส่งแบบฟอร์มติดต่อ คุณอาจพบแบบฟอร์มสแปม เพื่อหลีกเลี่ยงไม่ให้สิ่งนี้เกิดขึ้น โปรดดูคำแนะนำของเราเกี่ยวกับวิธีหยุดสแปมแบบฟอร์มติดต่อใน WordPress

คุณมีคำถามใด ๆ เกี่ยวกับการอัปโหลดไฟล์ติดต่อแบบฟอร์ม 7 หลายไฟล์หรือไม่? อย่าลังเลที่จะแจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!