สร้างแบบฟอร์มใน Wordpress ด้วย Fluent Form ตอนที่ 1 พื้นฐานการสร้างฟอร์ม 🧾
HTML-код
- Опубликовано: 7 окт 2024
- ปีหนึ่งๆ ผ่านไปเร็วมากครับ ก่อนหน้านี้ผมยังจำได้ว่า ผมได้ทำคลิปวีดีโอเกี่ยวกับการสร้างแบบฟอร์มเอาไว้ เหมือนจะยังไม่นาน แต่ไม่น่าเชื่อว่า ผ่านไปเป็นปีแล้ว เวลาผ่านไป เทคโนโลยี ก็เปลี่ยนแปลงไปเช่นกันครับ หลายอย่างดีขึ้นๆมาก ดีขึ้นสำหรับ คนทำเว็บไซต์ แบบเรามาก เพราะมีเครื่องมือให้เลือกสรร มากขึ้นอีกมากมาย
ในวีดีโอนี้ ผมก็จะมาพูดถึงการสร้างแบบฟอร์ม ด้วย Plugin ที่ชื่อว่า Fluent Form ครับ เป็น Plugin น้องใหม่ ในวงการแบบฟอร์มเลยก็ว่าได้ ซึ่งผมได้ลองใช้งานมาแล้ว ก็ถือว่า ดีพอสมควรเลยครับ เลยเอามาเล่าสู่กันฟังต่อ
ถ้าใครต้องการ หาซื้อ Version PRO ของ Fluent Form ก็คลิกที่ Link นี้ได้เลยครับ
go.palamike.co...
การติดตั้ง Fluent Form ไม่ยากครับ ใน Wordpress Plugin Repository เราสามารถที่จะค้นหา คำว่า Fluent Form ได้เลย
ซึ่งในวีดีโอนี้ ผมจะเริ่มจาก การสร้าง Blank Form เป็นพื้นฐานครับ ตัวอย่างแบบฟอร์มที่เราจะทำ จะเป็น แบบฟอร์ม สำหรับ สมัครงาน มีให้กรอกชื่อ นามสกุล อีเมล เบอร์โทร ตำแหน่งที่สมัคร แล้วก็ประวัติส่วนตัวครับ
นอกจากนั้น ผมยังพูดถึง วิธีการ นำแบบฟอร์มของเราไปติดตั้งที่หน้าเว็บไซต์ และ วิธีการดูว่า มีใครกรอกอะไรเข้ามาในแบบฟอร์มบ้างอีกด้วยครับ ซึ่งข้อมูลเหล่านี้ เราสามารถที่จะ Export ออกมาเป็นไฟล์ เอาไปใช้งานได้เลยครับ
และ ในวีดีโอหน้า เราก็จะ Advance ขึ้นครับ โดยเราจะพูดถึง Masked Field, Date Field, Conditional Logic และ Redirect ครับ อย่าลืมกดติดตาม และ กดแจ้งเตือนเอาไว้นะครับ
ติดตามเราได้ที่
=============================================
Facebook : / palamike.web
RUclips : / palamike
Twitter : / palamikeweb
Website : palamike.com
Line : @palamike
=============================================
ขอบคุณอาจารย์มาก อยากให้มีวีดีโอดีๆ และทันเหตุการณ์แบบนี้ตลอดไป
ขอบคุณมากครับ :)
ขอบคุณอาจารย์มากครับ สอนเข้าใจง่าย สอนดีมากครับ
ขอบคุณครับผม
สอนดีมากเลยครับผม ขอบคุณมากครับผม
หนูส่งงานไม่ได้เลยพี่ แต่ได้ดูที่พี่สอน น๊าจะทำได้
ครับผม
ขอบคุณอาจารย์มากค่ะ สอบถามอีกนิดค่ะ เราจะสามารถส่งข้อความที่เรากรอกในหน้าฟอร์มไปยังอีกหน้าหนึงได้ไหมคะ
ส่งได้ด้วย Query Parameter ได้ครับ แต่จะดึงมาใช้ได้ยากหน่อยครับผม
@@palamike ไว้จะลองศึกษาดูค่ะ ขอบคุณค่ะ
ขอบคุณครับ..
มันมีตัวไหนบ้างค่ะที่ สร้างเเบบกรอกข้อมูล เเล้วบันทึกข้อมูลเสร็จมันเสดงบนเว็บ เเก้ไขได้
แบบนั้นอาจจะต้องสร้างขั้น Advanced ครับใช้ Custom Post Type ช่วยครับ
สามารถทำให้มีการยืนยันผ่านเมล์ได้ไหมค่ะ
ต้องใช้ร่วมกับ Email Marketing Tools ครับผม
Fluent Form สามารถส่งเข้าอีเมลได้ไหมครับ แบบว่าลูกค้ากดแล้วให้มันส่งเข้าอีเมลที่เราระบุไว้ครับ
ทำได้ครับผม
เข้าไปทำตรงไหนครับ อาจารย์
มี Form ไหนที่ใช้ฟังชั่น Upload File / Images ได้ไหมครับอาจารย์
ถ้าฟรีมี contact form 7 แต่มันใช้ยากกว่าพวก ลากวางครับ ถ้าลากวางส่วนมากต้องซื้อครับ
สอบถามค่ะ Check box ถ้าเราอยากกำหนดให้เลือกได้อันใดอันหนึ่งแบบนี้ได้ไหมคะ คือตอนนี้ทำ Check box มาแล้วมันเลือกได้ทั้ง 2 อันค่ะ
ใช้ Radio Button ครับ ถ้าต้องการให้เลือกอันเดียว
@@palamike ขอบคุณค่ะ
อาจารย์คะ หนูสามารถนำมาทำแบบฟอร์มในการสมัครสมาชิกได้ไหมคะ
ถ้า Version FREE ทำไม่ได้แน่นอนครับ ส่วน Version PRO ใช้ได้กับ Plugin สมาชิกบางเจ้าครับผม
@@palamike อ๋อค่ะ ขอบคุณมากค่ะอาจารย์
อาจารย์ครับผมขอสอบถามครับ เราจะ reset Entries ให้เริ่มจาก 1 ใหม่ยังไงครับ
น่าจะต้องลบแบบ manual นะครับ fluent forms ยังไม่มี function นี้ครับ
ผมลอง reset ใน DB แล้ว แต่ก็ยังโชว์อยู่ดี ถ้าเรานำไปลงใน server จริงจะเริ่มนับ 1 ใหม่ไหมครับ หรือว่าจะค้างอยู่แบบนี้เลย@@palamike
สอถามอีกเรื่องครับถ้าเราจะทำปุ่มแก้ไขเราสามารถทำได้ไหมถ้าไม่ต้องซื้อแบบโปร
@@palamike
@@palamike ลบแบบธรรมดาตัวเลขลำดับที่มัน รันต่อจากอันที่ลบไปอะครับ
@@2207pat ตัวเลขลำดับเราไม่ควรนำไปทำอะไรต่อนะครับ เพราะมันกระโดดข้ามได้ครับ ถ้าจะ reset ต้องเข้าไปลบ table ของ fluent form เลยครับ ตัว plugin reset ไม่ได้ลบ entries ให้ครับ
Entries ตรงที่เป็นกราฟ สามารถนำออกมาแสดงหน้าเว็บได้มั้ยคะ
ดูได้เฉพาะหลังบ้านครับผม
ทำเป็น คอลัมน์ ได้ หรือป่าว ครับ เช่น ตำแหน่งงาน/ข้อมูลส่วนตัว /คุณสมบัติ อะไรแบบนี้อะครับ เป็นหัวข้อๆ ไป ครับ
ได้ครับ ใช้ column container ครับ
@@palamike ทำตารางได้มั้ยครับ แล้ว สามารถ ปริ้นได้ป่าวครับเวลากรอกเสร็จ
สมมุติ ทำ form สมัครงาน ครับ
ถ้าเราต้องการดึงข้อมูลที่กรอกเข้ามา ไปแสดงในแบบฟอร์มใบสมัคร (เป็นไฟล์รูปภาพ ) ต้องทำอย่างไรครับอาจารย์
plugin ใน wordpress ยังทำแบบนี้ไม่ได้ครับผม
สวัสดีครับ มาการสร้าง Quiz หรือเปล่าครับ
สร้างแบบง่ายๆ ได้ครับ แต่นับคะแนนไม่ได้ครับ
ไม่มีหัวข้อ Export ค่ะ
เข้าไปที่ Form แล้วไปที่ Entries ครับผม
สวัสดีค่ะ หนูอยากทราบว่าพอเรากรอกฟอร์มแล้ว ที่หน้าบ้านสามารถ search ดูได้ไหมคะว่าใครกรอกฟอร์มอะไรมาบ้าง ที่ไม่ใช่ดูจากหลังบ้านอะค่ะ
ถ้าจะให้แสดงที่หน้าบ้าน สามารถเชื่อมกับ Ninja Table รุ่น PRO ได้ครับ แต่มีค่าใช้จ่ายครับผม
Version PRO ราคาต่อเดือน หรือต่อปีคะ
ต่อปีครับ แต่ถ้าคิดว่าระยะยาว ลองดู Options Lifetime คือ ตลอดชีพ ใช้ได้ไม่จำกัดเว็บครับ
@@palamike ขอบคุณค่ะ
แบบฟรีสามารถสร้างได้สูงสุดกี่ Form คะ
ไม่มีจำกัดนะครับผม
ทำฟอร์ม ทำปุ่มกดอยู่ข้างบน 2-3ปุ่ม เเล้วทำข้อความอยู่ใต้ปุ่มกดให้ข้อความเเสดงตามปุ่มกดยังไงครับ
อันนั้นน่าจะใช้ Tab นะครับ ถ้ามีข้อมุลหลายแบบ
ผมติดตั้งแล้วมีในเมนู...แต่ไปเปิดใน All page หาเมนู Contactform แล้วไม่เจอครับ มีวิธีแก้ไขอย่างไรครับ
สร้างหน้า Contact Form ขึ้นมาหรือยังครับ
อาจารย์คะ Advanced fields : Section Break สามารถตั้งค่าให้โชว์รายละเอียดใน Admin Field Label ให้โชว์ใน admin data ได้มั้ยคะ เพราะในElement Label ไม่โชว์ค่ะ
ตัว section ไม่ใช่ data field มันไม่แสดงครับผม
เวอร์ชันฟรี มีข้อจำกัดอะไรบ้างคะ
ไม่มีตัวอัพโหลด Repeatable และ Field ที่เป็น Advance Field ต่างๆครับ
ถ้าเราอยากให้ข้อมูลที่กรอกในฟอร์ม ไปแสดงในหน้าที่เราสร้างขึ้นต้องทำยังไงครับ
แบบฟอร์มบางตัวแบบ premium ดึงข้อมูลไปแสดงได้ครับ
@@palamike พอจะแนะนำแบบฟอร์ม ที่ นำข้อมูลไปแสดงหน้าร้านได้บ้างไหมครับ สายฟรี
ปลักอินอันนี้ มันต่อ กับฐานข้อมูลได้ไหมครับ คือ โรงพยาบาล ให้ผม ทำเว็บ ให้ผู้ป่วยลงทะเบียน ฉีด วัคซีนโควิด คือ ต้องเลือกวัน แล้ว แสดงว่าวันนั้น มีคนลงทะเบียนแล้ว เท่าไหร แล้วให้เขาเลือกลงทะเบียน พอเขาลงทะเบียน แล้ว จำนวนคนมาฉีดวัคซีน ก็จะเพิ่มขึ้นอีก 1 คนประมาณนี้
ใน version pro ต่อกับ google sheet ได้ครับ ส่วนเรื่องฐานข้อมูลน่าจะต้องต่อแบบอ้อมไปใช้ webhooks แทนครับ ลักษณะนี้ เขียนขึ้นมาเองน่าจะตรงความต้องการกว่าครับ
@@palamike ขอบคุณครับ อจ
ถ้าอยากให้ข้อมูลที่กรอก เด้งไปที่อีเมลเราได้มั้ยคะ?
ทำได้ครับ ดูในตอนถัดๆไปของซีรี่ย์นี้ได้เลยครับ