Ở những bài trước, tôi đã nhắc đến CTA như một phần trong cấu trúc landing page, hay như bước cuối cùng trong công thức AIDA. Nhưng tôi nhận ra CTA xứng đáng có một bài viết riêng, vì đây là phần nhỏ nhất trên trang về mặt diện tích, nhưng lại là nơi quyết định toàn bộ công sức xây dựng landing page có "ra trái ngọt" hay không.
Khi rà lại toàn bộ trang chungkhoan.ezyplatform.com của mình, tôi đếm được khá nhiều nút CTA khác nhau, xuất hiện ở nhiều vị trí, với nhiều màu sắc và câu chữ khác nhau. Bài này tôi muốn soi lại từng nút đó, theo bốn khía cạnh: vị trí, màu sắc, nội dung, và cách CTA nên thay đổi theo từng giai đoạn của khách hàng.

1. Vị trí đặt CTA: gần đúng lúc người đọc sẵn sàng nhất

Tôi nhận ra một sai lầm dễ mắc là đặt CTA chỉ ở một chỗ duy nhất, thường là cuối trang, rồi hy vọng người đọc sẽ cuộn hết xuống đó. Nhưng không phải ai cũng đọc hết trang trước khi quyết định, có người sẵn sàng hành động ngay từ đoạn đầu, có người cần đọc thêm vài đoạn nữa.
Khi nhìn vào vị trí CTA, tôi thường để ý:
  • CTA đầu trang, dành cho người đã sẵn sàng quyết định nhanh, không cần đọc thêm
  • CTA xen giữa các khối nội dung, dành cho người vừa đọc xong một phần và muốn hành động ngay tại đó, không phải cuộn xuống tận cuối
  • CTA cuối trang, dành cho người đọc hết toàn bộ nội dung mới ra quyết định
  • CTA cố định, ví dụ khung chat hoặc icon nổi, luôn hiện diện dù người đọc cuộn đến đâu
Trang chủ của tôi đang đặt CTA khá rải rác, đúng tinh thần này. Ngay trong Hero Section, có hai nút "Nhận lộ trình phù hợp" và "Xem bài học". Sau đó, mỗi bài học rút gọn trên trang chủ lại có cặp nút riêng, "Vào bài học" và "Xem chi tiết". Tới phần công cụ thực hành, mỗi công cụ như tính khối lượng mua hay tính lãi lỗ đều có nút hành động riêng ngay dưới form nhập liệu. Và cuối trang là khối "Gửi yêu cầu tư vấn" với nút "Đặt lịch tư vấn ngay". Ngoài ra còn có một icon chat nổi ở góc dưới bên phải, luôn hiện diện bất kể người đọc đang ở phần nào của trang.
Điều tôi nhận ra khi nhìn lại cách bố trí này là: tôi đang cho người đọc nhiều "điểm thoát" để hành động, thay vì chỉ một cơ hội duy nhất ở cuối trang. Nếu một người chỉ đọc đến phần bài học mà chưa muốn tìm hiểu sâu, họ vẫn có nút "Vào bài học" ngay tại đó, không cần kéo xuống tận cùng mới tìm thấy cách hành động.

2. Màu sắc CTA: phải nổi bật hơn mọi thứ xung quanh

Màu sắc của nút CTA không phải để đẹp, mà để nó là thứ đầu tiên mắt người đọc dừng lại khi lướt qua trang. Tôi luôn tự nhắc mình một nguyên tắc: nút CTA chính phải có màu khác biệt rõ rệt so với phần còn lại của trang, không hòa lẫn vào tổng thể.
Khi chọn màu cho CTA, tôi thường cân nhắc:
  • Tương phản đủ mạnh với màu nền xung quanh, để mắt bị "kéo" về phía nút ngay cả khi không cố ý tìm
  • Nhất quán xuyên suốt trang, để người đọc quen mắt và nhận ra ngay đâu là nút hành động chính
  • Phân cấp rõ giữa nút chính và nút phụ, không để hai nút có sức nặng thị giác ngang nhau
Trên trang của tôi, nút CTA chính, như "Nhận lộ trình phù hợp" hay "Xem danh sách sách" trong banner, đang dùng màu chuyển sắc từ xanh lá sang xanh dương, nổi bật hẳn so với nền sáng và chữ đen của phần còn lại. Trong khi đó, các nút phụ như "Xem bài học" hay "Xem bài học" lại dùng nền nhạt, viền mảnh, không cố gắng tranh sự chú ý với nút chính. Đây là cách phân cấp tôi thấy hợp lý: chỉ một nút trên mỗi khối nội dung được "hét lên" bằng màu sắc, còn lại là những lựa chọn phụ, vẫn hiện diện nhưng không gây xao nhãng.
Screenshot 2026-06-30 175957.png

3. Nội dung CTA: chữ trên nút phải nói rõ điều sắp xảy ra

Tôi từng nghĩ chữ trên nút CTA chỉ cần ngắn gọn là đủ, nhưng sau này tôi nhận ra ngắn gọn thôi chưa đủ, nó còn cần nói rõ điều gì sẽ xảy ra ngay sau khi bấm vào, để người đọc không phải đoán.
Khi viết chữ cho CTA, tôi cố gắng:
  • Dùng động từ hành động cụ thể, thay vì những từ chung chung như "Gửi" hay "Tiếp tục"
  • Gắn liền với lợi ích hoặc kết quả người đọc sẽ nhận được, không chỉ mô tả thao tác kỹ thuật
  • Giữ độ dài vừa đủ để đọc trong một lần lướt mắt, không quá dài
