วิธีอนุญาตให้ผู้ใช้อัปโหลดรูปภาพไปยังไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2020-06-22

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

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

คลิกที่นี่เพื่อสร้างแบบฟอร์มอัปโหลดรูปภาพทันที

เหตุใดจึงอนุญาตให้ผู้ใช้อัปโหลดรูปภาพ

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

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

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

…และคุณอาจนึกถึงเหตุผลอื่นๆ อีกสองสามข้อในการใช้เครื่องมืออัปโหลดรูปภาพสำหรับ WordPress!

WPForms เป็นปลั๊กอิน WordPress Form Builder ที่ดีที่สุด รับฟรี!

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

เรามาดูวิธีการอนุญาตให้ผู้ใช้ส่งภาพไปยังเว็บไซต์ WordPress ของคุณ

วิธีอนุญาตให้ผู้ใช้อัปโหลดรูปภาพไปยังไซต์ WordPress ของคุณ

ดูวิดีโอด้านบนหรืออ่านล่วงหน้าเพื่อดูว่ามีการดำเนินการทีละขั้นตอนอย่างไร:

ขั้นตอนที่ 1: สร้างแบบฟอร์มอัปโหลดรูปภาพ

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน WPForms นี่คือคำแนะนำทีละขั้นตอนเกี่ยวกับ วิธีการติดตั้งปลั๊กอิน WordPress

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

แบบฟอร์มด้วย wordpress อัพโหลดรูปภาพ

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

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

ตัวอย่างเช่น คุณสามารถสร้างแบบฟอร์มประเภทต่อไปนี้โดยใช้ส่วนเสริมของ Form Templates Pack:

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

คุณยังสามารถเพิ่มฟิลด์เพิ่มเติมในแบบฟอร์มของคุณโดยลากจากแผงด้านซ้ายมือไปยังแผงด้านขวามือ

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

ขั้นตอนที่ 2: ปรับแต่งการตั้งค่าการอัปโหลดรูปภาพของคุณ

ในการเริ่มต้น ให้ไปที่การ ตั้งค่า » ทั่วไป

แบบฟอร์มการตั้งค่าเวิร์ดเพรส
ที่นี่คุณสามารถกำหนดค่า:

  • ชื่อแบบฟอร์ม — เปลี่ยนชื่อแบบฟอร์มของคุณที่นี่ หากคุณต้องการ
  • คำอธิบายแบบฟอร์ม — ให้ คำอธิบายแบบฟอร์ม ของคุณ
  • ข้อความปุ่มส่ง — ปรับแต่งสำเนาบนปุ่มส่ง
  • การป้องกันสแปม — หยุดสแปมแบบฟอร์มการติดต่อด้วยช่องทำเครื่องหมายป้องกันสแปม hCaptcha หรือ Google reCAPTCHA คุณลักษณะป้องกันสแปมจะเปิดใช้งานโดยอัตโนมัติในแบบฟอร์ม WordPress ทั้งหมด
  • แบบฟอร์ม AJAX — เปิดใช้งานการตั้งค่า AJAX โดยไม่มีการโหลดหน้าซ้ำ
  • การปรับปรุง GDPR — คุณสามารถปิดใช้งานการจัดเก็บข้อมูลรายการและรายละเอียดผู้ใช้ เช่น ที่อยู่ IP และตัวแทนผู้ใช้ เพื่อพยายามปฏิบัติตามข้อกำหนดของ GDPR นอกจากนี้ ดูคำแนะนำทีละขั้นตอนของเราเกี่ยวกับวิธีเพิ่มฟิลด์ข้อตกลง GDPR ลงในแบบฟอร์มติดต่อง่ายๆ ของคุณ

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

เก็บภาพในไลบรารีสื่อ wordpress

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

เมื่อรูปภาพอยู่ในไลบรารีสื่อ คุณสามารถแสดงบนไซต์ของคุณได้!

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับช่องแบบฟอร์มการอัปโหลดไฟล์ โปรดดูคู่มือฉบับสมบูรณ์เกี่ยวกับช่องอัปโหลดไฟล์

โปรดทราบว่าคุณยังสามารถยอมรับไฟล์ประเภทต่างๆ ได้มากมาย

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

  • เอกสาร (.doc, .xls, .ppt และ .pdf)
  • รูปภาพ (.png, .gif และ .jpg)
  • วิดีโอ (.mpg, .mov และ .wmv)
  • เสียง (.wav, .mp3 และ .mp4)

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

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

เมื่อแบบฟอร์มของคุณมีลักษณะตามที่คุณต้องการ ให้คลิก บันทึก

ขั้นตอนที่ 3: กำหนดค่าการแจ้งเตือนแบบฟอร์มของคุณ

คุณสามารถส่งอีเมลแจ้งเตือนทุกครั้งที่มีคนส่งแบบฟอร์มนี้บนเว็บไซต์ของคุณ

การแจ้งเตือนแบบฟอร์มอัปโหลดรูปภาพ

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

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

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

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

สุดท้ายนี้ หากคุณต้องการรักษาตราสินค้าของอีเมลให้สอดคล้องกันสำหรับธุรกิจขนาดเล็กของคุณ คุณสามารถดูคู่มือนี้เกี่ยวกับการเพิ่มส่วนหัวที่กำหนดเองลงในเทมเพลตอีเมลของคุณ

ส่วนหัวที่กำหนดเอง

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

ลิงก์อีเมลแจ้งเตือน

ขั้นตอนที่ 4: กำหนดค่าการยืนยันแบบฟอร์มของคุณ

การยืนยันแบบฟอร์มคือข้อความที่แสดงเมื่อมีคนส่งคำตอบไปยังแบบฟอร์มของคุณ

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

