Mẫu email HTML cho bản tin email của bạn

4 phút đọc

Email văn bản thuần phù hợp cho một ghi chú nhanh, nhưng bản tin, ưu đãi hay email chào mừng thường cần nhiều hơn: logo, hình ảnh, một nút bấm rõ ràng. Đó là email HTML. Nó trông giống một trang web nhỏ, nhưng được làm theo những quy tắc rất khác, vì các chương trình email khắt khe hơn nhiều so với trình duyệt. Dưới đây là những gì một mẫu email tốt cần có và cách chuẩn bị.

Mẫu email HTML cho bản tin

Vì sao email không phải là trang web

Gmail, Outlook, Apple Mail và các ứng dụng trên điện thoại hiển thị HTML hơi khác nhau, và nhiều chương trình bỏ qua code web hiện đại. Vì vậy email được làm theo cách cũ:

  • Dùng bảng để dàn trang, không dùng bố cục web hiện đại.
  • Viết style trên từng phần tử, vì nhiều chương trình xóa phần khai báo style.
  • Dùng font hệ thống, vì font web tùy chỉnh thường không tải được.
  • Không có script, biểu mẫu hay video. Chương trình email không chạy chúng. Thay vào đó, hãy dùng hình ảnh hoặc nút bấm dẫn đến video hay biểu mẫu của bạn.

Các phần của một email tốt

  • Dòng xem trước: đoạn chữ ngắn hiện cạnh tiêu đề trong hộp thư đến. Đó là dòng tiêu đề thứ hai của bạn, nên đừng lãng phí nó cho “Xem trên trình duyệt”.
  • Phần đầu: logo của bạn, nhỏ gọn và có liên kết đến website.
  • Tiêu đề và hình ảnh chính: cho biết email nói về gì chỉ trong một cái nhìn.
  • Đoạn văn ngắn: tối đa hai hoặc ba đoạn.
  • Một nút chính: “Xem bộ sưu tập”, “Đặt bàn”. Nút bấm làm bằng liên kết hoạt động ở mọi nơi.
  • Phần chân: tên công ty, địa chỉ, thông tin liên hệ và liên kết hủy đăng ký.

Chiều rộng và điện thoại

Chiều rộng tiêu chuẩn khoảng 600 pixel, vừa với màn hình máy tính và khung đọc của hầu hết chương trình email. Trên điện thoại, bố cục nên chuyển thành một cột, chữ đủ lớn để đọc và nút đủ lớn để chạm. Hơn một nửa số email được mở trên điện thoại, vì vậy hãy kiểm tra bản điện thoại trước.

Hình ảnh và văn bản thay thế

Một số chương trình chặn hình ảnh cho đến khi người đọc cho phép. Hãy viết văn bản thay thế (alt text) cho mọi hình ảnh để email vẫn có nghĩa khi không có hình, và đừng bao giờ đặt nội dung quan trọng chỉ trong hình ảnh. Chỉ dùng hình ảnh bạn có quyền sử dụng. Hình ảnh được tải lên dịch vụ gửi email hoặc website của bạn, và email trỏ đến địa chỉ của chúng.

Liên kết hủy đăng ký

Các dịch vụ gửi email và quy định ở nhiều quốc gia yêu cầu mỗi email tiếp thị phải có cách hủy đăng ký dễ dàng. Mẫu email thường có một giá trị giữ chỗ để bạn thay bằng liên kết hoặc thẻ hủy đăng ký của dịch vụ mình dùng.

Cách chuẩn bị nội dung

  • Email nói về gì và ai sẽ nhận.
  • Các thông tin cụ thể: giá, ngày tháng, mã khuyến mãi, đúng như thực tế.
  • Mỗi nút dẫn đến đâu: địa chỉ trang đầy đủ.
  • Thông tin phần chân đúng như cần hiển thị.
  • Màu sắc và phong cách, hoặc một email bạn thích để tham khảo.

Kiểm tra trước khi gửi

Gửi email cho chính bạn trên Gmail, Outlook và trên điện thoại. Nhấp vào mọi liên kết và nút bấm, kiểm tra dòng xem trước, và xem email khi tắt hình ảnh.

Tóm lại

Một email HTML tốt dùng bảng và style viết trực tiếp, rộng khoảng 600 pixel, chuyển thành một cột trên điện thoại, có một nút rõ ràng và phần chân đầy đủ. Nếu bạn không muốn tự làm, hãy đặt email HTML: bạn mô tả email, ưu đãi và nơi các nút dẫn đến, rồi nhận tệp nén gồm HTML hoàn chỉnh và hình ảnh được vẽ riêng cho email, để nhập vào Mailchimp, Brevo hoặc dịch vụ gửi email khác. Khoản thanh toán chỉ được chuyển đi sau khi bạn chấp nhận kết quả.