วิธีเพิ่มฟิลด์ Repeater ในแบบฟอร์ม WordPress ของคุณ

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

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

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

แต่ก่อนหน้านั้น มาทำความเข้าใจกับเหตุผลหลักว่าทำไมคุณจึงควรพิจารณาใช้ฟิลด์ที่ทำซ้ำได้ในแบบฟอร์มของคุณ

ทำไมคุณถึงต้องการฟิลด์ที่ทำซ้ำได้ในแบบฟอร์มของคุณ?

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

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

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

ดังนั้น เมื่อใช้แบบฟอร์ม WordPress ที่ทำซ้ำได้ คุณสามารถ:

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

นั่นเป็นเหตุผลที่คุณควรเพิ่มฟิลด์ตัวทำซ้ำของ WordPress ทุกที่ที่จำเป็นในแบบฟอร์มของคุณ

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

วิธีเพิ่มฟิลด์ Repeater ในแบบฟอร์ม WordPress ของคุณ

เราแนะนำให้ใช้ Everest Forms เพื่อเพิ่มฟิลด์ repeater ในแบบฟอร์ม WordPress เช่นเดียวกับที่เรามีในบทช่วยสอนนี้

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

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

การเพิ่มฟิลด์ตัวทำซ้ำในแบบฟอร์ม WordPress ของคุณนั้นค่อนข้างง่ายเมื่อคุณมีปลั๊กอินเช่น Everest Forms อยู่ในมือ คุณเพียงแค่ต้องทำตามขั้นตอนที่อธิบายไว้ด้านล่างอย่างถูกต้อง

เอาล่ะ!

1. ติดตั้งและเปิดใช้งานปลั๊กอินฟรีของ Everest Forms

สิ่งแรกที่คุณต้องทำคือ ติดตั้งและเปิดใช้งาน Everest Forms เวอร์ชันฟรี

โดยเข้าสู่แดชบอร์ดเว็บไซต์ WordPress และเปิด Plugins >> Add New

พิมพ์ "Everest Forms" ในแถบค้นหา จากนั้นปลั๊กอินจะปรากฏในผลการค้นหา กดปุ่ม ติดตั้ง ทันที เพื่อเริ่มกระบวนการติดตั้ง

จากนั้นคลิกปุ่ม เปิดใช้งาน เพื่อสิ้นสุดการติดตั้ง ตอนนี้คุณมีปลั๊กอิน Everest Forms เวอร์ชันฟรีบนไซต์ของคุณแล้ว

2. ดาวน์โหลดและติดตั้ง Premium Repeater Field Add-on

ปลั๊กอิน Everest Forms ฟรีนั้นมากเกินพอที่จะสร้างการติดต่อแบบธรรมดาและแบบฟอร์มประเภทอื่นๆ อย่างไรก็ตาม หากต้องการสร้างฟอร์มด้วยฟิลด์ repeater ของ WordPress โดยเฉพาะ คุณจะต้องใช้ Everest Forms เวอร์ชันพรีเมียม มันมาพร้อมกับโปรแกรมเสริม Repeater Field ซึ่งช่วยให้คุณเพิ่มฟิลด์ตัวทำซ้ำได้มากเท่าที่คุณต้องการในแบบฟอร์มของคุณ

นั่นเป็นเหตุผลที่คุณต้องซื้อแผน Professional หรือ Agency สำหรับ Everest Forms ก่อนเพื่อใช้ Add-on นี้ เพียงไปที่หน้าการกำหนดราคาอย่างเป็นทางการและซื้อแผนใดแผนหนึ่งจากสองแผนที่เหมาะสมกับคุณ

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

สิ่งที่คุณต้องการเป็นเพียงส่วนเสริมของ Everest Forms Pro และ Repeater Field เพียงดาวน์โหลดทั้งสองไฟล์ แล้วไฟล์เหล่านั้นจะถูกบันทึกเป็นไฟล์ ZIP ในอุปกรณ์ของคุณ

กลับไปที่แดชบอร์ดของ WordPress และเปิด Plugins >> Add New

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

ดังนั้น ให้คลิกปุ่ม อัปโหลดปลั๊กอิน แล้วเลือกไฟล์ Everest Forms Pro ก่อน

จากนั้นกด Install Now และ Activate Plugin เพื่อสิ้นสุดการติดตั้ง

ทำซ้ำขั้นตอนเดียวกันกับโปรแกรม เสริม Repeater Field

