สร้างฟอร์มแบบง่ายและเร็วด้วย Forminator

การสร้างฟอร์มใน WordPress นั้นมีปลั๊กอินให้เลือกใช้มากมาย ไม่ว่าจะเป็นตัวยอดนิยมอย่าง Contact Form 7 และตัวอื่นๆอย่าง Ninja Form, WPforms แต่มีปลั๊กอินสร้างฟอร์มอยู่ตัวนึงที่ใช้งานง่ายและมีเวอร์ชั่นฟรี มีฟีเจอร์ที่น่าสนใจหล่ายอย่าง ปลั๊กอินตัวนี้นี้ชื่อว่า Forminator

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

การติดตั้ง

ไปที่หลังบ้าน Plugins -> Add New Plugin

Search หาคำว่า forminator จากน้้น Install และ Activate ให้เรียบร้อย

อธิบายเมนูทั้งหมด

Dashboard

เป็นหน้าสรุปรวมข้อมูล โดยจะโชว์รายชื่อ Form, Poll, Quiz มีการโชว์จำนวนผู้ที่กรอก Form, Poll, Quiz เข้ามา และสามารถกดสร้าง Form, Poll, Quiz จากหน้านี้ได้เลย

Forms

เป็นหน้าสำหรับใช้สร้างฟอร์ม โดยเมื่อกดปุ่ม Create จะมี Template ให้เลือกหลายอย่าง เช่น Contact US, Newsletter Signup, Registration หรือจะสร้างจาก Blank หน้าเปล่าก็ได้ นอกจากนี้ยังแสดงฟอร์มทั้งหมดที่เคยสร้างไว้ สามารถเข้าไปแก้ไข หรือลบ ฟอร์มได้จากหน้านี้

Polls

สำหรับใช้สร้างแบบสำรวจความคิดเห็น

Quizzes

ใช้สร้างแบบทดสอบ โดยเลือกสร้างได้ 2 แบบ

Knowledge Quiz – สำหรับใช้สร้างแบบทดสอบผู้เยื่ยมชมในเรื่องใดเรื่องหนึ่ง ซึ่งทุกข้อมีคำตอบที่ถูกต้อง
Personality Quiz – สำหรับใช้สร้างแบบทดสอบที่ไม่มีคำตอบถูกผิด เช่น การทดสอบว่าเรามีความถนัดในการทำงานแบบไหน มีความขอบแบบไหน เป็นต้น

Submissions

เป็นหน้าที่ใช้เช็คข้อมุลที่กรอกเข้ามาทั้งจาก Form, Poll หรือ Quiz

Add-Ons

เป็นหน้าที่ใช้ติดตั้ง Modules เพิ่มเติม เพื่อเพิ่มฟังก์ชันการทำงานของ Forminator โดยปัจจุบันมีส่วนเสริมให้เลือก 3 อย่าง คือ Stripe Subscriptions, PDF Generator และ Geolocation ซึ่งใช้ได้ใน Forminator เวอร์ชั่น Pro

Integrations

เป็นหน้าที่ใช้เชื่อมต่อ third-party apps หรือ App ภายนอก โดยเชื่อมต่อได้โดยใช้ API เพื่อเปิดใช้งานแอปเหล่านั้น เพื่อนำเอาข้อมูลมาใช้รวมกับ Forminator

third-party apps ที่น่าสนใจจะมี Google Sheets สามารถสร้างแบบฟอร์มแล้วเมื่อกด Submit ก็ให้บันทึกข้อมูลลง Google Sheets ที่เชื่อมต่อไว้ได้ทันที ซึ่งช่วยเพิ่มความสะดวกในการดูข้อมูล โดยที่ไม่ต้องเข้าไปเลือกเองจากหลังบ้านของเว็บ

วิธีการเชื่อมต่อ Forminator กับ Google Sheets

Reports

เป็นหน้าที่สรุปรายงานของผู้ที่เข้ามากรอก Form, Polls หรือ Quiz โดยเลือกดูจากวันเดือนปีได้

Settings

เป็นหน้าที่ใช้ตั้งค่า ปรับแต่งการทำงานของฟังก์ชั่นต่างๆ เช่น

