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