ตอนนี้ หน้า ปลั๊กอินที่ติดตั้ง จะมี 3 ปลั๊กอินเหล่านี้: Everest Forms , Everest Forms (Pro) และ Everest Forms Repeater Field

คุณสามารถดูประกาศที่ด้านบนของหน้านี้เพื่อแจ้งให้คุณป้อนรหัสใบอนุญาตสำหรับโปรแกรมเสริม Everest Forms (Pro) คุณจะพบคีย์นี้ภายใต้แท็บ License Keys ของแดชบอร์ดบัญชีของคุณ

เพียงคัดลอกคีย์ วางลงในฟิลด์ภายใต้ Everest Forms (Pro) แล้วกด Enter

ด้วยเหตุนี้ คุณก็พร้อมที่จะเริ่มสร้างฟอร์มด้วยฟิลด์ที่ทำซ้ำได้

3. สร้างแบบฟอร์มใหม่ด้วย Repeater Field

เริ่มต้นด้วยการไปที่ Everest Forms >> Add New หน้านี้มีตัวเลือกให้คุณสร้างแบบฟอร์มใหม่ทั้งหมดหรือปรับแต่งเทมเพลตที่สร้างไว้ล่วงหน้า

Everest Forms มาพร้อมกับเทมเพลตเริ่มต้นหลายแบบสำหรับแบบฟอร์มประเภทต่างๆ หากคุณมีเวลาไม่เพียงพอ คุณสามารถสร้างแบบฟอร์มติดต่อง่ายๆ แบบฟอร์มขอลางาน แบบฟอร์มนัดหมายแพทย์ แบบฟอร์มสมัครงาน ฯลฯ ด้วยเทมเพลตเหล่านี้

แต่ในบทช่วยสอนนี้ เราจะแสดงวิธีสร้างแบบฟอร์มใหม่ตั้งแต่ต้น และเพิ่มฟิลด์ตัวทำซ้ำของ WordPress คลิกตัวเลือก Start From Scratch

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

หลังจากที่คุณกดปุ่ม คุณจะเข้าสู่ตัวสร้างแบบฟอร์มซึ่งมีลักษณะดังนี้

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

เมื่อต้องการเพิ่มแถวอื่น ให้คลิก เพิ่มแถว สิ่งนี้จะสร้างแถวใหม่สำหรับฟิลด์ปกติ ไม่ใช่ฟิลด์ที่ทำซ้ำได้

สำหรับหลัง คุณต้องกดปุ่ม Add Repeater Row

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

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

4. ปรับแต่งและกำหนดค่าการตั้งค่าแบบฟอร์ม

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

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

นอกจากนี้ Everest Forms ยังมี ตัวเลือกขั้นสูง เช่น Placeholder Text , Default Value , CSS Classes , Enable Autopopulate และอีกมากมาย

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

คุณต้องแก้ไขแถวตัวทำซ้ำโดยคลิกที่ Repeater Fields ก่อนกำหนดฟิลด์ภายในเอง

นอกเหนือจากตัวเลือกทั่วไป คุณจะได้รับ ตัวเลือกขั้นสูง ต่อไปนี้สำหรับแถว Repeater:

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

นั่นไม่ใช่ทั้งหมด. มีตัวเลือกการกำหนดค่าเพิ่มเติมในแท็บ การตั้งค่า ของตัวสร้างแบบฟอร์ม

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

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

หลังจากที่คุณทำการเปลี่ยนแปลงที่จำเป็นเสร็จแล้ว อย่าลืมกดปุ่ม บันทึก

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

5. วางแบบฟอร์มบนเว็บไซต์ WordPress ของคุณ

แบบฟอร์มการติดต่อแบบกำหนดเองพร้อมฟิลด์ที่ทำซ้ำได้พร้อมที่จะวางบนเว็บไซต์ WordPress ของคุณแล้ว

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

จากนั้นคลิกไอคอน + และเพิ่มบล็อก รหัสย่อ

วางรหัสย่อที่คุณคัดลอกไว้ที่นี่ แล้วคลิก อัปเดต

หรือคุณสามารถค้นหาบล็อก Everest Forms และเลือกแบบฟอร์มจากเมนูดร็อปดาวน์

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

ห่อ

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

สิ่งที่คุณต้องมีก็คือโปรแกรมเสริม Repeater Field และบทช่วยสอนที่ครอบคลุมนี้

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

เรียนรู้เพิ่มเติมเกี่ยวกับ Everest Forms ในบล็อกของเราที่เต็มไปด้วยเนื้อหา WordPress ติดตามเราบน Facebook และ Twitter เพื่อรับข่าวสารล่าสุด