CTA เพิ่มเพื่อน LINE ช่วยให้คุณวางปุ่มเชิญชวนให้เพิ่มเพื่อนและเชื่อมต่อ LINE บนหน้าต่าง ๆ ของร้านค้า Shopify ได้ กำหนดข้อความและเงื่อนไขการแสดงในหน้าจัดการของ Lumo แล้วเปิดใช้งานในธีม Shopify เพียงเท่านี้ ข้อความเชิญชวนจะปรับตามสถานะของผู้เข้าชมแต่ละคนโดยอัตโนมัติ
CTA เพิ่มเพื่อน LINE ทำอะไรได้บ้าง
คุณสามารถเลือกจาก 4 ประเภทเพื่อให้ผู้เข้าชมร้านค้าเพิ่มเพื่อน LINE หรือเชื่อมต่อ ID ได้ทันทีในหน้านั้น
| ประเภท | ลักษณะการแสดง | เหมาะกับ |
|---|---|---|
| "ปุ่มลอย" | ปุ่มที่แสดงค้างไว้ที่มุมจอ บน PC เมื่อคลิกจะแสดง QR Code | เมื่อต้องการเชิญชวนแบบไม่รบกวนในทุกหน้า |
| "ป๊อปอัป" | หน้าต่างที่แสดงหลังเวลาที่กำหนดหรือเมื่อเลื่อนถึงสัดส่วนที่กำหนด ปิดได้ | เมื่อต้องการเน้นสิทธิพิเศษให้เห็นชัดและกระตุ้นการเพิ่มเพื่อน |
| "แถบ" | แถบที่ตรึงไว้ด้านบนหรือด้านล่างของจอ | เมื่อต้องการให้เห็นตลอดเวลาโดยไม่บดบังหน้า |
| "บล็อกในหน้า" | บล็อกที่ฝังในตำแหน่งใดก็ได้ของหน้า (วางในตัวแก้ไขธีม) | เมื่อต้องการวางในตำแหน่งที่แน่นอน เช่น รายละเอียดสินค้าหรือส่วนท้าย |
เนื้อหาที่แสดงจะเปลี่ยนตามสถานะของผู้เข้าชมโดยอัตโนมัติ
| สถานะผู้เข้าชม | ข้อความที่แสดง | สิ่งที่เกิดขึ้นหลังแตะ |
|---|---|---|
| ยังไม่เข้าสู่ระบบร้านค้า | เพิ่มเพื่อน | ไปยังขั้นตอนเพิ่มเพื่อน LINE |
| เข้าสู่ระบบแล้ว ยังไม่เป็นเพื่อน | เพิ่มเพื่อนและเชื่อมต่อ ID | เพิ่มเพื่อนพร้อมเชื่อมข้อมูลลูกค้า Shopify กับ LINE ในคราวเดียว |
| เข้าสู่ระบบแล้ว และเบราว์เซอร์นี้รู้จักว่าเป็นเพื่อน | เชื่อมต่อ ID | เชื่อมต่อเสร็จในแตะเดียว |
| เชื่อมต่อ ID แล้ว | ไม่แสดง | — |
บนสมาร์ทโฟน เมื่อแตะปุ่มแอป LINE จะเปิดขึ้นและเพิ่มเพื่อนหรือเชื่อมต่อได้ทันที บน PC จะใช้ QR Code เป็นหลักเพื่อให้สแกนด้วยสมาร์ทโฟน ข้าง QR Code จะมี "ดำเนินการต่อบน PC →" สำหรับผู้ที่ต้องการเข้าสู่ระบบ LINE ในเบราว์เซอร์ของ PC
ทุก CTA จะมี QR Code ของตัวเองสร้างขึ้นอัตโนมัติ จึงบันทึกได้ว่าเพื่อนเพิ่มมาจาก CTA ใดในฐานะแหล่งที่มา แหล่งที่มาที่บันทึกไว้ใช้ได้ทันทีในรายงานและเงื่อนไขของเวิร์กโฟลว์
เงื่อนไขในการใช้ฟีเจอร์นี้
การแสดง CTA ต้องตั้งค่าการเชื่อมต่อ Shopify และ LINE Login ให้เรียบร้อยก่อน
- เชื่อมต่อร้านค้า Shopify กับบัญชี LINE Official Account เรียบร้อยแล้ว
- ตั้งค่า LINE Login ในบัญชี LINE Official Account แล้ว (จำเป็นสำหรับการเชื่อมต่อ ID)
- แก้ไขตัวแก้ไขธีมของ Shopify ได้ (ใช้เปิดการฝังแอป)
ใช้ร่วมกับป๊อปอัปของเครื่องมืออื่น เช่น Klaviyo ได้ หากแยกตำแหน่งกันก็จะไม่ซ้อนทับกันบนหน้าจอ
เปิดรายการ CTA
รายการ CTA อยู่ในหน้าการตั้งค่าการเชื่อมต่อ Shopify
เลือกบัญชี LINE Official Account ที่ต้องการจากเมนูนำทาง แล้วเปิด "จัดการข้อมูลลูกค้า" > "Shopify" ในหน้าการเชื่อมต่อ Shopify ให้คลิก "CTA" ในเมนูด้านข้าง
รายการจะแสดงชื่อ ประเภท สถานะของแต่ละ CTA รวมถึงจำนวนการแสดง จำนวนคลิก จำนวนเพิ่มเพื่อน และจำนวนเชื่อมต่อ ID ใน 30 วันล่าสุด หากต้องการสร้างใหม่ ให้คลิก "สร้าง CTA"
สร้าง CTA
การสร้าง CTA ทำโดยตั้งค่าประเภทและข้อความ สิทธิพิเศษ เงื่อนไขการแสดง และการวัดผลตามลำดับ แล้วกด "บันทึก CTA" ตัวอย่างทางขวาจะเปลี่ยนตามการตั้งค่าทันที จึงตรวจสอบลักษณะการแสดงไปพร้อมกันได้
ตั้งค่าพื้นฐาน
| รายการ | คำอธิบาย |
|---|---|
| "ชื่อ CTA" | ชื่อสำหรับการจัดการ ไม่แสดงบนร้านค้า |
| "ประเภท" | เลือกจาก ปุ่มลอย / ป๊อปอัป / แถบ / บล็อกในหน้า |
| "ตำแหน่ง" | ปุ่มลอยเลือกล่างขวาหรือล่างซ้าย แถบเลือกด้านบนหรือด้านล่าง |
ข้อความ
หากเว้นหัวข้อ เนื้อหา และปุ่มไว้ว่าง จะแสดงข้อความเริ่มต้นของ Lumo สลับ "ภาษาที่แก้ไข" เพื่อแก้ไขภาษาญี่ปุ่น อังกฤษ จีนตัวเต็ม และไทยแยกกันได้ ระบบจะสลับภาษาตามเบราว์เซอร์ของผู้เข้าชมโดยอัตโนมัติ
ข้อความมี 2 ชุด
- เพิ่มเพื่อน (ผู้เข้าชมที่ยังไม่เข้าสู่ระบบ): แสดงให้ลูกค้าที่ยังไม่เข้าสู่ระบบ
- เชื่อมต่อ LINE (ลูกค้าที่เข้าสู่ระบบแล้ว): แสดงให้ลูกค้าที่เข้าสู่ระบบแล้ว โดยเชิญชวนให้เพิ่มเพื่อนและเชื่อมต่อพร้อมกัน
ตั้งค่า "หมายเหตุ" ข้อความเล็กใต้ปุ่ม และ "รูปภาพ" ด้านบนของป๊อปอัปได้ด้วย
สิทธิพิเศษ
เลือก "คูปอง" ใน "สิทธิพิเศษ" เพื่อตั้งค่าแคมเปญคูปองและ "ชื่อสิทธิพิเศษที่แสดงให้ผู้เข้าชม" ชื่อสิทธิพิเศษคือชื่อที่ลูกค้าจะเห็น เช่น "คูปองลด 10%" ส่วน {coupon} ในเนื้อหาจะถูกแทนที่ด้วยชื่อนี้
CTA ทำหน้าที่เพียงประกาศสิทธิพิเศษ ตัวคูปองจะส่งผ่านข้อความตอบกลับของ QR Code ที่สร้างขึ้นอัตโนมัติสำหรับ CTA หรือข้อความของเวิร์กโฟลว์ ใส่ตัวแปรที่ตรงกับคีย์ของแคมเปญลงในข้อความ (เช่น หากคีย์คือ welcome10 ให้ใช้ {{ shopify.discount_code_welcome10 }})
เงื่อนไขการแสดง
| รายการ | คำอธิบาย |
|---|---|
| "ประเภทหน้า" | เลือกจาก หน้าแรก สินค้า คอลเลกชัน ตะกร้า หน้าเพจ บล็อก บทความ ค้นหา หากไม่เลือกจะแสดงในทุกหน้า |
| "URL ที่มีคำว่า" | บรรทัดละ 1 รายการ แสดงเฉพาะหน้าที่ URL มีข้อความนั้น |
| "URL ที่ยกเว้น" | บรรทัดละ 1 รายการ ไม่แสดงใน URL ที่ระบุ |
| "เวลาที่แสดง" | เลือกจาก แสดงทันที / แสดงหลังเวลาที่กำหนด / แสดงเมื่อเลื่อนถึงสัดส่วนที่กำหนด (ใช้กับป๊อปอัปเป็นหลัก) |
| "อุปกรณ์เป้าหมาย" | ทั้งหมด / เฉพาะสมาร์ทโฟน / เฉพาะ PC |
| "ความถี่การแสดง" | จำนวนวันที่ไม่แสดงซ้ำหลังปิด และแสดงครั้งเดียวต่อการเข้าชมหรือไม่ |
| "หลังจากปิด" | การทำงานหลังปิดป๊อปอัปหรือแถบ หากเลือก "คงไว้เป็นปุ่มลอย (ค่าเริ่มต้น)" จะมีปุ่มเล็ก ๆ อยู่ที่มุมจอ เปิดใหม่ได้ทุกเมื่อ หากเลือก "ไม่แสดง" จะไม่แสดงจนกว่าจะพ้นจำนวนวันที่ไม่แสดงซ้ำ เมื่อคงไว้ เลือกล่างขวาหรือล่างซ้ายได้ที่ "ตำแหน่งปุ่มลอย" |
หากในหน้าเดียวกันมี CTA ประเภทปุ่มลอยอยู่แล้ว ปุ่มเล็กหลังปิดจะไม่แสดง ป๊อปอัปแสดงได้หน้าละ 1 รายการเท่านั้น
การวัดผล
เมื่อตั้งค่า "สัดส่วนกลุ่มควบคุม (ไม่แสดง)" ระบบจะไม่แสดง CTA ให้ผู้เข้าชมบางส่วนเพื่อวัดผล ตั้งเป็น 0% เพื่อปิดการทำงาน
"แหล่งที่มา (QR Code)" แสดง QR Code ที่สร้างขึ้นอัตโนมัติสำหรับ CTA นี้ เปลี่ยนการตั้งค่า เช่น ข้อความตอบกลับ ได้จาก "เปิด QR Code"
ตัวอย่าง
ในตัวอย่างทางขวา สลับ "แสดงตัวอย่างในฐานะ" ระหว่าง "ยังไม่เข้าสู่ระบบ" "เข้าสู่ระบบแล้ว ยังไม่เป็นเพื่อน" "เข้าสู่ระบบแล้ว ยังไม่เชื่อมต่อ ID" "เชื่อมต่อ ID แล้ว" และสลับ "อุปกรณ์" ระหว่างสมาร์ทโฟนกับ PC เพื่อตรวจสอบลักษณะการแสดงจริง
เปิดการแสดงในธีม Shopify
CTA ที่สร้างใน Lumo จะแสดงบนร้านค้าเมื่อเปิดการฝังแอปในตัวแก้ไขธีมของ Shopify
| ขั้นตอน | การดำเนินการ |
|---|---|
| 1 | ในหน้าผู้ดูแล Shopify เปิด "ร้านค้าออนไลน์" > "ธีม" > "ปรับแต่ง" |
| 2 | เปิด "การฝังแอป" ในแผงด้านซ้าย |
| 3 | เปิด "แสดง CTA เพิ่มเพื่อน LINE" ใน "Lumo เพิ่มเพื่อน LINE" |
| 4 | คลิก "บันทึก" |
เมื่อเปิดครั้งเดียว ปุ่มลอย ป๊อปอัป และแถบจะควบคุมได้จากการตั้งค่าฝั่ง Lumo ทั้งหมด "ตำแหน่งปุ่มลอย" ของการฝังแอปใช้เมื่อต้องการตรึงตำแหน่งจากฝั่งธีม ส่วน "สภาพแวดล้อมเชื่อมต่อ" ให้คงเป็นค่าโปรดักชันตามปกติ
วางบล็อกในหน้า
CTA ประเภทบล็อกในหน้าจะแสดงเมื่อเพิ่มบล็อก "เพิ่มเพื่อน LINE (Lumo)" ในเซกชันที่ต้องการในตัวแก้ไขธีม ตำแหน่งที่วางบล็อกจะแสดง CTA ประเภทบล็อกในหน้าที่ตรงกับเงื่อนไขการแสดงของหน้านั้นโดยอัตโนมัติ ตัวบล็อกไม่มีรายการที่ต้องตั้งค่า
เมื่อสแกน QR Code บน PC
ลูกค้าที่ดูบน PC จะได้รับคำแนะนำให้สแกน QR Code ด้วยสมาร์ทโฟน
เมื่อลูกค้าที่เข้าสู่ระบบร้านค้าสแกน QR Code การเพิ่มเพื่อนและการเชื่อมต่อ ID จะเสร็จพร้อมกันบนสมาร์ทโฟน หากยังไม่เข้าสู่ระบบจะเพิ่มเพื่อนเท่านั้น ไม่เชื่อมต่อ ID เพื่อความปลอดภัย QR Code จะออกใหม่ทุกครั้งที่เปิดป๊อปอัปหรือแผง และหมดอายุใน 10 นาที
หากสแกน QR Code ไม่สะดวก ใช้ "ดำเนินการต่อบน PC →" เพื่อเข้าสู่ระบบ LINE ในเบราว์เซอร์ของ PC แล้วดำเนินการต่อได้
ตรวจสอบผลลัพธ์
ผลของ CTA ตรวจสอบและนำไปใช้ได้จากตัวเลขในรายการ รายงาน และเงื่อนไขของเวิร์กโฟลว์
- ตัวเลขในรายการ: จำนวนการแสดง จำนวนคลิก จำนวนเพิ่มเพื่อน และจำนวนเชื่อมต่อ ID ใน 30 วันล่าสุด แยกตาม CTA
- แหล่งที่มาของการเพิ่มเพื่อน: QR Code ของแต่ละ CTA ถูกบันทึกเป็นแหล่งที่มา จึงดูได้ในรายงานแหล่งที่มาของการเพิ่มเพื่อนว่าเพื่อนมาจาก CTA ใด
- เงื่อนไขของเวิร์กโฟลว์: ใช้แหล่งที่มาเป็นเงื่อนไข เช่น ส่งข้อความสิทธิพิเศษเฉพาะเพื่อนที่มาจาก CTA นี้
- สะท้อนไปยังบริการภายนอก: หากเชื่อมต่อ Klaviyo หรือ HubSpot อยู่ จะสะท้อนไปยังพร็อพเพอร์ตี้แหล่งที่มาด้วย
เมื่อใช้งานไม่ได้
หาก CTA ไม่แสดง ให้ตรวจสอบการฝังแอปของธีมก่อน แล้วจึงตรวจสอบเงื่อนไขการแสดง
| อาการ | สิ่งที่ต้องตรวจสอบ |
|---|---|
| ไม่แสดงอะไรเลยบนร้านค้า | ตรวจสอบว่า "Lumo เพิ่มเพื่อน LINE" ใน "การฝังแอป" ของตัวแก้ไขธีมเปิดอยู่และบันทึกแล้ว รวมถึง "สถานะ" ของ CTA เป็นเปิดใช้งาน |
| ไม่แสดงในบางหน้า | ตรวจสอบการตั้งค่า "ประเภทหน้า" "URL ที่มีคำว่า" "URL ที่ยกเว้น" และ "อุปกรณ์เป้าหมาย" |
| ปิดครั้งเดียวแล้วไม่แสดงอีก | ในช่วงจำนวนวันที่ไม่แสดงซ้ำตาม "ความถี่การแสดง" จะไม่แสดงเองอีก หากตั้ง "หลังจากปิด" เป็นคงไว้เป็นปุ่มลอย จะเปิดใหม่ได้จากปุ่มเล็ก |
| ตัวเองเห็นแต่ลูกค้าบางคนไม่เห็น | ผู้เข้าชมตามสัดส่วน "สัดส่วนกลุ่มควบคุม (ไม่แสดง)" จะไม่เห็นโดยตั้งใจ ลูกค้าที่เชื่อมต่อ ID แล้วก็จะไม่เห็นเช่นกัน |
| บล็อกในหน้าไม่แสดง | ตรวจสอบว่าเพิ่มบล็อก "เพิ่มเพื่อน LINE (Lumo)" ในเซกชันแล้ว และหน้านั้นตรงกับเงื่อนไขการแสดงของ CTA ประเภทบล็อกในหน้า |
| สแกน QR Code บน PC แล้วไม่เชื่อมต่อ ID | ตรวจสอบว่าเปิด QR Code ขณะเข้าสู่ระบบร้านค้าอยู่ QR Code ที่เปิดไว้เกิน 10 นาทีจะหมดอายุ ให้เปิดใหม่แล้วสแกนอีกครั้ง |
| คูปองสิทธิพิเศษไม่ส่งถึง | คูปองส่งผ่านข้อความตอบกลับของ QR Code ของ CTA หรือเวิร์กโฟลว์ ตรวจสอบว่าข้อความมีตัวแปรคูปอง และแคมเปญกำลังแจกอยู่ |
| ลบ CTA แล้ว QR Code จะเป็นอย่างไร | แม้ลบ CTA แล้ว QR Code ที่สร้างอัตโนมัติและบันทึกแหล่งที่มาจะยังคงอยู่ |