วิธีสร้างแบบฟอร์มด้วยฟิลด์ Repeater ใน WPForms

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

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

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

เหตุใดจึงต้องใช้ฟิลด์ Repeater WPForms

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

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

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

วิธีสร้างแบบฟอร์มด้วยฟิลด์ Repeater ใน WPForms

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

1. สมัครสมาชิกและติดตั้ง WPForms Pro

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

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

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

ตอนนี้เรามาสร้างแบบฟอร์มของคุณกันเถอะ!

2. สร้างแบบฟอร์มเปล่าใหม่

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

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

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

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

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

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

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

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

3. เพิ่มฟิลด์แบบเลื่อนลงด้วยตัวเลือกใช่/ไม่ใช่

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

หลังจากนั้นให้ตั้ง ชื่อฟิลด์ แบบเลื่อนลงป้ายกำกับเช่น “เพิ่มอีกรายการ?” จากนั้นคุณสามารถเพิ่มตัวเลือก Yes/No แบบง่ายสำหรับ Choices ได้

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

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

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

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

4. ใช้ลอจิกแบบมีเงื่อนไขกับฟิลด์แบบฟอร์มของคุณ

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

ในเมนู Smart Logic ให้ทำเครื่องหมายที่ตัวเลือก Enable Conditional Logic สำหรับช่องแบบฟอร์มทั้งหมดด้านล่าง "Add Another?" ฟิลด์ แบบเลื่อนลง ที่เราสร้างไว้ก่อนหน้านี้

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

5. เปิดใช้งานลอจิกแบบมีเงื่อนไขสำหรับฟิลด์ดรอปดาวน์

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

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

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

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

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

เราเกือบจะถึงแล้ว! ตอนนี้ เราต้องเปิดใช้งานการแจ้งเตือนแบบฟอร์มและการยืนยันที่ปรากฏขึ้นหลังจากส่งแบบฟอร์มแล้ว

6. เปิดใช้งานการแจ้งเตือนแบบฟอร์มและการยืนยัน

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

กระบวนการนี้ง่ายมาก เลือก การแจ้งเตือน ภายใต้แท็บ การตั้งค่า บนหน้าจอตัวสร้างแบบฟอร์ม

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

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

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

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

8. เผยแพร่แบบฟอร์มของคุณด้วยฟิลด์ Repeater

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

จากนั้นเลือกการออกแบบฟอร์มฟิลด์ทวนสัญญาณจากเมนูแบบเลื่อนลงในบล็อก WPForms เพื่อเพิ่มลงในเพจหรือโพสต์ของคุณ

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

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

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

คำถามเพิ่มเติมเกี่ยวกับฟิลด์ Repeater ของ WPForms

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

ฟิลด์ทวนสัญญาณคืออะไร?

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

ฉันจะเพิ่มฟิลด์ทวนสัญญาณใน WordPress ได้อย่างไร

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

ฟิลด์ทวนสัญญาณใน WordPress คืออะไร?

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

ต่อไป เรียนรู้วิธีสร้างแบบฟอร์มหีบเพลงใน WordPress

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

สร้างแบบฟอร์ม WordPress ของคุณตอนนี้

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

หากบทความนี้ช่วยคุณได้ โปรดติดตามเราบน Facebook และ Twitter เพื่อรับบทช่วยสอนและคำแนะนำ WordPress ฟรีเพิ่มเติม