• หน้าแรก
  • บริการ
    • จัดทำเว็บไซต์
    • เว็บขายของออนไลน์
  • คอร์สเรียนสร้างเว็บ
  • บทความ
  • ติดต่อ
บริการจัดทำเว็บไซต์ ระบบร้านค้าออนไลน์ คอร์สเรียนสร้างเว็บไซต์
ลงทะเบียนเข้าสู่ระบบ
FLOW /> Web design & TrainingFLOW /> Web design & Training
  • หน้าแรก
  • บริการ
    • จัดทำเว็บไซต์
    • เว็บขายของออนไลน์
  • คอร์สเรียนสร้างเว็บ
  • บทความ
  • ติดต่อ

การสร้างฟอร์มสำหรับใว้ติดต่อสือสาร

สามารถนำไปประยุกต์สร้าง Form ในรูปแบบต่างๆ
Home » Blog » การสร้าง Form สำหรับใช้รับข้อมูลเพื่อใช้ติดต่อสื่อสาร

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

  • หมวดหมู่ การสร้าง Form, การใช้ Plugins Wordpress
Facebook
Twitter
Line

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

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

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

    • Demo Plugins Formcraft สำหรับทดลองใช้
    • Plugins Formcraft สั่งซื้อได้ตาม 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 ขั้นตอนการใช้งานเพื่อความเข้าใจยิ่งขึ้น

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

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

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

author avatar
boonyanone

    Previous post

    วิธี Reset Password ในกรณีที่ลืม User และ Password
    26/07/2019

    Next post

    สร้าง Form ติดต่อสำหรับแยกส่งไปให้แต่ละแผนกของบริษัท
    13/09/2019

    คุณอาจชอบ

    สร้าง Form ติดต่อสำหรับแยกส่งไปให้แต่ละแผนกของบริษัท
    สร้าง Form ติดต่อสำหรับแยกส่งไปให้แต่ละแผนกของบริษัท
    13 กันยายน, 2019
    Cover—import-image-fb
    การนำ Post จาก Facebook มาโชว์ที่ Web ทั้ง Photo Album Video
    12 กรกฎาคม, 2019
    การดึงรูปภาพจาก-instagram-มาแสดงที่-website
    การดึงรูปภาพจาก instagram มาแสดงที่ website
    9 กรกฎาคม, 2019

    Leave A Reply ยกเลิกการตอบ

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

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

    คอร์สเรียนสร้างเว็บ

    คอร์สสอนสร้าง Website ด้วย WordPress โดยใช้ Theme Flatsome

    คอร์สสอนสร้าง Website ด้วย WordPress โดยใช้ Theme Flatsome

    2,500.00 ฿ 1,800.00 ฿
    การสำรองข้อมูลและย้ายโดเมน

    การสำรองข้อมูลและย้ายโดเมน

    Free
    การสร้าง Web ประเภทธุรกิจ แบบหน้าเดียว

    การสร้าง Web ประเภทธุรกิจ แบบหน้าเดียว

    Free

    FLOW /> Web design & Training

    • Privacy
    • Terms

    เข้าสู่ระบบด้วยบัญชีเว็บไซต์ของคุณ

    Continue with FacebookContinue with Google
    ลืมรหัสผ่าน?

    ยังไม่ได้เป็นสมาชิก? สมัครตอนนี้

    Register a new account

    Continue with FacebookContinue with Google

    คุณเป็นสมาชิกหรือไม่? ลงชื่อเข้าใช้ตอนนี้