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

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

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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อก่อนอื่นทำการ Download ได้ตาม Link

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

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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อ

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

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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อ

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

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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อ

เมื่อทำการสร้าง 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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อ

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

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

Wordpress plugins Form สำหรับสร้าง Form ติดต่อ

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

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

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

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

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

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

This site uses Akismet to reduce spam. Learn how your comment data is processed.