ติดปุ่ม LINE, WhatsApp และโทรศัพท์บน WordPress อย่างไรไม่ให้รบกวนผู้ใช้

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

แต่ละหน้าของ WordPress และ WooCommerce มีหน้าที่ต่างกัน บทความทั่วไปอาจเหมาะกับอีเมลหรือโทรศัพท์ หน้าสินค้าอาจใช้ LINE หรือ WhatsApp พร้อมชื่อสินค้า ส่วนหน้า Cart และ Checkout ควรปล่อยให้ลูกค้าทำรายการต่อได้โดยไม่มีปุ่มลอยมาบัง

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

รายละเอียดเล็ก ๆ ที่ทำให้ปุ่มติดต่อดูน่าเชื่อถือ

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

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

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