WPForms มี 3 ประเภทการยืนยันให้เลือก:

  1. ข้อความ: นี่คือประเภทการยืนยันเริ่มต้นใน WPForms เมื่อมีคนส่งแบบฟอร์มของคุณ ข้อความธรรมดาจะปรากฏขึ้นเพื่อแจ้งให้ทราบว่าแบบฟอร์มได้รับการประมวลผลแล้ว ตรวจสอบข้อความแสดงความสำเร็จที่ยอดเยี่ยมเพื่อช่วยเพิ่มการมีส่วนร่วมของผู้ใช้
  2. หน้าแสดง: ประเภทการยืนยันนี้จะนำผู้ใช้ไปยังหน้าเว็บเฉพาะบนไซต์ของคุณ เพื่อขอบคุณที่ส่งแบบฟอร์มหรือส่งไปยังหน้าอื่นที่พวกเขาสามารถเข้าถึงข้อมูลอื่นๆ ได้ หากต้องการความช่วยเหลือ โปรดดูบทแนะนำเกี่ยวกับการเปลี่ยนเส้นทางลูกค้าไปยังหน้าขอบคุณ นอกจากนี้ อย่าลืมอ่านบทความของเราเกี่ยวกับการสร้างหน้าขอบคุณที่มีประสิทธิภาพ
  3. ไปที่ URL (เปลี่ยนเส้นทาง): ตัวเลือกนี้มีไว้สำหรับเมื่อคุณต้องการส่งผู้เยี่ยมชมเว็บไซต์ไปยังเว็บไซต์อื่น

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

ในการเริ่มต้น ให้คลิกแท็บ การยืนยัน ในตัวแก้ไขแบบฟอร์มภายใต้การตั้งค่า
แบบฟอร์มยืนยัน
จากนั้น ปรับแต่งข้อความยืนยันตามที่คุณต้องการ แล้วคลิก บันทึก

สำหรับความช่วยเหลือเกี่ยวกับประเภทการยืนยันอื่นๆ โปรดดูเอกสารของเราเกี่ยวกับการตั้งค่าการยืนยันแบบฟอร์ม

ขั้นตอนที่ 5: เผยแพร่แบบฟอร์มอัปโหลดรูปภาพ WordPress ของคุณ

เมื่อคุณสร้างแบบฟอร์มแล้ว คุณจะต้องเพิ่มแบบฟอร์มนั้นลงในเว็บไซต์ WordPress เพื่อให้โปรแกรมอัปโหลดไฟล์ของคุณพร้อมใช้งาน

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

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

วิดเจ็ต WPForms จะปรากฏภายในบล็อกของคุณ คลิกที่รายการดรอปดาวน์ WPForms และเลือกแบบฟอร์มที่คุณสร้างไว้แล้วซึ่งคุณต้องการแทรกลงในเพจของคุณ

เลือกชื่อแบบฟอร์มที่คุณเพิ่งสร้างขึ้นเพื่อฝังแบบฟอร์ม

เผยแพร่แบบฟอร์มอัปโหลดรูปภาพ wordpress

แบบฟอร์มจะปรากฏขึ้นและคุณสามารถตรวจสอบเพื่อให้แน่ใจว่าคุณชอบรูปลักษณ์

แบบฟอร์มอัปโหลดรูปภาพในโปรแกรมแก้ไขเวิร์ดเพรส
ตอนนี้ เผยแพร่โพสต์หรือหน้าของคุณเพื่อให้แบบฟอร์มการอัปโหลด WordPress ของคุณปรากฏบนเว็บไซต์ของคุณ

อัพโหลดรูปภาพ wordpress บน wpforms

ต้องการปรับแต่งผลิตภัณฑ์อีคอมเมิร์ซหรือไม่? ง่ายต่อการรับภาพจากลูกค้าในแบบฟอร์มการสั่งซื้อ

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

แบบฟอร์มสั่งซื้อเสื้อยืดพร้อมช่องอัพโหลดรูปภาพ

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

ทำได้ง่ายๆ โดยใช้ Authorize.Net, Stripe หรือ PayPal วิธีที่ดีที่สุดคือใช้ Stripe addon ของเรา เพื่อให้ผู้ใช้ของคุณสามารถส่งการชำระเงินโดยไม่ต้องออกจากไซต์ของคุณ

เอาล่ะ เมื่อคุณได้รูปภาพจากผู้ใช้ในแบบฟอร์มแล้ว มาดูวิธีดูไฟล์เหล่านั้นกัน

ขั้นตอนที่ 6: ดูไฟล์ที่อัปโหลด

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

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

wordpress image อัพโหลดรายการแบบฟอร์มเพื่อดูไฟล์ได้อย่างง่ายดาย

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

ดูไฟล์อัพโหลดใน wordpress

ดูคู่มือฉบับสมบูรณ์เพื่อป้อนข้อมูลในแบบฟอร์มหากคุณต้องการเรียนรู้เพิ่มเติม

คลิกที่นี่เพื่อสร้างแบบฟอร์มอัปโหลดรูปภาพทันที

ความคิดสุดท้ายเกี่ยวกับการอัปโหลดรูปภาพ WordPress

และที่นั่นคุณมีมัน! ตอนนี้คุณรู้วิธีให้ผู้ใช้อัปโหลดรูปภาพไปยังไซต์ WordPress ของคุณแล้ว

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

ดังนั้นสิ่งที่คุณรอ? เริ่มต้นด้วยปลั๊กอินฟอร์ม WordPress ที่ทรงพลังที่สุดวันนี้ WPForms Pro มาพร้อมกับเทมเพลตฟอร์มอัปโหลดไฟล์ฟรีและรับประกันคืนเงิน 14 วัน!

และอย่าลืม ถ้าคุณชอบบทความนี้ โปรดติดตามเราบน Facebook และ Twitter