So sánh các nút CTA hiện có trên trang, tôi thấy có sự khác biệt rõ về chất lượng câu chữ. Nút "Nhận lộ trình phù hợp" ở Hero Section là một ví dụ tôi khá hài lòng, vì nó gắn liền với lợi ích cụ thể, không chỉ là "Đăng ký" hay "Gửi thông tin". Tương tự, "Đặt lịch tư vấn ngay" ở khối tư vấn cuối trang cũng rõ ràng về hành động lẫn lợi ích. Ngược lại, một số nút như "Xem chi tiết" xuất hiện lặp lại ở nhiều nơi, từ bài học đến sách, là một cụm khá chung chung, không nói rõ người đọc sẽ xem chi tiết về điều gì nếu tách rời khỏi ngữ cảnh xung quanh.
Screenshot 2026-06-30 180759.png
Screenshot 2026-06-30 180529.png
Nếu cải thiện thêm, tôi nghĩ những nút "Xem chi tiết" lặp lại nhiều lần này có thể được viết cụ thể hơn theo từng ngữ cảnh, ví dụ đổi thành "Xem chi tiết bài Đọc bảng giá" hay "Xem chi tiết cuốn Bảo vệ vốn", để mỗi nút tự nó cũng mang đủ thông tin, không phụ thuộc hoàn toàn vào tiêu đề phía trên.

4. CTA theo từng giai đoạn khách hàng: không phải ai cũng sẵn sàng mua ngay

Đây là phần tôi nghĩ quan trọng nhất nhưng dễ bị bỏ qua: không phải người đọc nào vào trang cũng đang ở cùng một giai đoạn. Có người lần đầu biết đến trang, chỉ đang tò mò. Có người đã đọc vài bài, bắt đầu tin tưởng. Có người đã sẵn sàng, chỉ còn chờ một lý do để hành động. Nếu chỉ đưa ra một loại CTA duy nhất, ví dụ "Mua ngay", tôi sẽ bỏ lỡ phần lớn người đọc chưa đến giai đoạn đó.
Tôi thường hình dung CTA theo ba giai đoạn:
  • Giai đoạn tìm hiểu: người đọc chưa sẵn sàng cam kết, CTA phù hợp là những hành động nhẹ nhàng như "Xem bài học", "Đọc thêm", không yêu cầu họ phải quyết định ngay
  • Giai đoạn cân nhắc: người đọc đã quan tâm nhưng còn băn khoăn, CTA phù hợp là những hành động vừa phải như "Nhận lộ trình phù hợp" hay "Đặt lịch tư vấn", giúp họ tiến thêm một bước mà không phải trả tiền ngay
  • Giai đoạn sẵn sàng: người đọc đã đủ tin tưởng, CTA phù hợp là hành động cuối cùng như "Mua sách", "Thanh toán"
Nhìn lại trang của mình, tôi thấy ba giai đoạn này đang được phục vụ khá tốt, dù không phải tôi cố ý thiết kế theo đúng khung lý thuyết này ngay từ đầu. Người mới vào trang, còn đang tìm hiểu, có thể bấm "Xem bài học" hoặc "Vào bài học" ở các khối nội dung rút gọn trên trang chủ, không bị ép phải quyết định gì. Người đã đọc qua, bắt đầu quan tâm nhưng chưa chắc nên bắt đầu từ đâu, có nút "Nhận lộ trình phù hợp" hoặc "Đặt lịch tư vấn ngay", dẫn đến một bước trung gian là để lại thông tin, không phải trả tiền ngay. Và người đã sẵn sàng, biết rõ mình cần cuốn sách nào, có thể đi thẳng vào trang /sach và bấm "Thêm vào giỏ" hoặc "Thanh toán".
Điều tôi nhận ra khi nhìn theo góc này là: khối tư vấn ở cuối trang chủ và trang /tu-van-chung-khoan-mien-phi đang đóng đúng vai trò "cầu nối" cho giai đoạn cân nhắc, giúp giữ chân những người chưa sẵn sàng mua ngay nhưng cũng không muốn rời trang mà không để lại dấu vết gì. Nếu thiếu lớp CTA trung gian này, tôi nghĩ trang sẽ chỉ còn lại hai lựa chọn cực đoan cho người đọc: hoặc đọc cho biết rồi rời đi, hoặc mua ngay, mà bỏ lỡ một lượng lớn người đọc đang ở khoảng giữa.

Kết luận

Nhìn lại, tôi nhận ra CTA không phải một nút bấm đơn lẻ cần làm cho đẹp, mà là một hệ thống nhỏ chạy xuyên suốt cả trang, cần được tính toán về vị trí, màu sắc, câu chữ, và cả việc nó có phù hợp với giai đoạn của người đang đọc hay không. Một nút CTA tốt ở vị trí sai, hoặc một nút CTA đúng vị trí nhưng màu sắc chìm vào nền, đều có thể khiến công sức xây cả landing page bị lãng phí ở bước cuối cùng.
Soi lại trang của mình, tôi thấy phần vị trí và màu sắc đang được làm khá tốt, với nhiều điểm chạm CTA rải đều và một sự phân cấp màu sắc rõ ràng giữa nút chính và nút phụ. Phần tôi nghĩ cần cải thiện nhất là nội dung chữ trên một số nút, đặc biệt là các nút "Xem chi tiết" đang lặp lại quá nhiều mà không gắn rõ với từng ngữ cảnh cụ thể. Đây sẽ là việc nhỏ nhưng tôi nghĩ đáng làm sớm, vì chỉ cần viết lại vài chữ trên mỗi nút, mà không cần động đến toàn bộ bố cục trang.