ข้ามไปยังเนื้อหา

วิธีแสดงความคืบหน้าการจัดส่งบนหน้าจอล็อก

ให้ลูกค้าติดตามคนขับบนหน้าจอล็อกตั้งแต่การสั่งซื้อจนถึงการจัดส่ง คู่มือนี้จะสร้าง Journey ดังกล่าวด้วย องค์ประกอบ Live Activity

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

Anchor link to

สร้าง Event

Anchor link to

นี่คือชื่อ Event ตัวอย่างสำหรับคู่มือนี้ เมื่อแอปหรือแบ็กเอนด์ของคุณส่งชื่อเป็นครั้งแรก Pushwoosh จะ สร้าง Event นั้นโดยอัตโนมัติ สร้าง Event ใน Control Panel ก่อนเฉพาะในกรณีที่คุณต้องการตั้งค่าประเภทแอตทริบิวต์ด้วยตนเองก่อนการส่งครั้งแรก

สร้าง (หรือใช้ซ้ำ) Event OrderPlaced, CourierStatusChanged และ OrderDelivered

เรียนรู้เพิ่มเติมเกี่ยวกับการสร้าง Event

สร้าง Journey

Anchor link to

เปิด Customer Journey Builder สร้างแคมเปญ และสร้างทุกอย่างด้านล่างบน canvas เดียวกัน

  1. ไปที่ Campaigns → Customer Journey Builder
  2. คลิก Create campaign
  3. คลิก Build a journey from scratch

ตั้งค่าการเข้า

Anchor link to
  1. เพิ่มองค์ประกอบ Trigger-based entry ไปยัง canvas
  2. ตั้งค่าเป็น OrderPlaced

แผง Trigger-based entry ที่ตั้งค่า EVENT เป็น OrderPlaced

เริ่มการ์ดคำสั่งซื้อ

Anchor link to
  1. เพิ่มองค์ประกอบ Live Activity หลังจากการเข้า
  2. ตั้งชื่อว่า Order card start
  3. ตั้งค่า Action เป็น Start
  4. เลือก Widget การจัดส่งและ Schema version

Order card start ที่ตั้งค่า Action เป็น Start และเลือก Widget การจัดส่งและ Schema version แล้ว

  1. ตั้งค่า Card key: event เป็น OrderPlaced

Card key: event ตั้งค่าเป็น OrderPlaced

  1. กรอก Card content (courierName, eta, distanceMeters) และช่องการแจ้งเตือน

ช่อง Card content courierName, eta และ distanceMeters ถูกกรอกแล้ว พร้อมช่องการแจ้งเตือนด้านล่าง

  1. คลิก Apply

รอและอัปเดตการ์ด

Anchor link to

ดำเนินการต่อบน canvas เดียวกันหลังจากองค์ประกอบ Start

  1. เพิ่มองค์ประกอบ Wait for Trigger
  2. รอ CourierStatusChanged
  3. ตั้งค่าระยะเวลารอที่เหมาะสมกับการอัปเดตการจัดส่งของคุณ

Wait for Trigger ตั้งค่าเป็น CourierStatusChanged พร้อมระยะเวลารอ

  1. บนสาขาที่ทำงานเมื่อ Event เกิดขึ้น ให้เพิ่มองค์ประกอบ Live Activity
  2. ตั้งชื่อว่า Order card update
  3. ตั้งค่า Action เป็น Update
  4. เลือก Widget และ Schema version เดียวกัน

Order card update ที่ตั้งค่า Action เป็น Update และเลือก Widget และ Schema version เดียวกัน

  1. เลือก Order card start ใน Card created by

Card created by ตั้งค่าเป็น Order card start บนองค์ประกอบ Update

  1. อัปเดต Card content

ช่อง Card content ได้รับการอัปเดตบนองค์ประกอบ Order card update

  1. คลิก Apply

รอและสิ้นสุดการ์ด

Anchor link to

ดำเนินการต่อบน canvas เดียวกันหลังจากองค์ประกอบ Update

  1. เพิ่มองค์ประกอบ Wait for Trigger อีกอัน
  2. รอ OrderDelivered

Wait for Trigger ตั้งค่าเป็น OrderDelivered

  1. บนสาขาที่ทำงานเมื่อ Event เกิดขึ้น ให้เพิ่มองค์ประกอบ Live Activity
  2. ตั้งชื่อว่า Order card end
  3. ตั้งค่า Action เป็น End
  4. เลือก Widget และ Schema version เดียวกัน
  5. เลือก Order card start ใน Card created by

Order card end ที่ตั้งค่า Action เป็น End, เลือก Widget และ Schema version เดียวกัน, และ Card created by ตั้งค่าเป็น Order card start

  1. ตั้งค่าการแจ้งเตือนและ Dismiss after, min หากจำเป็น

ช่องการแจ้งเตือนและ Dismiss after, min บนองค์ประกอบ Order card end

  1. คลิก Apply

Journey การจัดส่งเต็มรูปแบบบน canvas พร้อมด้วย entry, Start, Wait for Trigger, Update, Wait for Trigger และ End

สิ่งที่ลูกค้าเห็น

Anchor link to

บนหน้าจอล็อก ลูกค้าจะได้รับการ์ด Live Activity หนึ่งใบที่เปลี่ยนแปลงไปตามความคืบหน้าของการจัดส่ง ตัวอย่างเช่น:

คนขับ Alex M., เวลาที่คาดว่าจะถึง 18:30, ระยะทาง 1200 เมตร

การ์ด Live Activity บนหน้าจอล็อกหลังจากสั่งซื้อแล้ว แสดงคนขับ Alex M., เวลาที่คาดว่าจะถึง 18 และระยะทาง 1200 เมตร