การสร้าง Form สำหรับใช้รับข้อมูลเพื่อใช้ติดต่อสื่อสาร

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

แต่ที่จะแนะนำคือ FormCraft – Premium WordPress Form Builder เป็น plugins ที่ใช้งานง่ายปรับแต่งได้เยอะ และมีตัวฟรีให้เอาใว้ทดลองใช้งานด้วย

ก่อนอื่นทำการ Download ได้ตาม Link

• • Demo Plugins Formcraft สำหรับทดลองใช้
  • Plugins Formcraft สั่งซื้อได้ตาม Link

เมื่อทำการติดตั้ง Plugins เสร็จแล้ว จะมีส่วนประกอบด้วย 2 ส่วนคือ

• • Form จะเป็นในส่วนของการสร้าง Form แต่ละ Form
  • Form Analytic เป้นตัวเก็บสถิติว่า หน้าที่มี Form นั้นอยู่มีการเปิดกี่ครั้ง

ทำการสร้าง Form โดยคลิกที่ New Form ก็จะมี 4 รูปแบบให้ได้เลือกใช้งาน

• • BLANK คือ  Form เปล่าที่ยังไม่ได้มีการสร้าง Filed
  • Template คือ รูปแบบที่มี Form สำเร็จเอาใว้ให้ได้เลือกใช้งานเลย
  • Duplicate คือ การ Copy Form ที่มีอยู่ขึ้นมาอีก 1 Form
  • Import คือ การนำเข้า Form ที่ได้จากการ Export Form มาเป็น Template แล้วนำกลับมาใช้ใหม่ได้

เมื่อทำการ Create Form แล้วก็จะเข้ามาที่หน้าการกำหนด Field สำหรับรับข้อมูล ก็จะประกอบไปด้วย

• • Heading คือ ข้อความที่ต้องการจะระบุ
  • One Line Input คือ ช่องรับรับข้อมูลแบบ 1 บรรทัด สามารถระบุข้อความที่ต้องการจะรับข้อมูลได้
  • E-Mail Input คือ ช่องกรอก E-mail
  • TextArea คือ ช่องรับรับข้อมูลแบบหลายบรรทัด
  • CheckBox คือ ตัวเลือกแบบระบุได้มากกว่า 1 ตัวเลือก สามารถระบุค่าภายใน Field เพื่อนำตัวแปรไปใช้คำนวณได้
  • DropDown คือ ตัวเลือกแบบระบุได้ 1 ตัวเลือก สามารถระบุค่าภายใน Field เพื่อนำตัวแปรไปใช้คำนวณได้
  • Datepicker คือ รูปแบบวันที่

เมื่อทำการสร้าง Form และ add field แล้ว ต่อไปก็คือการกำหนด E-mail สำหรับเอาใว้ให้ Form ส่งข้อมูลเข้ามาที่ Mail ที่ได้ระบุเอาใว้โดยเข้าไปที่ Setting > E-mail จะมีอยู่ด้วยกัน 2 ส่วนคือ

• • E-mail Notification สำหรับให้ข้อมูลส่งมาที่ Mail นี้ สามารถแก้ไขข้อมูลภายใน E-mail Body ได้
    ** ในกรณีที่ใช้ G-mail จำเป็นต้องไปเปิดการตั้งค่าเพื่อเชื่อมต่อการส่งข้อมูลก่อนจึงจะสามาถใช้ได้ (SMTP) ถ้าใช้ Mail ของบริษัท ก็สามารถระบุการเชื่อมต่อแบบ SMTP หรือของ Hotmail (Live.com / outlook.com ) สามารถใช้ได้เลยไม่ต้องตั้งค่า
  •  E-mail Autoresport สำหรับให้ E-mail ส่งกลับไปยังผู้ที่ติดต่อเข้ามาว่า ส่งมาจากที่ใด โดยสามารถระบุเป็น Mail ใดก็ได้ และสามารถแก้ไขข้อมูลภายในตัว E-mail

การปรับแต่งรูปแบบ Form สามารถทำได้หลายรูปแบบ เช่น

• • Font
  • สีพื้น
  • การแสดงผลของช่องรับข้อมูล Field

เมื่อเสร็จแล้วสามารถ Preview ดูรูปแบบ Form ก่อนใช้งาน

การนำไปใช้งานสามารถนำ Shortcode ไปวาง ณ.ตำแหน่งใดก็ได้ หรือเข้าที่ Textediter ก็จะมีเป็นรูปแบบของคำสั้งสำเร็จเอาใว้ให้ได้เลือกใช้งาน
เพียงเท่านี้ก็จะมี Form สำหรับเอาใว้รับข้อมูลเรียบร้อยแล้ว สามารถดู video ขั้นตอนการใช้งานเพื่อความเข้าใจยิ่งขึ้น

และจะทำเป็นแต่ละหัวข้อ เช่น

• • ระบุเป็น Mail สำหรับส่งไปให้แต่ละแผนกของบริษัท
  • ทำเป็นตัวโปรแกรมคำนวณสินค้าหรือบริการอย่างอย่างให้ลูกค้าเห็นราคาเบื้องต้น
    และอื่นๆ

** เกี่ยวกับการตั้งค่า Gmail เพื่อเชื่อมต่อแบบ SMTP จะทำเป็นอีกหัวข้อหนึ่ง

มาดูวิธีการตั้งค่ากันครับ