การทำ contact form จาก wordpress

วิธีการไม่ยากครับ ทำตามขั้นตอนได้เลยครับ ก่อนอื่นต้องดูก่อนว่า WP ของเราลง ปลั๊กอินไว้หรือไม่ ซึ่งผมจะเลือกใช้ Contact Form7

km-001

ถ้ายังไม่มีให้ไป download จาก wordpress.org ได้เลยนะครับ โดย search หาดูนะครับ

km-002

เมื่อได้ไฟล์มาแล้วก็ FTP ติดตั้งเข้า SERVER และทำการสั่งให้ทปลั๊กอินทำงาน

km-004

หลังจากผ่านการติดตั้งมาได้แล้ว ก็ไปถึงการตั้งค่านะครับ

จะมีเมนู ติดต่อเพิ่มเข้ามาด้านซ้าย คลิกได้เลยครับ

จะเห็นว่ามีตัวอย่างอยู่แล้ว 1 ฟอร์ม คุณจะเลือกแก้ไข หรือสร้างใหม่ก็ได้

km-005

เมื่อคลิกเข้ามาจะเจอ code แบบฟอร์มอยู่ด้านซ้าย และป้ายกำกับอยู่ข้างขวา

ให้ทำการเพิ่มตามตัวอย่างเป็นการเพิ่ม CAPTCHA เข้าที่ฟอร์มของเรา

(ต้องติดตั้งปลั๊กอินเพิ่ม) สังเกตุที่ป้ายกำกับ เมื่อเวลาเลือกเพิ่มอะไรก็จะมีคำอธิบายไว้แล้ว

ให้ Copy code ตามที่บอกมาไว้ด้านซ้ายตามตำแหน่งที่ต้องการ [text* your-name]

คือ text box รับค่า ชื่อว่า yout-name

ส่วนเนื้อ E-mail ดูได้จากบล็อกข้างล่างลงมา

จะมีแบบ เนื้อe-mail ให้เอา [your-name]  ไปวางในตำแหน่งที่ต้องการให้แสดง

* ดูตามชื่อที่ตั้งไว้นะครับ

km-006

แล้วทำการบันทึก จะได้ code [contact-form7…

หลังจากนั้นก็มาสร้างหน้า contact us แล้วให้ Copy code มาวางภายใต้เนื้อหาของหน้า

km-007

หลังจากนั้นสร้างเมนูเพื่อเข้าหน้า contact us

km-008

แค่นี้ก็ได้ Contact form ตามที่เราต้องการแล้วครับ

km-009

ขอจบเพียงเท่านี้ครับ มีข้อสงสัยสามารถ contact มาได้นะครับ