FORMINATOR

สร้างแบบฟอร์ม WordPress ด้วย Forminator

เรียนรู้การสร้าง Contact Form ตั้งแต่เพิ่ม Fields, ปรับ Appearance, ตั้ง Behavior, Email Notifications ไปจนถึงทดสอบการส่งอีเมลให้ใช้งานได้จริง

เริ่มสร้าง Form → ดู Form Checklist

✓ Contact Form ✓ Email Notifications ✓ Responsive

Contact Form Live

01 · Create สร้าง Form 02 · Settings ตั้งค่าฟอร์ม 03 · Email แจ้งเตือนอีเมล 04 · Test ทดสอบก่อนใช้จริง

FORMINATOR 101

Forminator ใช้ทำอะไร?

Forminator เป็น Plugin สำหรับสร้างแบบฟอร์ม และรับข้อมูลจากผู้ใช้งานบนเว็บไซต์ WordPress

Contact Form

สร้างแบบฟอร์มติดต่อ รับชื่อ Email เบอร์โทร และข้อความจากผู้ใช้งาน

Email Notifications

ส่งข้อความแจ้งเตือนเข้า Email Admin และสร้าง Auto Reply ตอบกลับผู้ใช้งานได้

Flexible Fields

เพิ่ม Text, Email, Phone, Select, Upload, Checkbox และ Field อื่น ๆ ตามรูปแบบ Form ที่ต้องการ

FORM WORKFLOW

สร้าง Form ตามลำดับนี้

เริ่มจาก Fields ก่อน แล้วค่อยตั้ง Appearance, Behavior และ Email Notifications

CREATE

สร้าง Form ใหม่

เข้า Forminator → Forms เลือก Create และตั้งชื่อ Form ให้สื่อถึงการใช้งานจริง

→

FIELDS

เพิ่ม Fields ที่จำเป็น

เริ่มจาก Name, Email, Phone และ Message อย่าเพิ่ม Field มากเกินความจำเป็น

→

APPEARANCE

ปรับดีไซน์ Form

ปรับ Label, Input, Button และสี ให้เข้ากับ Design System ของเว็บไซต์

→

BEHAVIOR

ตั้งค่าหลัง Submit

กำหนดข้อความ Success, การ Redirect และ Behavior หลังผู้ใช้งานส่ง Form

→

ตั้ง Email Notifications

สร้าง Email แจ้ง Admin และ Auto Reply สำหรับตอบกลับผู้ส่ง Form

→

TEST

ทดสอบก่อนใช้งานจริง

ทดลองกรอก Form จริง ตรวจ Submission และตรวจว่า Email ส่งถึงทั้ง Admin และผู้ใช้งาน

✓

FORM SETTINGS

รู้จักเมนูหลักของ Forminator

กดเลือกแต่ละหัวข้อ เพื่อดูว่าควรตั้งค่าอะไร

FIELDS

Form Fields

ใช้กำหนดข้อมูล ที่ต้องการรับจากผู้ใช้งาน

Label ตั้งชื่อ Field ให้เข้าใจง่าย

Placeholder ใส่ตัวอย่างข้อมูลที่ควรกรอก

Required เปิดเฉพาะข้อมูลที่จำเป็นจริง

Validation ตรวจรูปแบบ Email หรือข้อมูลก่อน Submit

DESIGN

Appearance

ปรับรูปลักษณ์ของ Form ให้สอดคล้องกับเว็บไซต์

Form Style เลือกรูปแบบพื้นฐานของ Form

Colors ปรับ Label, Input และ Button

Container ปรับพื้นที่และ Layout ของ Form

Custom CSS ใช้เมื่อ Default Style ยังไม่ตรงดีไซน์

AFTER SUBMIT

Behavior

กำหนดสิ่งที่จะเกิดขึ้น หลังผู้ใช้งานกด Submit

Success Message แจ้งว่าระบบได้รับข้อมูลแล้ว

Redirect ส่งผู้ใช้ไปหน้า Thank You

Submission บันทึกข้อมูลที่ส่งเข้ามา

Validation Message แสดงข้อผิดพลาดให้ผู้ใช้เข้าใจง่าย

NOTIFICATIONS

Email Notifications

ตั้งระบบแจ้งเตือน ให้ Admin และผู้ใช้งาน หลังมีการ Submit Form

Admin Email แจ้งทีมงานเมื่อมีข้อมูลใหม่

Customer Auto Reply ส่งข้อความขอบคุณผู้ติดต่อ

Subject ตั้งหัวข้อ Email ให้เข้าใจง่าย

Reply-To ตั้ง Email ผู้กรอก Form สำหรับตอบกลับ

FIELD TYPES

Fields ที่ใช้บ่อย

ไม่จำเป็นต้องใช้ทุก Field เลือกเฉพาะข้อมูลที่จำเป็นต่อการติดต่อจริง

Name

ใช้รับชื่อผู้ติดต่อ หรือชื่อผู้ส่งแบบฟอร์ม

