Cách gửi HTML tới Gmail

Gửi các mẫu email HTML từ Gmail rất phức tạp và không hiệu quả. Các mẫu HTML thực sự tiện dụng để thêm các yếu tố đồ họa như logo công ty, hình ảnh sản phẩm, v.v.  

Mặc dù có thể đính kèm hình ảnh trong Gmail nhưng những hình ảnh này sẽ không phản hồi. Hình ảnh và nội dung không phản hồi sẽ không giống như mong đợi, trên các kích thước màn hình khác nhau. Mã HTML tự động chia tỷ lệ nội dung của bạn để phù hợp với kích thước màn hình ở phía người nhận của bạn

Sử dụng Saleshandy để gửi email HTML

Làm cách nào để gửi các mẫu email HTML trong Gmail?

Gmail không hiển thị mã HTML một cách hoàn hảo. Người nhận của bạn sẽ nhận được HTML ở định dạng rất thô, nhưng bằng cách làm theo các bước bên dưới, bạn có thể tạo và gửi HTML hoàn hảo trong Gmail

Bước 1. Soạn mã HTML của bạn và lưu dưới dạng tệp html

mẹo chuyên nghiệp. Đảm bảo không có định dạng bổ sung nào trong tệp của bạn. Chỉ là văn bản đơn giản

Bước 2. Bây giờ, nhấp chuột phải vào tệp và mở tệp trong trình duyệt mới

Kiểm tra xem mã HTML của bạn có được định dạng đúng và chính xác như bạn muốn không

Bước 3. Sao chép toàn bộ nội dung từ trình duyệt (Ctrl A) và chèn vào hộp thư soạn thư của bạn

Bước 4. Bây giờ, chỉ cần gửi email HTML của bạn

mẹo chuyên nghiệp. Kiểm tra trước khi gửi email HTML của bạn. Bạn có thể gửi email đầu tiên của mình cho ai đó trong nhóm của mình để đảm bảo rằng nó hoàn hảo

Tại sao bạn nên gửi bản tin email bằng Gmail nếu bạn có số lượng người nhận hạn chế?

Việc tạo và gửi email HTML cho bản tin của bạn thực sự dễ dàng hơn bằng cách sử dụng các dịch vụ như MailChimp hoặc GetResponse. Nhưng điều này khiến email của bạn dễ bị chuyển vào thư mục Thư rác hoặc Quảng cáo. Đó là bởi vì các dịch vụ này sử dụng các máy chủ công cộng gửi hàng trăm nghìn email mỗi giây, hầu hết trong số đó sẽ bị báo cáo là thư rác

Khi những email này được gửi từ tài khoản Gmail/Gsuite của bạn, rất có thể chúng sẽ được gửi trong thư mục Hộp thư đến chính của người nhận. Vì máy chủ Gmail không gửi email hàng loạt như một số dịch vụ khác nên email được gửi bằng Gmail được coi là quan trọng đối với người nhận

Đọc bài viết này — Cách gửi bản tin bằng Gmail một cách hiệu quả để bắt đầu gửi bản tin của bạn từ Gmail

Tuy nhiên, nếu bạn có danh sách 10 nghìn người nhận trở lên, thì bạn không thể gửi email bản tin cho tất cả người nhận trong một ngày

Gmail có hơn 1. 8 tỷ tài khoản trên toàn thế giới và con số vẫn không ngừng tăng lên. Bạn có thể là một trong số họ và tôi, nhóm của tôi và có lẽ phần lớn người dùng Nền tảng gửi email Mailtrap cũng vậy. Gmail đã trải qua rất nhiều thay đổi kể từ lần đầu tiên được thử nghiệm vào năm 2004. Một trong số đó là về việc đơn giản hóa cửa sổ soạn thư và xóa trình soạn thảo HTML cũ. Tuy nhiên, điều đó không có nghĩa là HTML không còn được Google hỗ trợ nữa – việc gửi email HTML từ Gmail sẽ phức tạp hơn một chút. Hãy xem nó hoạt động như thế nào

Tại sao phải nhập HTML vào Gmail ngay từ đầu?

Gmail cung cấp trình chỉnh sửa WYSIWYG (What You See Is What You Get) theo mặc định, hoàn toàn đủ cho hầu hết mọi giao tiếp. Bạn có thể chọn từ một số phông chữ, màu sắc và kích cỡ, căn chỉnh bản sao, thêm dấu đầu dòng hoặc thụt lề và thậm chí chèn hình ảnh hoặc biểu tượng cảm xúc.  

