ที่นี่! การจัดกลุ่มฟิลด์ Forminator ใหม่และตัวเลือก Repeater พร้อมให้ใช้งานแล้ว

เผยแพร่แล้ว: 2022-10-25

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

ถูกต้อง — ปลั๊กอิน Forminator ระดับ 5 ดาวฟรีของเราเพิ่งเพิ่มเกมฟอร์มด้วย Field Groups ใหม่!

มีคนขอมาเยอะมาก ในที่สุดก็มาแล้ว!

“สนามทวนสัญญาณมีประโยชน์อย่างยิ่ง – ฉันหวังว่าจะได้เห็นมันบน Forminator ในไม่ช้า”

Chris W. – สมาชิก WPMU DEV

“ฉันต้องการทำซ้ำแถวของเขตข้อมูลแบบฟอร์มหลายๆ ครั้งโดยไม่ต้องสร้างใหม่ทุกครั้ง”

Ryan – สมาชิก WPMU DEV

“นี่จะเป็นประโยชน์จริงๆ”

คริส – สมาชิก WPMU DEV

และในที่สุดก็…

“มีการอัปเดตใด ๆ เกี่ยวกับฟิลด์ทวนสัญญาณ”

รวย – WPMU DEV สมาชิก

รวยแล้ว (และคนอื่นๆ) สิ้นสุดการรอคอย!

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

ขณะนี้ Forminator ทำให้การป้อนข้อมูลที่คล้ายกันทำได้ง่ายและง่ายกว่าที่เคย!

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

เราจะพูดถึงวิธีการ:

  • ตัวอย่างกลุ่มภาคสนาม
  • ตั้งค่ากลุ่มฟิลด์ใหม่
  • เพิ่มฟิลด์ในกลุ่ม
  • ปรับแต่ง Repeater
    • แท็บทวน
    • แท็บการจัดรูปแบบกลุ่มฟิลด์
    • แท็บการมองเห็น

ก่อนที่เราจะลงสนามพร้อมฟีเจอร์ใหม่นี้ มาดูการใช้งานกันก่อนดีกว่า

ตัวอย่างกลุ่มภาคสนามของ Forminator

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

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

ต้องการฟิลด์เพิ่มเติมหรือไม่? Forminator เพิ่มทันทีและโดยอัตโนมัติ!

ชอบสิ่งที่คุณเห็น? เป็นสถานการณ์ที่:

  • คุณต้องการให้ผู้ใช้ของคุณสามารถป้อนข้อมูลสำหรับการเข้าร่วมของตนเองได้
  • คุณต้องการให้ผู้ใช้สามารถเพิ่มข้อมูลสำหรับแขกได้ถึง 4 คน
  • ตั๋วงานของผู้ใช้ราคา $20 และแขกที่เพิ่มมาจะมีราคา $10 ต่อคน
  • คุณต้องการใช้ Stripe เพื่อดำเนินการชำระเงิน

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

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

ตั้งค่ากลุ่มฟิลด์ใหม่

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

เพียงเลือก กลุ่มฟิลด์ สำหรับรายการฟิลด์

ฟิลด์กลุ่มฟิลด์
การเลือกกลุ่มฟิลด์จะอยู่ที่ส่วนที่เหลือของฟิลด์

หลังจากคลิกที่ฟิลด์ กลุ่มฟิลด์ คุณจะสร้าง ป้ายกำกับ และ คำอธิบาย หากคุณต้องการ

บริเวณป้าย.
เพิ่มป้ายกำกับที่คุณต้องการและคำอธิบายเพิ่มเติม

ตอนนี้คุณพร้อมที่จะเริ่มเพิ่มฟิลด์ในกลุ่มฟิลด์แล้ว!

บริเวณกลุ่มภาคสนาม
Field Group พร้อมที่จะสร้างขึ้นแล้ว!

นี่คือวิธีการทำ

เพิ่มฟิลด์ในกลุ่ม

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

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

