แนะนำปลั๊กอินการทำแบบฟอร์มต่างๆ?

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส แนะนำปลั๊กอินการทำแบบฟอร์มต่างๆ?

ติดป้ายกำกับ: ,

กำลังดู 11 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #15380
      Facebook Profile photoMenn
      Keymaster

      มีคนถามเรื่องการทำแบบฟอร์มต่างๆ มาพอสมควรนะครับ เลยเอามาตอบรวมเลยละกัน

      ส่วนตัว มองว่าของฟรี ใช้ตัว Caldera Forms ดีสุดครับ มีระบบ Form Builder ทำให้ใช้ง่ายกว่าพวก Contact Form 7 เยอะ เวลาส่งเมลไป ก็จะมีการเก็บข้อมูลลง Database ให้ด้วย ทำให้ดูย้อนหลังได้ง่ายครับ

      https://www.youtube.com/watch?v=KmKj02aE0nc

      ส่วนตัวเสียตังค์ ผมเองซื้อ Gravity Forms แบบ Developer License ต่อเนื่องมาหลายปีแล้ว พบว่าตอบโจทย์ที่ซับซ้อนได้ดีมากๆ เช่น ตั้งเงื่อนไข (ถ้าเลือกอันนี้ แล้วอันนี้ถึงจะโผล่) สามารถคำนวณค่าแบบง่ายๆ ได้ มี add-on เจ๋งๆ เยอะมาก เช่น การให้ลูกค้าเซ็นต์แบบฟอร์มผ่านคอม/มือถือ ได้เลย

      ทั้งสองตัวนี้ เวอร์ชั่นเสียเงิน จะต่อยอดเป็นระบบฟอร์มสมัครสมาชิก ระบบให้สมาชิกส่งข้อมูลเข้ามา ฯลฯ ได้ยืดหยุ่นมากครับ

    • #17892
      Facebook Profile photoMenn
      Keymaster

      จากกระทู้ #17604 ถามเพิ่มว่า “หลังจากเพิ่มช่องใส่ข้อมูลแล้ว ผมยังอยากจัดเรียงใหม่ให้สวยงาม สลับกันไปมาได้ด้วย”

      อันนี้คิดว่าต้องออกแบบให้ “กรอกฟอร์ม แล้วไปเพิ่มเนื้อหาใน Custom Post Type” นะครับ

      ซึ่งที่ผมทำกับหน้า แนะนำคนทำเว็บเจ้าอื่นๆ คือ

      1. สร้าง Custom Post Type ใช้ปลั๊กอิน Custom Post Type UI (ฟรี)
      2. สร้าง Custom Field ที่ต้องการ เช่น ที่อยู่, พิกัด, รายละเอียด ฯลฯ ใช้ปลั๊กอิน Advanced Custom Fields (ฟรี)
      3. ทำแบบฟอร์ม ด้วยปลั๊กอิน GraityFomrs (เสียตังค์: รายละเอียดตามด้านบน)
      4. สั่งให้แบบฟอร์ม เมื่อกรอกแล้ว ส่งค่าไปที่ Custom Post Type ที่เราสร้างไว้ ใช้ปลั๊กอิน Gravity Forms + Custom Post Types (ฟรี)
      5. พอข้อมูลอยู่ในฐานข้อมูลแล้ว เราก็ใช้ wp_query() เรียกแสดงผลมาได้ตามต้องการครับ หรือใช้ Post Loop ของ SiteOrigin Page Builder ก็พอได้เช่นกัน (แต่การแสดงผล ก็คงต้องเขียน content-xxx.php ใหม่ เพราะจะได้แสดง field ที่เราต้องการได้ครบ)
    • #25100
      ok
      Participant

      ขออนุญาตขุดเพื่อสอบถามเพิ่มเติมนะครับ มีแนวทางที่สามารถ “กรอกฟอร์ม แล้วไปเพิ่มเนื้อหาใน Custom Post Type” โดยใช้ Caldera Free บ้างมั้ยครับ หรือว่าเราจำเป็นต้องซื้อ Gravity มาใช้แทนครับ

      ขอบคุณครับผม

      • #25106
        Facebook Profile photoMenn
        Keymaster

        ค้นคำว่า Caldera Forms add new post เจอตัวนี้ครับ

        ลองดูว่าได้หรือเปล่านะครับ 🙂

      • #25121
        ok
        Participant

        ขอบคุณมากครับอาจารย์ เท่าที่ลอง Caldera Custom Fields ดู พบว่าไม่ส่งข้อมูลไม่ในหน้าที่สร้าง post type ขึ้นครับ แปลกใจเหมือนกันครับว่าทำไมข้อมูลไม่ขึ้นใน Custom Post type ที่สร้างไว้ครับ

    • #25131
      ok
      Participant

      จากที่ลองผิดลองถูกมานาน ตอนนี้ได้ทดสอบการสร้างแบบฟอร์มให้ User สามารถส่งข้อมูลเข้าเว็บ โดยใช้ Custom Post Types และ Custom Fields ร่วมด้วย หากจะไม่ใช้ GraityForms สามารถใช้ปลั๊กอิน Custom Contact Forms เพื่อสร้างฟอร์มและส่งข้อมูลไปยัง Custom Post Types ได้ครับ

      โดยขั้นตอนเหมือนกับที่อาจารย์เม่นบอก เพียงแต่ขั้นตอนที่ 3 จากที่ต้องลง GraityForms ให้ลง Custom Contact Forms แทน และทำการสร้างแบบฟอร์มขึ้นมา ในส่วนของ Form Settings ให้เลือก Post type ที่ต้องการ

      ตามภาพครับ

      เท่านี้เมื่อข้อมูลถูกส่งเข้ามา ก็จะไปอยู่ในระบบของ Custom Contact Forms และ Post type ที่เราต้องการครับ

      แต่หลังจากที่ส่งข้อมูลเข้าไปก็พบปัญหาส่วนของวันที่ ขึ้นในระบบว่า Invalid date อันนี้ยังหาทางแก้ปัญหาอยู่ครับ

      • #25133
        Facebook Profile photoMenn
        Keymaster

        โอ้ว เยี่ยมเลยครับ

        เรื่องวันที่ เดาว่าระบบมันคงไม่สามาร match ปี พ.ศ. กับ ค.ศ. ได้ ลองไปที่ตั้งค่า เลือกภาษาอังกฤษก่อนได้มั้ยครับ?

      • #25134
        ok
        Participant

        ลองเปลี่ยนภาษาก็ยังไม่ได้เลยครับ ตั้งค่าของ Custom Contact Forms เป็น dd/mm/yyyy ส่วนของ ACF เป็น d/m/Y ไม่รู้ว่าจะมีผลหรือเปล่านะครับ

    • #31123
      Facebook Profile photoMann Comely
      Participant

      ขอบคุณมากเลยครับ เข้ามาอ่านแล้วเอาไปใช้ได้ผลครับ

    • #33076
      ado-tps
      Participant

      ขอบคุณครับ เป็นประโยชน์มากครับ เข้ามาอ่านทดลองศึกษาดูครับ

    • #36554
      IT Duck
      Participant

      ขอบคุณมากๆครับ กำลังศึกษาอยู่เลย

    • #42309
      fourkosi
      Participant

      มีโจทย์จากลูกค้าว่าอยากได้หน้า “ขอใบเสนอราคา”
      โดยจะมีส่วนที่เป็นแนว dynamic list ได้ด้วยน่ะครับ ประมาณนี้

      Screen Shot 2560-03-23 at 12.57.36 PM

      ซึ่งผมลองเล่น Caldera Forms แล้วยังทำไม่ค่อยได้เท่าไหร่
      พอมีปลั๊กอินที่แนะนำหรือไม่ครับ?

      ขอบคุณครับ

      • #43213
        Facebook Profile photoMenn
        Keymaster

        ผมเคยใช้ Graviforms ทำได้นะครับ แต่มันเสียตังค์

      • #43264
        fourkosi
        Participant

        ขอบคุณครับพี่เม่น สำหรับคำแนะนำ

        สรุปผมใช้ Caldera Forms โดยวิธีถึกสร้างเหมือนกัน 5 แถวเรียบร้อยครับ เพราะลูกค้าก็ต้องการไม่เกิน 5 รายการ

        ส่วนปุ่ม “เพิ่มรายการ” ผมก็ใส่ไปสี่ปุ่มเลย(รายการที่ห้าไม่มีปุ่มเพิ่มแล้ว) แล้วใช้วิธีเขียน jquery ว่าถ้าผู้ใช้กดแล้ว ให้ซ่อนปุ่มครับ ซึ่งพอมองในมุมลูกค้าก็จะรู้สึกเหมือนเพิ่มรายการอย่างลื่นไหล

        ข้อเสียวิธีนี้คือ พอเพิ่มแล้ว ไม่สามารถลบได้ครับ เพราะไม่มีปุ่มลบ ฮ่าๆ

      • #43267
        Facebook Profile photoMenn
        Keymaster

        55 ถ้าแบบนี้ ก็เพิ่มอีกปุ่มเป็นปุ่มลบได้อยู่ครับ คลิกแล้วให้ js สั่งซ่อนไป 🙂

        แต่จริงๆ แค่มีอย่างที่บอก ลูกค้าก็น่าจะโอเคละครับ

    • #87165
      Prawat Wuttiwong
      Participant

      จากกระทู้ #17604 ถามเพิ่มว่า “หลังจากเพิ่มช่องใส่ข้อมูลแล้ว ผมยังอยากจัดเรียงใหม่ให้สวยงาม สลับกันไปมาได้ด้วย”

      อันนี้คิดว่าต้องออกแบบให้ “กรอกฟอร์ม แล้วไปเพิ่มเนื้อหาใน Custom Post Type” นะครับ

      ซึ่งที่ผมทำกับหน้า แนะนำคนทำเว็บเจ้าอื่นๆ คือ

      สร้าง Custom Post Type ใช้ปลั๊กอิน Custom Post Type UI (ฟรี)
      สร้าง Custom Field ที่ต้องการ เช่น ที่อยู่, พิกัด, รายละเอียด ฯลฯ ใช้ปลั๊กอิน Advanced Custom Fields (ฟรี)
      ทำแบบฟอร์ม ด้วยปลั๊กอิน GraityFomrs (เสียตังค์: รายละเอียดตามด้านบน)
      สั่งให้แบบฟอร์ม เมื่อกรอกแล้ว ส่งค่าไปที่ Custom Post Type ที่เราสร้างไว้ ใช้ปลั๊กอิน Gravity Forms + Custom Post Types (ฟรี)
      พอข้อมูลอยู่ในฐานข้อมูลแล้ว เราก็ใช้ wp_query() เรียกแสดงผลมาได้ตามต้องการครับ หรือใช้ Post Loop ของ SiteOrigin Page Builder ก็พอได้เช่นกัน (แต่การแสดงผล ก็คงต้องเขียน content-xxx.php ใหม่ เพราะจะได้แสดง field ที่เราต้องการได้ครบ)

      มีวิธีที่ง่ายกว่านี้มั้ยเอ่ย

      • #87166
        Facebook Profile photoMenn
        Keymaster

        อืม ถ้าง่ายกว่านี้ ต้องหาเป็นปลั๊กอินเป็นเรื่องๆ ไปน่ะครับ เช่น อยากได้ระบบประกาศสมัครงาน, หรือระบบส่งข้อมูลอสังหาริมทรัพมย์, หรือระบบส่งข้อมูลรถสำหรับเว็บประกาศขายรถ ฯลฯ ก็หาปลั๊กอินตามนั้นไปครับ

    • #133528
      1. Caldera Forms
      2. Gravity Forms
      3. Ninja Forms

      ถ้าเทียบ 3 ตัวนี้ พอจะมีใครบอกข้อดีข้อเสียของแต่ละตัวได้มั้ยครับ

      • #133529
        Facebook Profile photoK
        Keymaster

        เคยใช้อยู่สองตัว คือ Caldera Forms กับ Gravity Forms นะครับ ตัวฟังก์ชั่นพื้นฐานการทำงานหลักๆ ทำได้ใกล้เคียงกันเลยนะครับ แต่ Caldera Forms ดีตรงแค่ตัวฟรีก็ใช้ได้โอเคเลยนะครับ

      • #134856

        ขอบคุณครับ

    • #267870

      สวัสดีครับ ณ ตอนนี้ Forms Builder แบบจ่ายแล้วจบตัวไหนน่าซื้อสุดครับ

      ลักษณะงาน: จะใช้บันทึกค่าการทำงานของผู้ใช้ในแต่ละวัน โดยผู้ใช้งานสามารถนำรหัสประจำตัวมา query ดูข้อมูลของตัวเองได้โดยไม่จำเป็นต้องสมัครสมาชิกครับ

       

    • #267950
      Facebook Profile photoK
      Keymaster

      ส่วนตัวว่า plugin form ช่วงนี้ชอบ gravity กับ acf form นะครับ แต่ไม่แน่ใจว่าจะตอบโจทย์ส่วนที่แจ้งมาได้ไหมนะครับ

กำลังดู 11 ความเห็น

  • คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้