CTA (ปุ่มชวนให้ลงมือทำ)

ตั้งข้อความบนปุ่ม CTA อย่างไร

ข้อความ CTA แค่เขียนด้วยคำกริยาจากมุมของลูกค้าว่า “กดแล้วจะเกิดอะไรขึ้น” เพราะก่อนกดปุ่ม ลูกค้ามักกังวลก่อนว่า “กดแล้วจะตัดเงินเลยไหม” “จะโทรออกเลยไหม”

ถ้าหลังกดปุ่มมีเรื่องที่ลูกค้าอาจรู้สึกเป็นภาระ ให้เติมข้อความสั้น ๆ ไว้ใต้ปุ่ม ประโยคเดียวอย่าง “แค่ปรึกษาก็ได้” “ชำระเงินในขั้นตอนถัดไป” ช่วยลดความลังเลได้

ข้อความบนปุ่มยิ่งสั้นยิ่งดี แต่อย่าตัดจนความหมายหาย ความยาว 2–3 คำที่เห็นทั้ง “ทำอะไร” และ “อย่างไร” กำลังพอดี

ให้ข้อความบนปุ่มตรงกับคำที่ลูกค้าใช้จริง ถ้าเป็นร้านทำผม คำที่ลูกค้านึกถึงอย่าง “จองตัด · ดัดผม” จะอ่านเร็วกว่า “จองบริการ”

แบ่งปุ่มหลักกับปุ่มรองอย่างไร

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

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

ถ้ากำหนดไว้ล่วงหน้าว่าแต่ละหน้าปุ่มหลักคืออะไร การประชุมเรื่องดีไซน์ก็สั้นลง ปรับตามเป้าหมายของหน้า เช่น หน้าแรกเป็น “จอง” หน้าราคาเป็น “จองบริการนี้” หน้าการเดินทางเป็น “นำทาง”

ยกตัวอย่างตามธุรกิจ คาเฟ่มักใช้ “นำทาง” ร้านงานฝีมือใช้ “สมัครคลาส” ขายออนไลน์ใช้ “ใส่ตะกร้า” เป็นปุ่มหลัก ส่วนปุ่มรองคือ “ดูเมนู” “ชมผลงาน” “ดูรีวิว” สำหรับลูกค้าที่ยังคิดอยู่

ควรวางปุ่ม CTA ไว้ตรงไหน ใหญ่แค่ไหน

วาง CTA ไว้ข้างจุดที่ลูกค้ากำลังตัดสินใจ ตัวอย่างหลักคือหน้าจอแรก จุดที่อ่านราคาหรือคำอธิบายจบ และท้ายสุดของหน้า

ขนาดต้องใหญ่พอให้กดด้วยนิ้วได้แม่นยำ มาตรฐานสากลด้านการเข้าถึงเว็บ WCAG 2.2 กำหนดพื้นที่กดขั้นต่ำไว้ 24×24 CSS พิกเซลขึ้นไป และปุ่มสำคัญควรทำให้ใหญ่กว่านั้น ถ้าปุ่มอยู่ชิดกันเกินไปจะกดโดนปุ่มข้าง ๆ ได้ง่าย จึงต้องดูระยะห่างไปด้วย

บนมือถือ นิยมตรึงปุ่ม “โทร · จอง” ไว้ด้านล่างหน้าจอ เป็นตำแหน่งที่นิ้วโป้งเอื้อมถึงง่ายจึงสะดวก แต่ต้องตั้งความสูงให้ต่ำเพื่อไม่ให้บังเนื้อหา

ปุ่มต้องดูเป็นปุ่มด้วย ถ้ามีแค่ตัวอักษรไม่มีเส้นขอบหรือพื้นหลัง ลูกค้ามักไม่รู้ว่ากดได้แล้วผ่านเลยไป

ทำ CTA ตามลำดับไหน

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