ฟิลด์ต่าง ๆ ที่เพิ่มเข้าไปในกลุ่มฟิลด์
ตัวอย่างนี้จะทำงานได้ดีบนแบบฟอร์มที่ต้องมีพื้นฐานการศึกษา

และหลังจากแก้ไขข้อความ นี่คือสิ่งที่ตัวอย่างสดจะมีลักษณะดังนี้

ตัวอย่างแบบฟอร์มการศึกษา
แบบฟอร์มโรงเรียนจะเป็นประโยชน์ในการสมัครงาน

ดังที่คุณเห็น ที่ด้านล่างของแบบฟอร์ม จะมีข้อความว่า Add School and Remove School เป็นข้อความที่กำหนดเองที่ฉันเพิ่ม (ซึ่งฉันจะพูดถึงวิธีการเพิ่มที่กำลังมา) และเป็นสิ่งที่ผู้ใช้เพิ่มหรือลบออกในการคลิก

บัญชี WPMU DEV ฟรี

จัดการไซต์ WP ไม่ จำกัด ฟรี

ไม่จำกัดไซต์
ไม่ต้องใช้บัตรเครดิต
เพิ่มพื้นที่โรงเรียนใหม่
ต้องการเพิ่มหรือลบโรงเรียน? มันคลิกไป

หากมีการเพิ่มโรงเรียน ฟิลด์ที่ฉันตั้งค่าไว้จะทำซ้ำสำหรับข้อมูลโรงเรียน (ที่อยู่ เมือง รหัสไปรษณีย์ ฯลฯ) ที่นี่ฉันมีมหาวิทยาลัยสองแห่ง

ตัวอย่างสองโรงเรียน
ฟีเจอร์ใหม่ของ Forminator นั้นดีสำหรับโรงเรียน คุ้มค่าที่จะพูดซ้ำ!

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

ปรับแต่ง Repeater

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

เมื่อปรับแต่งทวน คุณตั้งค่าได้ตามต้องการ ตัวอย่างเช่น คุณสามารถปิดใช้งานหรือเปิดใช้งานได้ตลอดเวลา

แท็บทวน

ตัวเลือกแรกอยู่ในส่วน Repeater ของ Field Group นี่คือพื้นที่ปรับแต่งหลักของคุณสำหรับการตั้งค่าขีดจำกัดและอื่นๆ

พื้นที่เปิดใช้งานทวน
Repeater ถูกเปิดใช้งานโดยค่าเริ่มต้น

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

อย่างไรก็ตาม หากคุณต้องการใช้ Repeater คุณจะต้องกำหนดค่าแบบฟอร์ม

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

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

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

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

แท็บการจัดรูปแบบกลุ่มฟิลด์

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

คุณสามารถเพิ่มคลาส CSS เพิ่มเติม และใช้และลบ Group Field Styling ออกจากแท็บ Styling ได้

แท็บการจัดรูปแบบ
ไม่ต้องการสไตล์เริ่มต้นใช่ไหม เพียงคลิก 'ลบ'

แท็บการมองเห็น

จากแท็บ การเปิดเผย รวมถึง กฎ จะเป็นตัวเลือก การเพิ่มกฎคือทั้งหมดที่เกี่ยวกับ ตรรกะตามเงื่อนไข ซึ่งเหมือนกันใน Forminator

ที่คุณเพิ่ม CSS ที่กำหนดเอง
เพิ่มกฎและเงื่อนไขที่คุณต้องการ

มีการเพิ่มกฎและเงื่อนไขมากมาย อ่านเพิ่มเติมในเอกสารประกอบของเรา

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

ทำให้ Forminator เป็นส่วนหนึ่งของกลุ่มของคุณ

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

หากคุณยังไม่ได้ใช้ Forminator โปรดดาวน์โหลดได้ฟรีจาก wp.org

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

คุณลองจัดกลุ่มฟิลด์ด้วย Forminator แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรในความคิดเห็น!