Skip to content
Home    »   รวมบทความเกี่ยวกับ Productive Life และการใช้ ClickUp    »   ClickUp ( How to )    »   วิธีสร้าง ClickUp Task ด้วยปลั๊กอิน WordPress Contact Form 7

วิธีสร้าง ClickUp Task ด้วยปลั๊กอิน WordPress Contact Form 7

create clickup task via wordpress contact form 7

จากที่ผมได้เคยเขียนถึงการส่งอีเมล์เข้า ClickUp เพื่อสร้าง Task ด้วย ClickUp Email ไปแล้ว บทความนี้จะเป็นการประยุกต์ใช้วิธีการนั้น ให้กับเว็บไซต์ที่สร้างด้วย WordPress ที่มีการใช้ปลั๊กอิน Contact Form 7 ซึ่งเว็บไซต์ของเราก็ใช้ปลั๊กอินนี้ในการทำ Contact Form ครับ

ซึ่งข้อดีของวิธีนี้ก็คือ ผมสามารถสร้างฐานข้อมูลจาก Contact Form 7 ได้ ซึ่งหากคุณใช้ Contact Form 7 อยู่นั้นคงทราบว่า จะไม่มีการเก็บข้อมูลลงฐานข้อมูลของ WordPress แต่จะทำหน้าที่เป็นเพียงการส่งอีเมล์ จากแบบฟอร์มไปหาอีเมล์ของ Admin เท่านั้น ทำให้เมื่อส่งเข้า ClickUp List จะกลายเป็นการสร้างฐานข้อมูลให้อัตโนมัติเลย

แต่สำหรับแพ็กเกจฟรีจะจำกัดให้ทดลองใช้แค่ 100 ครั้งการรับส่งอีเมล์ ดังนั้นต้องอัปเกรดเป็นแพ็กเกจเสียเงินนะครับ แค่แพ็กเกจเริ่มต้น $5 อย่าง Unlimited ก็ไม่มีข้อจำกัดใดๆ แล้ว

1. ติดตั้งปลั๊กอิน Contact Form 7

  1. ในส่วนของ admin dashboard ของ wordpress ไปที่ ปลั๊กอิน -> เพิ่มปลั๊กอินใหม่
  2. ค้นหาปลั๊กอินชื่อ “contact form 7”
    wordpress search plugin contact form 7
  3. กด ติดตั้งตอนนี้ แล้วรอสักครู่..
  4. จากนั้นกด ใช้งาน
    wordpress plugin contact form 7 activate button

2. รับที่อยู่อีเมล์จาก ClickUp List

  1. ไปที่ List ที่ต้องการ แล้วคลิกที่ . . .
  2. จากนั้นคลิก Email to List
  3. ก๊อบปี้ชื่ออีเมล์ยาวๆ ในกรอบสีเขียว เก็บไว้ก่อน เดี๋ยวต้องใช้ในหัวข้อถัดไป
clickup Create tasks by email ปุ่ม copy

3. ตั้งค่าแบบฟอร์ม

แบบฟอร์มที่ผมจะทำ ขอสมมติตัวอย่างเป็น แบบฟอร์มสำหรับขอใบเสนอราคาเพื่อซื้อสินค้า ของบริษัทขายเครื่องจักรสำหรับโรงงานอุตสาหกรรม ซึ่งมีการใช้ ClickUp List ในการเก็บข้อมูลการขอใบเสนอราคาและมีผู้ดูแลคือ ฝ่ายขาย โดย Workflow คือ เมื่อมีลูกค้าที่สนใจ กรอกแบบฟอร์มเข้ามา ระบบจะไปสร้าง Task ใน List ดังกล่าว จากนั้นทางฝ่ายขายก็จะโทรติดต่อกลับไป เพื่อพูดคุยกับลูกค้าเพิ่มเติม เพื่อเจรจาก่อนออกใบเสนอราคาจริง

  1. ไปที่ Contact -> Contact Forms
    contact form 7 go to contact forms
  2. คลิกปุ่ม Add New
    contact form 7 add new form button
  3. กรอกชื่อฟอร์ม และ ตั้งค่า Fields ในฟอร์มตามต้องการ
    กรอกข้อมูลตั้งค่า contact form 7
  4. จากนั้นไปที่แถบ Mail แล้วนำอีเมล์ยาวๆ ที่ได้จาก ClickUp ในหัวข้อก่อนหน้า มาวางในช่อง To
    กรอกอีเมล์ ClickUp List ลง Contact From 7
  5. หากคุณต้องการระบุ Due date, Assignee หรือ Tag สามารถแก้ไขได้ที่ Subject (วิธีทำตามบทความ ClickUp Email ในหัวข้อ “สร้าง Task ด้วยอีเมล์” )
    Contact From 7 ตั้งค่า email subject
  6. ในส่วนของ Message body จะกลายไปเป็น Task Description
    Contact From 7 ตั้งค่า email body
  7. จากนั้นทำการบันทึก กด Save
  8. จะได้ค่า Shortcode มาดังภาพ ทำการก๊อบปี้ไว้ เพื่อนำไปใช้ในขั้นตอนถัดไป
    copy shrotcode contact form 7

4. ติดตั้งแบบฟอร์ม

  1. ไปที่หน้าเว็บที่คุณต้องการติดตั้งแบบฟอร์ม เช่น หน้า Contact Us
  2. วาง Shortcode ที่ก๊อบปี้ไว้ลงไป
    เพิ่ม shrotcode contact form 7 ลงหน้าเว็บ
  3. จากนั้นทำการ เผยแพร่ หน้าเว็บหรือบทความนั้นๆ
  4. จะได้หน้าเว็บพร้อมแบบฟอร์ม ดังภาพ
request quotationcontact form 7 frontend

ทดลองกรอกแบบฟอร์มดังนี้

request quotationcontact form 7 frontend - inserted

ภาพด้านล่างคือ ตัวอย่าง Task หลังจาก Submit แบบฟอร์ม
จะเห็นว่ามี Assignee และ Tag มาให้ด้วย เพราะผมตั้งค่า Subject ให้เป็นแบบนี้

clickup example task from wordpress contact form 7

สาเหตุที่ผมสร้างชื่อ Subject (กลายมาเป็นชื่อ Task) ให้ยาวแบบในภาพ ก็เพื่อให้ง่ายต่อการดูข้อมูลของฝ่ายขาย เพราะแค่อ่านชื่อ Task ก็เข้าใจทุกอย่างแล้ว ไม่ต้องกดเข้ามาดูใน Task Description ให้เสียเวลา ดังภาพ

clickup example task from wordpress contact form 7 - list view

สรุป

จากตัวอย่างที่ยกมา เมื่อฝ่ายขายต้องการส่งใบเสนอราคาก็สามารถส่งได้เลยผ่าน Comment ของ Task ด้วยฟีเจอร์ ClickUp Email โดยไม่ต้องออกไปหน้าเว็บอื่นอย่างเช่น Gmail เลย และหากลูกค้ามีการตอบกลับอีเมล์มา เนื้อหาในอีเมล์ก็จะมาอยู่ในส่วนของ Comment ให้อัตโนมัติเลย ทำให้คุณไม่หลุดการติดตาม Lead ของคุณ และมีโอกาสปิดการขายเพิ่มมากขึ้นด้วย แต่ถ้าหากคุณไม่ได้ใช้ Contact Form 7 คุณก็ยังสามารถใช้อีกฟีเจอร์ของ ClickUp แทนได้คือ Form View ซึ่งสามารถเก็บข้อมูลที่ซับซ้อนได้มากกว่า

👍บทความแนะนำ

ใส่ความเห็น

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