Email

ใช้รับ Email และสามารถนำไปใช้กับ Auto Reply

TEL

Phone

ใช้รับหมายเลขโทรศัพท์ สำหรับติดต่อกลับ

TXT

Textarea

ใช้รับข้อความ หรือรายละเอียดปัญหาที่มีความยาว

✓

Checkbox

ใช้ให้ผู้ใช้งาน เลือกได้หลายรายการ

▼

Select

ใช้สำหรับ Dropdown เมื่อมีตัวเลือกหลายรายการ

Upload

ให้ผู้ใช้งานแนบรูป หรือไฟล์ประกอบ

CAP

Anti-Spam

ใช้ลด Submission ที่มาจาก Bot หรือ Spam

EMAIL FLOW

หลังผู้ใช้งานส่ง Form เกิดอะไรขึ้น?

Form ไม่ควรจบแค่กด Submit ควรมีระบบแจ้งทีมงาน และยืนยันกับผู้ส่งว่า เว็บไซต์ได้รับข้อมูลเรียบร้อยแล้ว

ผู้ใช้งานกรอกและ Submit Form

Forminator บันทึก Submission

Admin ได้รับ Email Notification

ผู้ใช้งานได้รับ Auto Reply

Admin สามารถติดต่อกลับผู้ส่งได้

FORM

Submit ผู้ใช้ส่งแบบฟอร์ม

→

Forminator บันทึก Submission

→

Email Admin + Customer

FORM UX

หลักการทำ Form ให้คนอยากกรอก

Form ที่ดีควรสั้น เข้าใจง่าย และบอกผู้ใช้งานอย่างชัดเจนว่า ต้องกรอกอะไร

ขอข้อมูลเท่าที่จำเป็น

ยิ่งมี Field มาก ผู้ใช้งานยิ่งมีโอกาสออกจาก Form

Label ต้องชัด

ใช้ชื่อ Field ที่คนทั่วไป อ่านแล้วเข้าใจทันที

Success Message

หลัง Submit ต้องแจ้งชัดว่าระบบได้รับข้อมูลแล้ว

ทดสอบ Email จริง

อย่าคิดว่า Form ใช้งานได้ จนกว่าจะลอง Submit และได้รับ Email จริง

FORM CHECKLIST

เช็ก Form ก่อนใช้งานจริง

ทำเครื่องหมายสิ่งที่ตรวจสอบแล้ว ระบบจะคำนวณ Progress ให้ทันที

FORM READINESS

เมื่อ Checklist ครบ Form ของคุณก็พร้อมรับข้อมูลจากผู้ใช้งานจริง

✓

Fields ครบแล้ว มีเฉพาะข้อมูลที่จำเป็นต่อการติดต่อ

✓

Required Field ถูกต้อง ไม่บังคับกรอกข้อมูลที่ไม่จำเป็น

✓

Appearance พร้อมแล้ว Form เข้ากับ Style ของเว็บไซต์

✓

Success Message พร้อม ผู้ใช้รู้ว่า Form ถูกส่งแล้ว

✓

Admin Email ทำงาน ทีมงานได้รับ Email หลัง Submit

✓

Auto Reply ทำงาน ผู้กรอก Form ได้รับข้อความตอบกลับ

✓

ตรวจ Mobile แล้ว Input และ Button ไม่ล้นหน้าจอ

✓

ตรวจ Submission แล้ว ข้อมูลที่ส่งเข้ามาถูกบันทึกครบ

FAQ

คำถามเกี่ยวกับ Forminator

ได้ครับ สำหรับ Contact Form พื้นฐาน สามารถสร้าง Fields, ตั้ง Email Notifications และฝัง Form ลงในหน้า WordPress ได้โดยใช้ฟังก์ชันพื้นฐานของ Forminator

ให้ตรวจ Email Notifications, Email ผู้รับ และการตั้งค่า SMTP หากเว็บไซต์ส่ง Email ไม่เสถียร ควรตั้งค่า WP Mail SMTP และส่ง Test Email เพื่อตรวจสอบก่อน

ได้ครับ สามารถสร้าง Email Notification เพิ่มอีกหนึ่งรายการ แล้วกำหนด Recipient ให้ใช้ Email Field ที่ผู้ใช้งานกรอก เพื่อส่งข้อความตอบกลับอัตโนมัติ

หากใช้ Elementor แนะนำให้ใช้ Shortcode Widget แล้ววาง Shortcode ของ Forminator เพราะ Custom HTML Widget อาจไม่ประมวลผล WordPress Shortcode ในบางกรณี

NEXT STEP

Form พร้อมแล้ว ต่อไปทำ SEO ให้เว็บไซต์

ขั้นต่อไปเรียนรู้ Rank Math SEO เพื่อกำหนด SEO Title, Meta Description, Sitemap และเตรียมเว็บไซต์ให้ Search Engine เข้าใจได้ดีขึ้น

เรียน Rank Math SEO →