บทนำสู่ปลั๊กอิน Forminator (และวิธีการทำงาน)

เผยแพร่แล้ว: 2018-10-13

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

ในบทความนี้ เราจะมาดูที่ Forminator ปลั๊กอินสร้างแบบฟอร์มใหม่ นี่เป็นเครื่องมือ all-in-one ฟรีจาก WPMU DEV ที่ให้คุณสร้างองค์ประกอบตามแบบฟอร์มได้เกือบทุกประเภท เราจะดูการทำงานของปลั๊กอินให้ดีและพูดคุยเกี่ยวกับว่าคุณควรลองใช้มันหรือไม่

มาคุยกันฟอร์ม!

อะไรทำให้แบบฟอร์มจำเป็นสำหรับเว็บไซต์ของคุณ

แบบฟอร์มการติดต่อแบบข้อความเท่านั้น

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

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

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

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

บทนำสู่ปลั๊กอิน Forminator

ปลั๊กอิน Forminator

ปลั๊กอิน Forminator เป็นเครื่องมือใหม่ล่าสุดจาก WPMU DEV คุณอาจรู้จักพวกเขาในฐานะทีมที่อยู่เบื้องหลังปลั๊กอินยอดนิยมอื่นๆ เช่น Hummingbird, WP Smush และ Custom Sidebars

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

ยิ่งไปกว่านั้น ปลั๊กอินยังทำงานร่วมกับบริการของบุคคลที่สามหลายอย่าง เช่น Google ชีต, Zapier, Trello, MailChimp และ AWeber ในทางปฏิบัติ หมายความว่าคุณสามารถใช้ Forminator เพื่อรวบรวมข้อมูล อีเมล และข้อมูลประเภทอื่นๆ เกือบเท่าที่คุณจะจินตนาการได้

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

ปลั๊กอิน Forminator ใช้งานได้จริง

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

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

แดชบอร์ด Forminator ของคุณ

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

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

การสร้างหรือนำเข้าแบบฟอร์มใหม่

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

ประกอบร่างใหม่.

ในการเพิ่มฟิลด์ คุณเพียงแค่ลากไปทางด้านซ้ายของตัวแก้ไข:

การเพิ่มฟิลด์ใหม่ในแบบฟอร์มการติดต่อของคุณ

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

การกำหนดค่าฟิลด์เพื่อให้ผู้ใช้ต้องกรอกข้อมูล

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

เปิดใช้งานตรรกะตามเงื่อนไขสำหรับแบบฟอร์มของคุณ

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

การแสดงตัวอย่างแบบฟอร์มการติดต่อของคุณ

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

การปรับแต่งการออกแบบแบบฟอร์มของคุณ

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

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

การเพิ่มคำถามในการสำรวจความคิดเห็นของคุณ

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

การเลือกประเภทของแบบทดสอบที่จะสร้าง

สำหรับการทดสอบของเรา เราได้เลือก No Wrong Answer ณ จุดนี้ คุณสามารถตั้งชื่อแบบทดสอบ เพิ่มรูปภาพเด่น และให้คำอธิบาย:

การกำหนดค่าแบบทดสอบใหม่ของคุณ

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

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

ค้นหารหัสย่อที่คุณต้องการแทรกแบบฟอร์มลงในหน้า

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

ใครควรพิจารณาใช้ปลั๊กอิน Forminator

ไม่มีปัญหาการขาดแคลนปลั๊กอินที่เกี่ยวข้องกับแบบฟอร์มสำหรับ WordPress ตัวอย่างเช่น หากคุณต้องการตั้งค่าแบบฟอร์มการติดต่อ คุณมี Contact Form 7, Caldera Forms และอื่นๆ อีกมากมาย หากคุณกำลังมองหาปลั๊กอินที่จะช่วยคุณสร้างแบบทดสอบหรือแบบสำรวจความคิดเห็น คุณสามารถลองใช้แบบทดสอบและแบบสำรวจความคิดเห็นหรือแบบสำรวจที่ตอบสนองได้

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

บทสรุป

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

มีคุณลักษณะเฉพาะที่คุณต้องการดูปลั๊กอินเพิ่มเติมหรือไม่? พูดคุยเกี่ยวกับมันในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความโดย Jane Kelly / shutterstock.com