Integrating the WhatsApp Business Platform with HubSpot

HubSpot เป็นแพลตฟอร์มการจัดการด้านลูกค้าสัมพันธ์ (CRM) ซึ่งช่วยให้องค์กรต่างๆ สามารถทำการตลาด ขาย และส่งเสริมสินค้าหรือบริการของตนได้อย่างมีประสิทธิภาพมากขึ้น

แพลตฟอร์ม WhatsApp Business ช่วยให้ธุรกิจต่างๆ สามารถใช้ API ระบบคลาวด์ที่ Meta โฮสต์ไว้เพื่อสื่อสารกับลูกค้าโดยตรงจาก CRM ผ่านการผสานการทำงาน WhatsApp ได้ ซึ่งช่วยให้สามารถเข้าใช้ฟีเจอร์การส่งข้อความได้ง่าย ทั้งยังทำให้ผสานการทำงานกับสแต็กเทคโนโลยีส่วนใหญ่ที่มีอยู่ได้โดยตรง

ในที่นี้ เราจะมาดูวิธีตั้งค่าการผสานการทำงานกับ HubSpot รูปแบบนี้ รวมถึงวิธีสร้างขั้นตอนการทำงานภายใน CRM ให้ตอบกลับข้อความโดยอัตโนมัติตามเหตุการณ์และกฎที่กำหนดเองบนแพลตฟอร์ม HubSpot จาก WhatsApp

ข้อกำหนดเบื้องต้น

หากต้องการทำตามบทแนะนำการใช้งานนี้ให้เสร็จสมบูรณ์ คุณจะต้องมีสิ่งต่อไปนี้

• บัญชี WhatsApp Business

• บัญชี Meta for Developers

• บัญชีผู้พัฒนาแอพของ HubSpot (เลือก "ผู้พัฒนาแอพ" หากสร้างบัญชีใหม่) บัญชีผู้พัฒนาแอพของ HubSpot มาพร้อมฟีเจอร์และบริการต่างๆ ตามที่ระบุไว้ในข้อกำหนดและเงื่อนไขของบัญชี ซึ่งรวมถึงการเปิดให้เข้าถึง CRM API และความสามารถในการสร้างแอพ

• URL ที่นำไปยังอินสแตนซ์ที่ทำงานอยู่ของตัวอย่างแอพ Glitch นี้ เพื่อรับข้อความจาก WhatsApp Business Messenger

บทความนี้จะถือว่าคุณมีความคุ้นเคยกับแพลตฟอร์ม WhatsApp Business, Meta for Developers และ HubSpot อยู่แล้ว

การส่งข้อความ

ขั้นตอนแรกคือการตั้งค่าบัญชีของคุณ โดยให้ทำดังนี้

1. สร้างบัญชีผู้พัฒนาของ Facebook หรือเข้าสู่ระบบหากคุณมีบัญชีอยู่แล้ว

2. ทำขั้นตอน "ตั้งค่าองค์ประกอบของผู้พัฒนาและสิทธิ์การเข้าถึงแพลตฟอร์ม" ในเอกสารประกอบอย่างเป็นทางการเรื่อง "เริ่มต้นใช้งาน" ให้เสร็จสมบูรณ์ และส่งข้อความทดสอบ

3. เพิ่มหมายเลขโทรศัพท์ของคุณลงในการกำหนดค่าแอพ API ระบบคลาวด์

การรับข้อความด้วยแอพตัวอย่าง

เราจะต้องตั้งค่า Webhook และ URL ผู้สมัครรับข้อมูล Webhook พร้อมตำแหน่งข้อมูลในการทดสอบ Webhooks ของคุณ ซึ่งเราจะดำเนินการโดยใช้แอพตัวอย่างที่กล่าวถึงข้างต้น

คลิกที่ปุ่ม "Remix to Edit" (รีมิกซ์เพื่อแก้ไข) ที่ด้านขวาบนเพื่อให้สามารถแก้ไขรายละเอียดการกำหนดค่าได้

เปิดไฟล์ .env ขึ้นมา วางโทเค็นการเข้าถึง API ระบบคลาวด์ของคุณไว้ในช่อง WHATSAPP_TOKEN ในส่วนของ VERIFY_TOKEN คุณจะป้อนสตริงใดก็ได้ แต่ให้เก็บเอาไว้ให้พร้อมใช้ เพราะเราจะนำมาใช้ในภายหลัง

ตั้งค่า Webhook API ระบบคลาวด์

