Nút kêu gọi hành động (CTA): đặt ở đâu, viết chữ gì

Digotech

5 phút

Website có người xem nhưng ít người gọi, ít người gửi biểu mẫu, chủ doanh nghiệp thường nghĩ do thiết kế chưa đẹp. Rất nhiều trường hợp, vấn đề nằm ở nút kêu gọi hành động (còn gọi là CTA, viết tắt của “call to action”): quá nhiều nút, nút đặt sai chỗ, hoặc chữ trên nút không nói khách sẽ nhận được gì. Bài này đi theo bốn câu hỏi: trang cần khách làm gì, đặt nút ở đâu, viết chữ gì, và đo thế nào để sửa tiếp.

1. Mỗi trang chọn một hành động chính

Trước khi vẽ nút, hãy trả lời: khách đọc xong trang này thì bước tiếp theo tốt nhất là gì? Câu trả lời là hành động chính, chỉ có một. Các hành động khác (xem thêm dự án, đọc bài viết, theo dõi trang mạng xã hội) là hành động phụ, được phép có nhưng phải nhìn nhẹ hơn hẳn.

Khi một trang có năm nút cùng màu, cùng cỡ, khách phải tự chọn, và nhiều người chọn rời đi. Trang quảng cáo càng cần kỷ luật này: bài Landing page cho chiến dịch quảng cáo: 1 trang, 1 hành động giải thích vì sao. Bảng dưới gợi ý hành động chính cho các trang hay gặp:

TrangHành động chínhChữ trên nút (gợi ý)Hành động phụ
Trang chủĐi tới đúng dịch vụXem dịch vụ phù hợpGọi ngay, xem dự án
Trang dịch vụNhận báo giá hoặc tư vấnNhận báo giá cho công trình của tôiXem dự án cùng loại
Trang sản phẩmThêm vào giỏ hoặc đặt hàngThêm vào giỏHỏi qua Zalo
Trang dự ánLàm dự án tương tựTôi muốn làm tương tựXem dự án khác
Bài viếtĐọc tiếp hoặc liên hệ khi cầnHỏi chuyên gia về trường hợp của tôiBài liên quan
Trang liên hệGửi biểu mẫu hoặc gọiGửi yêu cầuChỉ đường, giờ làm việc

2. Đặt nút ở nơi khách vừa hết băn khoăn

Khách bấm nút khi họ đã đủ tin, không phải khi họ vừa mở trang. Vì vậy nút chính nên xuất hiện ở ba chỗ:

  • Màn hình đầu: cho người đã biết mình muốn gì (khách quen, khách được giới thiệu).
  • Ngay sau phần trả lời băn khoăn lớn: sau bảng giá, sau ảnh dự án, sau phần câu hỏi thường gặp. Đây là lúc khách vừa gật đầu trong đầu.
  • Cuối trang: cho người đọc hết mới quyết định. Cuối trang không có nút là để khách tự tìm đường, và phần lớn sẽ không tìm.

Trên điện thoại, khách thường muốn gọi hoặc nhắn hơn là điền biểu mẫu. Một thanh nhỏ dính ở đáy màn hình với nút Gọi và Zalo rất hiệu quả, miễn là nó không che chữ, không che nút của chính trang, và chỉ có hai, ba lựa chọn.

3. Viết chữ trên nút: nói khách nhận được gì

Chữ “Gửi”, “Xem thêm”, “Bấm vào đây” chỉ nói khách phải làm gì, không nói họ được gì. Chữ tốt có dạng động từ + kết quả, viết theo góc nhìn của khách:

  • “Gửi” thành “Nhận báo giá chi tiết”.
  • “Đăng ký” thành “Giữ chỗ buổi học thử”.
  • “Liên hệ” thành “Hẹn khảo sát tại nhà”.

Ngay dưới nút, thêm một dòng nhỏ xoá nỗi lo cuối cùng: “Không cần đặt cọc”, “Chúng tôi gọi lại trong giờ hành chính”, “Thông tin chỉ dùng để báo giá”. Chỉ viết điều bạn thật sự làm được; một lời hứa gọi lại mà không giữ sẽ làm mất khách nhanh hơn không hứa gì. Nếu dòng nhỏ nhắc tới dữ liệu khách để lại, hãy dẫn về chính sách bảo mật của website.

4. Hình dáng: nổi bật, đủ to, nhất quán

Nút chính dùng một màu riêng, khác hẳn màu chữ và màu nền, và chỉ dùng màu đó cho nút chính trên toàn website. Khách học rất nhanh “màu này là thứ để bấm”; nếu màu đó xuất hiện cả ở tiêu đề hay khung trang trí, tín hiệu bị nhoà. Nút phụ dùng kiểu viền hoặc chữ có gạch chân.

Về kích thước, bộ tiêu chí tiếp cận WCAG 2.2 của W3C yêu cầu vùng bấm tối thiểu 24 x 24 điểm ảnh CSS ở mức AA, và khuyến nghị 44 x 44 ở mức AAA. Với nút chính trên điện thoại, cứ làm theo mức 44 trở lên và chừa khoảng trống quanh nút để ngón tay không bấm nhầm.

5. Đo số lần bấm, rồi sửa từng thứ một

Nút tốt hay chưa không đoán được bằng mắt. Hãy cho công cụ thống kê đếm số lần bấm vào từng nút chính, nút Gọi và nút Zalo, rồi so với số người xem trang. Mỗi lần chỉ đổi một thứ (chữ, vị trí hoặc màu) và để chạy đủ lâu trước khi kết luận, nếu không bạn sẽ không biết thay đổi nào có tác dụng. Khi bấm vào nút là tới biểu mẫu, hãy xem cả số người bỏ dở biểu mẫu: nhiều khi nút đã làm tốt việc của nó, còn biểu mẫu hỏi quá nhiều.

Nếu bạn đang làm một trang cho chiến dịch quảng cáo và muốn mọi thứ trên trang dồn về một nút, xem cách chúng tôi dựng trang tại Thiết kế landing page.

Tóm lại

  • Mỗi trang một hành động chính, các nút khác nhìn nhẹ hơn hẳn.
  • Đặt nút ở màn hình đầu, ngay sau phần trả lời băn khoăn lớn và cuối trang; trên điện thoại ưu tiên Gọi và Zalo.
  • Chữ trên nút nói khách nhận được gì, nút đủ to để bấm, và đo số lần bấm trước khi sửa.

Muốn áp dụng bài này cho website của bạn?

Để lại yêu cầu, Digotech xem website hiện tại của bạn và gọi lại trong giờ làm việc. Không mất phí.