ยิ่งร้านเล็ก ปุ่มหลักยิ่งควรเป็นช่องทางติดต่อที่คุณตอบได้เร็วที่สุด ถ้าระหว่างเปิดร้านรับโทรศัพท์ไม่ค่อยได้ ก็ใช้ “ทักถามทาง KakaoTalk” หรือ “จองเลย” เป็นปุ่มหลักแทน “โทรเลย”

ตำแหน่งปุ่มไม่ต้องสมบูรณ์แบบตั้งแต่แรก หลังเปิดเว็บไซต์ ดูประวัติการกดจริงแล้วค่อยย้าย แม่นยำกว่าการเดา

1. 01เขียนการกระทำที่นำไปสู่ยอดขายของร้าน (จอง โทร ทักถามทาง KakaoTalk ซื้อ มาที่ร้าน)
2. 02เลือกอย่างที่สำคัญที่สุดเป็นปุ่มหลัก และอีก 1–2 อย่างเป็นปุ่มรอง
3. 03กำหนดปุ่มหลักให้แต่ละหน้าหน้าละหนึ่งปุ่ม
4. 04เขียนข้อความบนปุ่มด้วยคำกริยาจากมุมของลูกค้า
5. 05วางปุ่มไว้ที่หน้าจอแรก จุดที่คำอธิบายจบ และท้ายหน้า
6. 06ลองกดด้วยนิ้วโป้งบนมือถือ แล้วตรวจขนาดและระยะห่าง
7. 07หลังเปิดเว็บไซต์ บันทึกว่าแต่ละปุ่มถูกกดเท่าไร แล้วปรับข้อความและตำแหน่ง

ตรวจอย่างไรว่า CTA ได้ผล

ดูว่าปุ่มถูกกดกี่ครั้ง และในนั้นกลายเป็นการจอง · การติดต่อจริงกี่รายการ ถ้าบันทึกการกดปุ่มเป็น “อีเวนต์ (Event)” ในเครื่องมือสถิติผู้เข้าชม จะรู้ว่าปุ่มไหนกำลังทำงานได้ผล

ปุ่มโทรรู้ได้แค่จำนวนครั้งที่ถูกกด ส่วนโทรติดหรือไม่ต้องตรวจแยก ถ้าติดนิสัยถามลูกค้าในร้านว่า “รู้จักร้านเราจากที่ไหน” จะตีความตัวเลขได้ง่ายขึ้น

เวลาเปลี่ยนข้อความ ควรเปลี่ยนทีละอย่างแล้วดูผลราว 2–4 สัปดาห์ ถ้าเปลี่ยนหลายอย่างพร้อมกัน จะรู้ยากว่าผลต่างมาจากอะไร

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

ความผิดพลาดที่พบบ่อยเรื่อง CTA มีอะไรบ้าง

ความผิดพลาดที่พบบ่อยคือวางปุ่มเยอะเกินไป ถ้ามี “จอง” “ติดต่อ” “โทร” “KakaoTalk” “Instagram” เรียงในแถวเดียวขนาดเท่ากัน บางครั้งลูกค้ากลับไม่กดอะไรเลย

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

หน้าจอหลังกดปุ่มก็เป็นส่วนหนึ่งของ CTA ถ้าส่งข้อความติดต่อแล้วไม่มีคำแจ้งอะไรเลย ลูกค้าจะไม่รู้ว่าส่งสำเร็จไหม จึงส่งซ้ำหรือโทรมา ต้องใส่ข้อความแจ้งว่าเสร็จแล้ว เช่น “ปกติเราจะตอบกลับภายในไม่กี่ชั่วโมง”

เรื่อง CTA ควรถามบริษัทรับทำเว็บไซต์อะไรบ้าง

แทนที่จะขอแค่เรื่องรูปลักษณ์อย่าง “ปุ่มใหญ่ ๆ สีแดง” ให้บอกบริษัทถึงเป้าหมายก่อน เช่น “หน้านี้การจองสำคัญที่สุด” ถ้าเป้าหมายชัด นักออกแบบจะเสนอขนาด · สี · ตำแหน่งที่เหมาะได้

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