จากนั้น ให้ตั้งค่า Webhook สำหรับ API เพื่อเปิดให้มีการสมัครรับข้อมูลอัพเดตหรือการเปลี่ยนแปลงของการตอบกลับงานกิจกรรม โดยเริ่มจากแดชบอร์ดของแอพ Meta for Developers สำหรับแอพของคุณ คลิกที่แถบการนำทางสำหรับ WhatsApp จากนั้น ในส่วน "การเริ่มต้นใช้งาน" ให้คลิกที่ "การกำหนดค่า" แล้วคลิก "แก้ไข"

กรอกข้อมูลลงในช่อง "URL การเรียกกลับ" และ "โทเค็นการตรวจสอบยืนยัน" ในกล่องโต้ตอบ "แก้ไข URL การเรียกกลับของ Webhook" โดย URL การเรียกกลับจะเป็น https://<<PROJECT NAME>>.glitch.me ให้เปลี่ยนชื่อโปรเจ็กต์เป็นชื่อโปรเจ็กต์ของคุณ (เช่น https://defiant-standing-mirror.glitch.me) จากนั้นให้ตรวจสอบยืนยันว่า URL เหมือนกันกับข้างต้น

คลิกที่ "ตรวจสอบยืนยันและบันทึก" ดูรายละเอียดเพิ่มเติมเกี่ยวกับการตั้งค่า Webhook ของ WhatsApp ที่คู่มือสำหรับผู้พัฒนา

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

ในหน้าเดียวกันนี้ ให้คลิกที่ "ช่อง Webhook" ใต้ปุ่ม "แก้ไข" จากนั้นคลิก "จัดการ" และสมัครรับข้อมูลเหตุการณ์ต่างๆ ที่คุณตั้งใจจะรับผ่านตำแหน่งข้อมูลดังกล่าว จากนั้น คลิก "ทดสอบ" เพื่อส่งข้อความแจ้งเตือนไปยังหมายเลขโทรศัพท์ของผู้รับที่กำหนดค่าไว้ก่อนหน้านี้

หากต้องการตรวจสอบยืนยันว่าแอพกำลังทำงานและรับเหตุการณ์ ให้ไปที่ Glitch, คลิกที่บันทึก แล้วดูบันทึกต่างๆ สำหรับเหตุการณ์ที่คุณเลือกไว้

การตั้งค่า CRM ของ HubSpot

ในตอนนี้ คุณจะตั้งค่า CRM ของ HubSpot เพื่อส่งข้อความ WhatsApp ให้กับลูกค้าที่มีหมายเลขโทรศัพท์อยู่ในข้อมูลติดต่อโดยอัตโนมัติ

ให้ไปที่แพลตฟอร์ม HubSpot และเข้าสู่ระบบบัญชีผู้พัฒนาของคุณหรือสร้างบัญชีขึ้นมา บัญชีผู้พัฒนาเปิดให้ทดลองใช้ฟีเจอร์ระดับองค์กรของ HubSpot ได้ฟรี 90 วัน ซึ่งรวมถึงการทำการตลาด การขาย การบริการ และ CMS เพื่อให้คุณสามารถทดสอบ API และเครื่องมือของ HubSpot ได้

หลังจากตั้งค่าบัญชีผู้พัฒนาแล้ว ให้คลิกที่ "Manage test accounts" (จัดการบัญชีทดสอบ)

จากนั้นเลือก "Create app test account" (สร้างบัญชีทดสอบของแอพ) ตั้งชื่อเป็น demo_whatsapp_integration (หรือชื่ออะไรก็ได้ตามต้องการ) และคลิก "Create" (สร้าง)

คลิกที่บัญชีทดสอบของแอพที่เพิ่งสร้างขึ้น และไปที่แดชบอร์ดของบัญชีนั้นๆ จากนั้นคลิก "Contacts" (ผู้ติดต่อ) ที่ด้านบนซ้ายของแถบการนำทาง คุณจะเห็นผู้ติดต่อสาธิตอยู่ 2 ชื่อ ให้ลบชื่อเหล่านั้นออก แล้วเพิ่มผู้ติดต่อรายใหม่เข้าไป โดยใส่หมายเลขโทรศัพท์ทดสอบไว้ด้วยเพื่อใช้ในการทดสอบ WhatsApp

เชื่อมต่อ WhatsApp กับ CRM ของ HubSpot

ถัดไป เราจะต้องติดตั้งการผสานการทำงาน WhatsApp กับ CRM ของ HubSpot ก่อนอื่น ให้ไปที่ "Settings" (การตั้งค่า) ใน HubSpot ในส่วน "Account Setup" (การตั้งค่าบัญชี) ให้คลิกที่ "Integrations" (การผสานการทำงาน) ตามด้วย "Connected Apps" (แอพที่เชื่อมต่อ)