Tuy nhiên, mọi thứ trở nên khó khăn khi bạn cần sử dụng thương hiệu công ty hoặc một định dạng phức tạp khác không có sẵn trong trình chỉnh sửa mặc định. Chèn logo hoặc biểu ngữ là có thể thực hiện được. Bạn có thể thuê một chuyên gia, hoặc có một cách dễ dàng và giá cả phải chăng hơn – sử dụng một trong những công cụ tạo logo có sẵn. Chẳng hạn, bạn có thể kiểm tra chức năng và tính năng của Designhill Logo Maker, Zyro hoặc bất kỳ ứng dụng nào khác mà bạn muốn

Nhưng bạn có thể căn chỉnh những hình ảnh đó phù hợp với văn bản và đảm bảo chúng trông đẹp trên mọi kích thước màn hình không?

Trong những tình huống như vậy, bạn cần dựa vào các công cụ bên ngoài hoặc viết HTML của riêng mình và chèn nó vào cửa sổ soạn thảo

Nhập HTML vào Gmail

Nếu bạn chỉ cần sao chép mã HTML và dán vào cửa sổ soạn thư của Gmail, người nhận chỉ có thể nhận được cùng một mã HTML thô. Nói cách khác, Gmail sẽ không hiển thị nó theo bất kỳ cách nào. Nếu bạn đang trao đổi email với một nhà phát triển web đồng nghiệp, họ thực sự có thể đánh giá cao cách giao tiếp sáng tạo như vậy. Hầu hết mọi người sẽ không mặc dù. Đó là lý do tại sao bạn cần sử dụng một cách giải quyết đơn giản để chèn HTML

• Bên ngoài Gmail, hãy soạn mã HTML và lưu dưới dạng. html trên ổ đĩa của bạn. Đảm bảo trình chỉnh sửa của bạn lưu tệp dưới dạng văn bản thuần túy, không có bất kỳ định dạng bổ sung nào. Nó cũng không thể thêm. txt hoặc bất kỳ phần mở rộng nào khác cho tên tệp, nếu không mã sẽ không được hiển thị chính xác. Ví dụ, TextEdit của Mac cần một vài điều chỉnh để hoạt động với HTML như mong đợi. Đây là một mã đơn giản làm ví dụ

• Nhấp chuột phải vào tệp và mở tệp bằng trình duyệt bạn chọn. Nó sẽ hiển thị như mong đợi. Nếu bạn thấy HTML thô, hãy kiểm tra kỹ xem tệp đã được lưu đúng chưa và trình chỉnh sửa của bạn có dựa trên văn bản thuần túy không

• Sao chép toàn bộ nội dung của một trang bằng Ctrl+A (Windows) / Cmd+A (Mac) hoặc chỉ sử dụng chuột hoặc bàn di chuột. Sau đó, chèn nó vào cửa sổ soạn thư Gmail của bạn và gửi

Email sẽ đến với hình dạng chính xác như lần cuối nhìn thấy khi rời khỏi hộp thư đến của bạn

Những điều cần chú ý khi viết email HTML

Mặc dù HTML là một khung thực sự đơn giản, nhưng có một số tính năng/hạn chế của Gmail mà bạn cần lưu ý. Đây là những cái chính

Hình ảnh cần được lưu trữ trực tuyến và có sẵn công khai

Thay vào đó, hình ảnh cần được tải lên ở nơi khác trên internet và được tham chiếu bằng một liên kết trong mã

Nếu có thể, hãy lưu trữ hình ảnh trên máy chủ của riêng bạn hoặc sử dụng Google Drive (hoặc các dịch vụ tương tự khác). Khi tải lên cái sau, hãy đảm bảo liên kết ở chế độ công khai, không phải riêng tư (cố gắng truy cập liên kết ở chế độ ẩn danh sẽ thực hiện công việc). Khi tải lên các dịch vụ chia sẻ hình ảnh phổ biến như Imgur hoặc Tinypic, hãy đảm bảo rằng bạn nhận được liên kết trực tiếp tới hình ảnh chứ không phải thư mục lưu trữ hình ảnh.  

Biểu định kiểu bên ngoài sẽ không hoạt động

Gmail không cung cấp hỗ trợ cho các kiểu bên ngoài. Tuy nhiên, bạn có thể sử dụng CSS nhúng cũng như các kiểu nội tuyến. Một email phản hồi tốt thường bao gồm một lượng lớn CSS nội tuyến, được sử dụng chủ yếu để duy trì cấu trúc và kiểu dáng phù hợp của thư. CSS nhúng được sử dụng để thêm các kiểu và quy tắc Đặt lại CSS cần thiết để làm cho email phản hồi nhanh

Bạn không thể sử dụng phông chữ web

Gmail không cho phép bạn sử dụng bất kỳ phông chữ web nào và không có cách nào để nhập chúng vào HTML của bạn. Bạn sẽ cần sử dụng một trong các phông chữ có sẵn trong email của mình

