Nội dung & thiết kế
Preheader và CTA: hai yếu tố nhỏ tăng chuyển đổi lớn
Trong một email, có hai chi tiết bé xíu mà phần lớn người gửi bỏ qua, nhưng lại quyết định gần như toàn bộ kết quả: preheader — đoạn chữ xem trước hiện ngay sau tiêu đề trong hộp thư — và CTA (call to action, nút kêu gọi hành động) — thứ biến một người đọc thành một khách hàng. Tiêu đề quyết định email có được mở không; preheader giúp “chốt” cú mở đó; còn CTA quyết định sau khi mở thì người nhận có làm gì hay chỉ đọc rồi đóng lại. Bài này đi sâu vào cả hai: preheader là gì và viết thế nào, cùng công thức cho một nút CTA hiệu quả — chữ, màu, vị trí và số lượng — kèm ví dụ cụ thể để bạn áp dụng được ngay.
Preheader là gì và vì sao nó quan trọng
Khi nhìn vào hộp thư, người nhận thấy ba dòng cho mỗi email: tên người gửi, tiêu đề, và ngay sau đó là một đoạn chữ xám mờ — đó chính là preheader (còn gọi là preview text). Đoạn này được Gmail, Outlook, Apple Mail… tự động trích từ nội dung email để cho người nhận xem trước, giúp họ quyết định mở hay bỏ qua. Hiểu đơn giản: preheader là dòng tiêu đề thứ hai miễn phí.
Vấn đề là nếu bạn không chủ động viết preheader, các trình thư sẽ lấy đại dòng chữ đầu tiên tìm thấy trong email. Kết quả thường rất tệ: người nhận thấy “Xem email này trong trình duyệt”, “Nếu bạn không đọc được nội dung bên dưới…”, hoặc một chuỗi link/biểu tượng vô nghĩa. Một preheader hỏng làm lãng phí khoảng 40–90 ký tự đắt giá lẽ ra có thể dùng để thuyết phục người nhận mở thư.
Tiêu đề và preheader là một cặp, đừng tách rời
Hãy nghĩ về tiêu đề + preheader như một câu chuyện hai phần. Tiêu đề nêu “mồi”, preheader “nối dài” và bổ sung lý do mở. Đừng để preheader lặp lại y nguyên tiêu đề (lãng phí), cũng đừng để nó trống (trình thư sẽ tự lấy chữ rác). Nếu chưa chắc preheader của bạn dài bao nhiêu và bị cắt ở đâu trên điện thoại, ướm thử bằng công cụ Tối ưu preheader — nó đếm ký tự, cảnh báo khi quá ngắn/dài và xem trước cách hộp thư hiển thị cặp tiêu đề + preheader — rồi viết preheader bù cho phần thông tin còn thiếu.
Cách viết preheader thu hút
Một preheader tốt không phải là câu mở đầu trang trọng, mà là phần tiếp nối có chủ đích của tiêu đề. Dưới đây là những nguyên tắc thực chiến:
- Bổ sung, đừng lặp lại. Nếu tiêu đề là “Giảm 30% toàn bộ giày”, preheader nên thêm chi tiết: “Áp dụng đến hết Chủ nhật, kèm freeship đơn từ 500K”. Hai dòng cộng lại kể được câu chuyện trọn vẹn.
- Đặt thông tin giá trị nhất ở đầu. Trên điện thoại, preheader cũng bị cắt sau khoảng 40–50 ký tự. Hãy đẩy ưu đãi, con số, hoặc lời kêu gọi mạnh nhất lên trước.
- Dùng để tạo tò mò có kiểm soát. Preheader là chỗ tuyệt vời để hé lộ thêm một chút: “Bên trong có mã giảm riêng cho bạn…” khiến người nhận muốn mở để biết.
- Giữ độ dài 40–90 ký tự. Ngắn quá thì phí, dài quá thì phần đuôi không ai thấy. Khoảng này hiển thị tốt trên cả điện thoại lẫn máy tính.
- Khớp nội dung bên trong. Preheader “câu” mà email không có thứ đã hứa sẽ làm người nhận thất vọng, tăng tỷ lệ bấm “Báo spam” — hại danh tiếng gửi về lâu dài.
- Tránh từ khóa rủi ro. Preheader cũng nằm trong phạm vi quét của bộ lọc spam. Đừng nhồi “MIỄN PHÍ 100%!!!”, viết HOA cả dòng hay dùng nhiều dấu chấm than.
Một mẹo kỹ thuật quan trọng: nhiều trình thư hiển thị thêm phần đầu nội dung email sau preheader bạn viết. Để tránh người nhận thấy “… ” hoặc chữ rác nối theo, hãy chèn một đoạn khoảng trắng ẩn (ký tự khoảng trắng zero-width hoặc dấu cách liên tiếp) ngay sau preheader, để “đẩy” nội dung thật ra khỏi vùng xem trước. Trình tạo email của Mailemdi có ô preheader riêng nên bạn không cần tự xử lý thủ công.
Ví dụ: tiêu đề + preheader đi cùng nhau
- Tiêu đề: “Đơn #1234 của bạn đã được giao” — Preheader: “Đánh giá sản phẩm trong 30 giây để nhận voucher 50K lần sau.”
- Tiêu đề: “Còn 6 giờ để nhận ưu đãi này” — Preheader: “Giảm thêm 15% cho 50 khách đặt sớm nhất — số lượng đang cạn dần.”
- Tiêu đề: “Chào [Tên], bắt đầu trong 3 bước” — Preheader: “Bước đầu tiên chỉ mất 2 phút và mở khóa toàn bộ tính năng miễn phí.”
Lưu ý riêng cho tiếng Việt
- Chữ có dấu vẫn tính 1 ký tự, nhưng nhìn “dày” hơn tiếng Anh nên cùng một khung hiển thị sẽ chứa ít chữ hơn. Khi thấy mốc 40–90 ký tự, hãy ưu tiên đầu thấp (40–60) cho tiếng Việt để phần quan trọng chắc chắn không bị cắt.
- Đừng để mất dấu. Một số khâu sao chép/dán làm rơi dấu tiếng Việt, biến “ưu đãi” thành “uu dai”. Preheader mất dấu trông như spam và khó đọc — luôn xem lại bản preview trước khi gửi.
- Emoji dùng có chừng mực. Một emoji đặt đúng chỗ (🎁, ⏰) có thể giúp nổi bật trong hộp thư, nhưng nhồi 3–4 cái liền hoặc đặt đầu dòng dễ bị bộ lọc đánh giá là quảng cáo rẻ tiền. Mỗi preheader tối đa một emoji.
- Cá nhân hóa bằng trường hợp nhất. Nếu chèn tên khách bằng trường động (ví dụ tên hoặc thành phố), hãy luôn đặt giá trị mặc định (như “bạn”) phòng khi thiếu dữ liệu, để preheader không hiện ra một ô trống khó hiểu.
CTA: nút biến người đọc thành khách hàng
Người nhận đã mở email nhờ tiêu đề và preheader tốt — nhưng nếu họ đọc xong rồi đóng lại, chiến dịch vẫn thất bại. CTA (call to action) là cây cầu duy nhất từ “đọc” sang “hành động”: bấm vào, mua hàng, đăng ký, tải về, đặt lịch. Mọi email gửi đi nên có một mục tiêu rõ ràng, và CTA chính là hiện thân của mục tiêu đó. Một CTA mờ nhạt, khó tìm, hoặc đặt sai chỗ có thể làm tỷ lệ click tụt thê thảm dù nội dung rất hay.
Chữ trên nút: cụ thể, hành động, đặt vào ngôi người nhận
Chữ trên nút (microcopy) là yếu tố ảnh hưởng lớn nhất tới việc người ta có bấm hay không. Vài nguyên tắc:
- Bắt đầu bằng động từ hành động. “Nhận ưu đãi”, “Đặt lịch tư vấn”, “Tải hướng dẫn” rõ ràng hơn nhiều so với “Tại đây” hay “Click”.
- Nói về giá trị, không chỉ thao tác. So sánh “Gửi” với “Nhận báo giá miễn phí”, hay “Đăng ký” với “Bắt đầu dùng thử 14 ngày”. Câu sau cho người nhận biết họ được gì.
- Dùng ngôi thứ nhất khi hợp. “Tôi muốn nhận ưu đãi” đôi khi nhấp cao hơn “Nhận ưu đãi của bạn” vì nghe như chính người nhận đang nói. Đây là thứ đáng A/B test.
- Ngắn gọn, 2–4 từ. Nút dài quá vừa khó đọc nhanh vừa dễ vỡ trên điện thoại. Giữ súc tích.
- Giảm ma sát. Thêm tín hiệu “dễ và không rủi ro”: “Dùng thử miễn phí — không cần thẻ”, “Xem trong 30 giây”.
| Yếu hơn | Mạnh hơn | Vì sao |
|---|---|---|
| Click vào đây | Nhận quà của bạn | Nói lợi ích, không nói thao tác |
| Gửi | Nhận báo giá miễn phí | Cụ thể, hạ thấp rủi ro |
| Tìm hiểu thêm | Xem cách hoạt động | Cụ thể hơn về điều sắp xảy ra |
| Đăng ký | Bắt đầu dùng thử 14 ngày | Cam kết thấp, thấy giá trị ngay |
Màu nút: tương phản quan trọng hơn “màu đẹp”
Không có “màu CTA tốt nhất” tuyệt đối — quan trọng là nút phải nổi bật so với phần còn lại của email. Một nút cùng tông với nền sẽ chìm nghỉm và không ai bấm. Vài nguyên tắc:
- Tương phản cao với nền. Nút nên là điểm sáng nhất, “kéo mắt” nhất trong email. Dùng màu nhấn của thương hiệu nhưng đảm bảo nó khác hẳn nền và chữ xung quanh.
- Chữ trên nút phải đọc được rõ. Bảo đảm độ tương phản giữa chữ và nền nút đủ cao — nút cam chữ trắng, nút tối chữ sáng. Tránh chữ xám trên nền nhạt.
- Một màu nhấn cho hành động chính. Dành màu nổi nhất riêng cho CTA chính. Nếu mọi thứ đều nổi bật thì không gì nổi bật cả.
- Đừng phụ thuộc hoàn toàn vào màu. Một số người nhận đọc ở chế độ tối (dark mode), nơi màu bị đảo. Hãy để nút là một khối có viền/nền rõ ràng và chữ đủ to, đừng để nó chỉ là một dòng chữ màu giống link thường.
Nút “thật” thắng “nút ảnh”
Nhiều người làm nút CTA bằng một file ảnh. Rủi ro: rất nhiều trình thư chặn ảnh mặc định, nghĩa là nút của bạn biến mất hoàn toàn. Hãy dùng nút dạng HTML/“bulletproof button” (nền màu + chữ thật) để nút luôn hiển thị kể cả khi ảnh bị chặn. Trình tạo email của Mailemdi tạo nút dạng này cho bạn. Xem thêm về cách email hiển thị ổn định ở thiết kế email responsive.
Dựng một nút CTA tốt: từng bước
Gom mọi nguyên tắc trên thành quy trình ngắn bạn lặp lại được cho mọi chiến dịch:
- Viết ra mục tiêu duy nhất. Một câu: “Email này muốn người nhận làm gì?”. Câu trả lời chính là chữ trên nút, ví dụ “Đặt bàn tối nay” hay “Nhận mã giảm 20%”.
- Chọn chữ theo công thức động từ + giá trị. Ghép một động từ hành động với điều người nhận nhận được: “Tải” + “bảng giá 2026” → “Tải bảng giá 2026”. Giữ 2–4 từ.
- Kéo khối nút vào trình tạo email. Trong trình tạo của Mailemdi, dùng khối nút (button) thay vì chèn ảnh. Khối này xuất ra nút HTML hiển thị được cả khi người nhận tắt ảnh.
- Đặt màu tương phản và dán link đích. Chọn màu nhấn nổi bật, chữ trắng/sáng dễ đọc; dán đúng URL trang đích và thêm tham số UTM nếu muốn đo chuyển đổi.
- Gửi email thử cho chính mình. Mở trên cả điện thoại lẫn máy tính, ở chế độ sáng và tối, bấm thử nút để chắc chắn link chạy và chữ vẫn rõ.
Vị trí: trên màn hình đầu, và lặp lại nếu email dài
Người nhận lười cuộn. CTA quan trọng nhất nên xuất hiện sớm — tốt nhất là trong “màn hình đầu” (above the fold), phần email thấy được mà không cần cuộn xuống. Một vài nguyên tắc về vị trí:
- CTA chính lên cao. Đặt một nút ngay sau đoạn mở đầu, để người đã bị thuyết phục có thể hành động ngay mà không phải đọc hết.
- Lặp lại CTA ở cuối email dài. Với email nhiều nội dung, đặt thêm một nút ở cuối cho người đọc kỹ rồi mới quyết định. Cùng một đích đến, cùng câu chữ.
- Chừa khoảng trắng quanh nút. Đừng nhồi nút sát chữ hay sát ảnh. Khoảng trắng giúp nút nổi bật và dễ bấm bằng ngón tay trên điện thoại.
- Vùng chạm đủ lớn. Trên di động, nút nên cao tối thiểu khoảng 44px và rộng thoải mái để ngón tay bấm trúng, không bấm nhầm.
Số lượng CTA: một mục tiêu, một hành động chính
Sai lầm phổ biến nhất là nhồi quá nhiều lời kêu gọi vào một email: “Mua ngay”, “Đọc blog”, “Theo dõi Facebook”, “Giới thiệu bạn bè”, “Tải app”… Khi người nhận phải chọn giữa quá nhiều việc, họ thường không chọn gì cả. Nguyên tắc vàng:
- Một email, một mục tiêu. Xác định trước hành động quan trọng nhất bạn muốn người nhận làm, rồi dồn toàn bộ email phục vụ hành động đó.
- Một CTA chính, nổi bật nhất. Có thể lặp lại nó vài lần trong email (đầu/cuối), nhưng vẫn chỉ là một đích đến — không gây phân tâm.
- CTA phụ phải “nhẹ” hơn rõ rệt. Nếu cần thêm liên kết phụ (ví dụ “Xem chính sách đổi trả”), hãy để nó dưới dạng link chữ nhỏ, không phải nút màu cạnh tranh với CTA chính.
- Email bản tin là ngoại lệ có kiểm soát. Newsletter nhiều mục thì mỗi mục có một link riêng — nhưng vẫn nên có một hành động ưu tiên nổi bật hơn các mục còn lại.
Đo CTA nào thực sự chuyển đổi — và kiểm link trước khi gửi
Mailemdi tự động theo dõi tỷ lệ mở và click cho từng chiến dịch. Nhưng để biết một cú click có dẫn tới mua hàng hay đăng ký hay không, hãy gắn tham số UTM thủ công vào link của CTA (ví dụ ?utm_source=email&utm_campaign=sale-thang-6). Khi đó báo cáo Google Analytics của bạn sẽ quy được doanh thu về đúng chiến dịch email, không lẫn với nguồn khác. Và trước khi bấm gửi, hãy chạy nội dung qua công cụ Soát link trong email để chắc chắn link CTA không rỗng, không hỏng và đã trỏ đúng trang đích — một nút CTA đẹp mà dẫn vào trang 404 là tiền quảng cáo đổ sông.
Thử nghiệm: để dữ liệu chọn câu chữ và màu nút
Như với tiêu đề, không ai đoán đúng 100% chữ CTA hay màu nút tốt nhất. Mailemdi có sẵn A/B test đa yếu tố: bạn nhập nhiều phiên bản tiêu đề (và cả tên người gửi), hệ thống gửi thử cho một tỷ lệ nhỏ danh sách, chờ vài giờ để đo rồi tự chọn phiên bản thắng theo tỷ lệ mở hoặc click và gửi nốt cho phần còn lại. Riêng chữ/màu CTA chưa nằm trong A/B test tự động, nên bạn kiểm chứng thủ công: dùng phân khúc danh sách để tách hai nhóm tương đương, gửi mỗi nhóm một phiên bản nút rồi so tỷ lệ click trong báo cáo. Lưu ý quan trọng:
- Mỗi lần chỉ đổi một biến. Đổi cả chữ lẫn màu cùng lúc thì bạn không biết yếu tố nào tạo khác biệt. Thử riêng: “Nhận ưu đãi” vs. “Tôi muốn ưu đãi”, hoặc nút cam vs. nút xanh.
- Nhìn cả chuyển đổi, không chỉ click. Một CTA giật gân có thể tăng click nhưng kéo nhiều người không thực sự quan tâm, làm tỷ lệ chuyển đổi tụt. Theo dõi cả hành trình sau click.
- Ghi lại bài học. Tích lũy dần, bạn sẽ biết “giọng nút” nào hợp tệp khách của mình — tài sản đáng giá hơn mọi lời khuyên chung.
Để đọc đúng các chỉ số mở/click sau khi gửi, xem hướng dẫn tạo & theo dõi chiến dịch. Nếu bạn dựng chuỗi tự động (ví dụ nhắc giỏ hàng), CTA cũng là linh hồn của từng bước — tham khảo hướng dẫn Automation.
Checklist preheader & CTA trước khi bấm gửi
Trước mỗi chiến dịch, chạy nhanh qua danh sách kiểm tra này:
- Preheader đã được viết tay. Không để trống — nếu trống, trình thư sẽ lấy chữ rác. Đảm bảo nó bổ sung cho tiêu đề, dài 40–90 ký tự.
- Tiêu đề + preheader đọc liền nhau có nghĩa. Gửi thử cho chính mình và xem cặp này hiển thị thế nào trên điện thoại; dùng công cụ Tối ưu preheader để xem trước nhanh và canh độ dài.
- Có đúng một CTA chính, rõ ràng. Mỗi email một mục tiêu; CTA chính nổi bật nhất, lặp lại nếu email dài.
- Chữ nút cụ thể, nói lợi ích. Tránh “Click vào đây”; ưu tiên động từ hành động + giá trị.
- Nút là HTML thật, không phải ảnh. Để nút vẫn hiện khi ảnh bị chặn; chữ tương phản rõ cả ở dark mode.
- Link CTA đã gắn UTM và trỏ đúng. Bấm thử để chắc chắn link không rỗng, không hỏng; rà toàn bộ liên kết bằng Soát link trong email.
- Soát rủi ro spam. Cả preheader lẫn chữ nút đừng nhồi từ khóa rủi ro; chạy qua Soát từ khóa spam để bắt các cụm dễ kích hoạt bộ lọc.
Cuối cùng, đừng quên nền tảng: preheader và CTA hoàn hảo cũng vô nghĩa nếu email rơi vào spam. Hãy xác thực domain bằng ba bản ghi SPF, DKIM và DMARC — xem hướng dẫn SPF/DKIM/DMARC toàn tập — và đảm bảo bạn đang vào được hộp thư đến trước khi tối ưu tới từng nút bấm. Trong Mailemdi, mục Xác thực tên miền sẽ kiểm tra DNS và báo trạng thái từng bản ghi cho bạn.
Đọc thêm
- Công cụ Tối ưu preheader — đếm ký tự và xem trước hiển thị tiêu đề + preheader trên điện thoại.
- Soát link trong email — rà mọi link CTA, bắt link rỗng/hỏng trước khi gửi.
- Soát từ khóa spam — tìm từ/cụm rủi ro trong preheader và chữ nút.
- Cách viết tiêu đề email tỷ lệ mở cao — người bạn đồng hành không thể thiếu của preheader.
- Thiết kế email responsive — để nút CTA hiển thị đẹp và bấm được trên mọi thiết bị.
- Tạo & theo dõi chiến dịch — đọc chỉ số mở/click để cải thiện CTA lần sau.
Tối ưu từng chi tiết nhỏ, để Mailemdi lo phần còn lại
Mailemdi cho bạn ô preheader riêng, khối nút CTA dạng HTML hiển thị ổn định, A/B test đa yếu tố (tiêu đề và tên người gửi), phân khúc danh sách & automation, xác thực domain SPF/DKIM/DMARC và theo dõi mở/click — tất cả trong một nơi, để mỗi email vừa được mở vừa được hành động.
Bắt đầu miễn phí với Mailemdi