เลือก "Visit App Marketplace" (เข้าชม Marketplace ของแอพ) ใช้ช่อง "Search" (ค้นหา) เพื่อค้นหาแอพพลิเคชั่น WhatsApp คลิกที่ "WhatHub: WhatsApp Integration" (WhatHub: การผสานการทำงาน WhatsApp)

เลือกบัญชี demo_whatsapp_integration และคลิก "Choose Account" (เลือกบัญชี) จากนั้นคุณจะเห็นไอคอน WhatsApp บนหน้าผู้ติดต่อโดยอยู่ถัดจากตัวเลือกการติดต่ออื่นๆ ให้คลิกที่ไอคอนนี้เพื่อเริ่มส่งข้อความจาก CRM ของ HubSpot คุณจะใช้ข้อความแบบกำหนดเองหรือเทมเพลตที่กำหนดไว้ล่วงหน้าก็ได้

คุณจะสามารถดูรายการข้อความและสถานะของข้อความบนแท็บ "Activity" (กิจกรรม) ได้เช่นกัน

การตั้งค่าขั้นตอนการทำงานแบบอัตโนมัติ

ถัดไป เราจะผสานรวมเข้ากับขั้นตอนการทำงานที่ทริกเกอร์จากเหตุการณ์ใน CRM โดยเราจะตั้งค่าขั้นตอนการทำงานแบบกำหนดเองจากแดชบอร์ด HubSpot คลิกที่ "Automation" (ระบบอัตโนมัติ) ในแถบการนำทาง แล้วคลิก "Workflows" (ขั้นตอนการทำงาน) เพื่อเปิดแดชบอร์ด "Workflow" (ขั้นตอนการทำงาน) ขึ้นมา

คลิก "Create workflow" (สร้างขั้นตอนการทำงาน) และเลือกตัวเลือก "From scratch" (ตั้งแต่ต้น) ในตอนนี้ ให้คลิก "Contact-based" (ตามผู้ติดต่อ) แล้วคลิก "Next" (ถัดไป)

คลิกที่ "Set up triggers" (ตั้งค่าทริกเกอร์) และเลือกตัวเลือกเหตุการณ์การผสานการทำงาน "WhatsApp message sent from HubSpot portal" (ข้อความ WhatsApp ที่ส่งจากพอร์ทัล HubSpot)

เลือกประเภทตัวกรองเป็น "Message sent" (ข้อความที่ส่ง), ตั้งค่าทริกเกอร์ขั้นตอนการทำงานเป็น “is equal to any of” (เท่ากับรายการใดๆ ของ) และระบุค่าเป็น "Buy item" (ซื้อสินค้า) ขั้นสุดท้าย ให้คลิก "Apply filter" (ใช้ตัวกรอง) และคลิก "Save" (บันทึก)

ถัดไป ให้คลิกที่ไอคอน + และเพิ่มการดำเนินการอีกรายการหนึ่ง ในรายการ "Choose an action" (เลือกการดำเนินการ) ให้คลิก "Create task" (สร้างงาน)

ตั้งชื่อเป็น “Test Task” (งานทดสอบ) และมอบหมายให้กับบัญชีทดสอบของคุณ จากนั้นคลิก "Save" (บันทึก) ถัดไป ให้คลิก "Review, publish" (ตรวจสอบและเผยแพร่) จากนั้นให้เปิดขั้นตอนการทำงานโดยคลิกที่ "Turn on" (เปิด) ในมุมขวาบนของหน้าต่าง

ในตอนนี้ ให้เลือก "Test" (ทดสอบ) และเลือกผู้ติดต่อทดสอบของคุณเพื่อทดสอบขั้นตอนการทำงาน การดำเนินการนี้จะทริกเกอร์ขั้นตอนการทำงานดังที่แสดงด้านล่าง

ถัดไป เราจะสร้างการผสานการทำงานที่รับ WhatsApp และอัพเดตข้อมูลใน CRM ของ HubSpot โดยอัตโนมัติเมื่อได้รับการแจ้งเตือน ก่อนตั้งค่าขั้นตอนการทำงาน เราจำเป็นต้องเพิ่มผู้ติดต่อทดสอบลงในรายการเสียก่อน ให้คลิกที่ "Contacts" (ผู้ติดต่อ) ตามด้วย "Lists" (รายการ) เพื่อสร้างรายการใหม่