Sử dụng trình soạn thảo HTML

Có thực sự cần thiết phải viết toàn bộ mã HTML từ đầu hoặc kiểm tra xem nó trông như thế nào trên các màn hình khác nhau không? . Có rất nhiều trình chỉnh sửa email miễn phí và trả phí có sẵn cả trực tuyến và tải xuống

Nhiều công cụ tinh vi hơn đi kèm với hàng chục mẫu hoàn hảo cho bất kỳ dịp nào. Bạn chọn đúng, điều chỉnh nó theo nhu cầu của mình, đồng thời xem trước và tải xuống toàn bộ mã HTML. Sau đó, bạn làm theo hướng dẫn ở trên để gửi bằng Gmail hoặc sử dụng bất kỳ ứng dụng khách hoặc nhà cung cấp dịch vụ email (ESP) nào khác như eSputnik, GetResponse, v.v. Hầu hết các công cụ này chạy trên mô hình freemium, cho phép bạn dùng thử miễn phí một số mẫu cơ bản và tính phí cho những mẫu nâng cao hơn

Một số nền tảng này cũng cung cấp các mẫu email HTML đáp ứng sẽ trông tuyệt vời cho dù người nhận đọc chúng trên máy tính xách tay, TV 292 inch hay điện thoại thông minh. Nếu ngân sách cho phép, chúng tôi thực sự khuyên bạn nên chọn một trong các mẫu đáp ứng, cũng như dùng thử các công cụ thiết kế, logo và tạo biểu ngữ mà chúng tôi đã đề cập ở phần đầu. Đó là một cách tốt để đảm bảo giao diện người dùng tốt hơn

Nhân tiện, gần đây chúng tôi đã giới thiệu 10 trình soạn thảo email HTML tốt nhất trên blog của chúng tôi để giúp bạn lựa chọn dễ dàng hơn. Kiểm tra chúng ở đây

Ngoài ra còn có nhiều công cụ cơ bản sẽ chỉ xem trước bất cứ thứ gì bạn chèn vào. Chúng phù hợp hơn nếu bạn đang viết mã mới hoặc sử dụng lại mã cũ và cần một cách nhanh chóng để xem trước. Những công cụ này thường miễn phí và đôi khi thậm chí không yêu cầu đăng ký

Cách kiểm tra email HTML của bạn

Đến bây giờ, email của bạn có thể đã được soạn và sẵn sàng để gửi. Bạn đã làm xong chưa? . Trước khi nhấn nút 'gửi', bạn có thể muốn kiểm tra từng mẫu trên một số ứng dụng khách và trên một số kích thước màn hình. Bạn có thể ngạc nhiên về cách một số nền tảng hiển thị thông điệp được soạn thảo cẩn thận của bạn

Với Hộp cát Email Mailtrap, bạn có thể xem trước tất cả các email thử nghiệm của mình trên các ứng dụng email phổ biến nhất và xem cách chúng được hiển thị trên các thiết bị khác nhau. . Tại đây, bạn cũng có thể xác thực HTML/CSS và nhận báo cáo bằng kiểm tra thư rác để khắc phục sự cố và gỡ lỗi ngay lập tức. Và sau khi bạn đặt các hộp thư đến khác nhau cho các dự án khác nhau – hãy chia sẻ chúng với đồng nghiệp của bạn

Mailtrap Email Sandbox cũng kiểm tra tên miền của bạn dựa trên các danh sách đen phổ biến nhất để đảm bảo sẽ không có bất kỳ vấn đề nào với khả năng gửi email của bạn

Từ cuối cùng

Như bạn có thể thấy, gửi email HTML qua Gmail không khó. Phần khó khăn duy nhất có thể là hiển thị chúng đúng cách trong vô số trình duyệt và ứng dụng email. Tuy nhiên, với một chút thực hành và bộ công cụ thích hợp, nó sẽ không thành vấn đề. Để xác thực rằng mọi thứ hoạt động trơn tru, hãy sử dụng một trong các tính năng của Mailtrap Email Sandbox – trình kiểm tra email HTML để xem Gmail, Outlook, Apple Mail và các ứng dụng email phổ biến khác phản ứng với email của bạn như thế nào. Không cần đặt SMTP của riêng bạn, hãy sử dụng Hộp cát Email Mailtrap để kiểm tra email của bạn một cách an toàn và sau đó chuyển tiếp chúng sang sản xuất bằng API Email Mailtrap. Nền tảng gửi email Mailtrap được hơn 15 nghìn người dùng hoạt động hàng tháng tin cậy để kiểm tra, gửi và kiểm soát email

Làm cách nào để gửi email HTML trong Gmail?

Gmail có nhận ra HTML không?

Tôi có thể gửi email dựa trên HTML không?