• General ตั้งค่าทั่วไปเช่น จำนวน Form, Poll, Quiz ที่จะนำขึ้นมาแสดงในหน้า Dashboard หรือตั้งค่า Sender Email และ Name เวลาที่มีการส่งอีเมลขาออกทั้งหมดที่ส่งจาก Forminator
• Appearance ใช้ปรับแต่งดีไซน์โดยรวมของฟอร์ม สี รูปแบบตัวอักษร เส้นขอบของฟอร์ม และยังสามารถ Custom CSS ได้
• CAPTCHA ใช้เพิ่มการป้องกันแบบฟอร์มจาก spam โดยรองรับ Google reCAPTCHA และ hCAPTCHA

Forminator Pro

เป็นหน้าที่อธิบาย Forminator เวอร์ชั่น Pro ว่ามีคุณสมบัติอะไรที่เพิ่มขึ้นมาจากเวอร์ชั่นฟรี และสามารถกดปุ่ม UPGRADE TO PRO ได้จากหน้านี้

ตัวอย่างการสร้างฟอร์มอย่างง่าย และไวด้วย Templates

ที่หลังบ้าน เลือก Forminator -> Forms -> Create

เลือก Templates ที่ต้องการ ในที่นี้จะเลือก Contact US แล้วคลิกที่ Continue

ตั้งชื่อฟอร์มที่ต้องการ แล้วคลิกที่ CREATE

Forminator จะสร้างฟิลด์โดยอัตโนมัติ 4 ฟิลด์ คือ First Name, Email Address, Phone Number, Message และปุ่มกด Send Message

เมื่อเรากด Publish ก็เสร็จเรียบร้อย จะเห็นว่าง่ายและไวมาก โดยเมื่อคลิกที่ฟิลต์ใดก็ตาม จะมี Popup ขึ้นมาให้ตั้งค่าต่างๆ ที่เกี่ยวกับฟิลด์ได้

เช่น

Labels

Label : ชื่อฟิลด์ที่แสดงในหน้า Form สามารถแก้ไขได้
Placeholder : อความตัวอย่างหรือคำอธิบายที่ใส่ไว้เพื่ออธิบายคุณลักษณะของฟิลด์
Description : คำอธิบายฟิลด์ (ตรงนี้ไม่ต้องใส่ก็ได้)

Settings

Require : สำหรับเลือกให้ต้อง บังคับกรอก หรือ ไม่บังคับกรอก ส่วนช่อง Error Message สำหรับใส่ข้อความแจ้งเดือนกรณีที่ลืมกรอก

ถ้าต้องการเพิ่มฟิลด์ ก็คลิกที่ INSERT FIELDS (ปุ่มสีม่วงๆ)

จะมีฟิลด์ขึ้นมาให้เลือก คลิกไปที่ฟิลด์ที่ต้องการ แล้ว INSERT FIELDS ได้เลย

โดยในหน้า Edit Form จะมีเมนูทางด้านซ้าย ชื่อว่า Appearance สำหรับใช้เลือก Design Style ของฟอร์ม รวมถึงปรับแต่ง สี ฟอนต์ สีขอบ และ Custom CSS เอง ก็ทำได้จากเมนูนี้

เมื่อสร้างฟอร์มเสร็จแล้ว ให้คลิกที่ปุ่ม Publish เพื่อบันทึกและเผยแพร่

หลังจากกดปุ่ม Publish จะมี popup แสดง Shortcode ของฟอร์มนี้ การนำไปใช้ก็ให้ก๊อปปี้ Shortcode ดังกล่าวไปวางในหน้า Page ที่ต้องการ

นอกจากนี้ในหน้า Edit Form ยังสามารถตั้งค่า Email Notifacations ซึ่งเป็นการตั้งค่าการส่งเมล์แจ้งเตือนไปยังอีเมลของ admin รวมถึงยังเพิ่มอีเมลที่ต้องการให้ส่งการแจ้งเดือนเพิ่มได้

เนื่องจากตัวปลั๊กอินนั้นมีรายละเอียดค่อนข้างเยอะ การสร้าง Form, Poll, Quiz โดยละเอียดนั้นจะขออะธิบายในบทความถัดๆ ไป

สรุป

Forminator เป็นปลั๊กอินสำหรับสร้างฟอร์มที่ใช้งานได้ง่าย สร้างฟอร์มได้ไว ปรับแต่งดีไซน์ของฟอร์มได้ประมาณนึง ซึ่งถ้ายังไม่ถูกใจก็ Custom CSS ได้เองเลย แถมมีฟังก์ชั่นที่น่าสนใจคือการเชื่อมต่อกับ Google Sheets และยังสร้าง Polls, Quiz ได้อีกด้วย และนำไปใช้งานได้ด้วยการนำ Shortcode ไปวางในหน้า Post, Page ที่ต้องการ