เมื่อเสร็จเรียบร้อย ให้ไปที่หน้า "Workflow" (ขั้นตอนการทำงาน) และสร้างขั้นตอนการทำงานใหม่โดยตั้งชื่อว่า “WhatsApp Automation” (ระบบอัตโนมัติของ WhatsApp)

เลือกรายการตามผู้ติดต่อ เพิ่มชื่อรายการ และเลือกรายการแบบคงที่ คลิก "Next" (ถัดไป) และคลิกที่ปุ่ม "+ Add filter" (+ เพิ่มตัวกรอง)

ในตอนนี้ ให้เลือก "List membership" (ลงรายการการเป็นสมาชิก) จากรายการ "Add filter" (เพิ่มตัวกรอง) เพื่อเพิ่มเป็นตัวกรอง และคลิก "Save list" (บันทึกรายการ)

ในตอนนี้ คุณสามารถตั้งค่าขั้นตอนการทำงานต่อไปได้ โดยการเลือก "Contact-based" (ตามผู้ติดต่อ) และเพิ่มทริกเกอร์การลงทะเบียนผู้ติดต่อลงใน "List membership" (ลงรายการการเป็นสมาชิก)

ตั้งค่างานที่จะทริกเกอร์เมื่อขั้นตอนการทำงานนี้ถูกเปิดใช้งาน ตรวจสอบว่างานนี้ปรากฏขึ้นในไทม์ไลน์ "Actions" (การดำเนินการ) และคลิก "Save" (บันทึก)

ในรายการ "Choose an action" (เลือกการดำเนินการ) ให้คลิก "Send a webhook" (ส่ง Webhook)

ถัดมา ให้สร้างการดำเนินการสำหรับขั้นตอนการทำงาน เพื่อส่งเพย์โหลดไปยังตำแหน่งข้อมูลเมื่อมีการทริกเกอร์ขั้นตอนการทำงาน

ตรวจสอบให้แน่ใจว่าคุณใช้ URL ที่คุณตั้งค่าไว้ก่อนหน้านี้ในบทแนะนำการใช้งาน คลิก "Save" (บันทึก) ขั้นสุดท้าย ให้ทำการทดสอบขั้นตอนการทำงานต่อไปอย่างที่ทำไปก่อนหน้านี้ กล่าวคือ เปิด "Test list" (รายการทดสอบ) เลือกผู้ติดต่อทดสอบจาก "Preview for list" (พรีวิวสำหรับรายการ) และคลิก "Test" (ทดสอบ) ขั้นตอนการทำงานเสร็จสมบูรณ์แล้ว

ตอนนี้ เราจะมาดูบันทึกของคุณและไทม์ไลน์ "Actions" (การดำเนินการ) กัน กลับไปที่ไทม์ไลน์ "Actions" (การดำเนินการ) เพื่อตรวจสอบงานที่สร้างขึ้น

หากต้องการตรวจสอบบันทึกของคุณ ให้กลับไปที่แอพ Glitch ที่ทำงานอยู่ และดูบันทึกเพื่อยืนยันการนำส่งข้อความ

บทสรุป

การผสานการทำงานแพลตฟอร์ม WhatsApp Business กับ HubSpot ช่วยให้คุณสามารถปรับการรับส่งข้อความให้เป็นไปโดยอัตโนมัติตามกฎที่คุณสร้างขึ้นสำหรับเหตุการณ์และการดำเนินการต่างๆ ของลูกค้า

บทความนี้จะครอบคลุมวิธีเชื่อมต่อบริการทั้ง 2 นี้ในบทแนะนำการใช้งานแบบทีละขั้นตอน เพื่อส่งข้อความ WhatsApp ให้กับผู้ติดต่อซึ่งได้ลงทะเบียนรายละเอียดต่างๆ ไว้ใน HubSpot คุณตั้งค่าขั้นตอนการทำงานแบบกำหนดเองซึ่งทริกเกอร์การดำเนินการตามเหตุการณ์ที่กำหนดไว้ล่วงหน้า นอกจากนี้ คุณจะตั้งค่าขั้นตอนการทำงานที่ส่งการแจ้งเตือนไปยังตำแหน่งข้อมูลที่ตั้งค่าไว้ก่อนหน้านี้และเริ่มงานใหม่

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

โปรดดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่คุณสามารถใช้ผสานการทำงาน WhatsApp เข้ากับแอพและโปรเจ็กต์ของคุณที่บทแนะนำการใช้งานสำหรับผู้พัฒนาอื่นๆ ของเรา