Hướng dẫn chèn html vào gmail

Chào các bạn, bạn thường nhận được các email quảng cáo của ngân hàng, hay của một đơn vị nào đó gửi cho bạn. Email đó rất đẹp, với giao diện nhiều màu sắc, nội dung mạch lạc, ngắn gon nhưng vô cùng bắt mắt. Bạn muốn gửi những email html bằng gmail như vậy nhưng lại không biết làm như thế nào?. Mình sẽ hướng dẫn cho bạn và sau đó bạn sẽ tự mày mò thêm để nâng cao nhé.

1. TẠO TEMPLATE EMAIL MARKETING HTML BẰNG STRIPO EMAIL
2. ĐƯA CODE HTML VÀO GMAIL ĐỂ GỬI MAIL
3. LƯU MAIL HTML VÀO GMAIL LÀM MAIL MẪU

1. TẠO TEMPLATE EMAIL MARKETING HTML BẰNG STRIPO EMAIL​

Đầu tiên, để tạo ra một template email marketing đẹp chúng ta sẽ cần một công cụ đơn gian nhưng hiệu quả. Mình giới thiệu đến các bạn sử dụng của STRIPO EMAIL, thằng này làm tương đối đơn giản mà khi lấy code HTML ra cũng nhanh và gọn. Truy cập STRIPO EMAIL tại đây.

Hướng dẫn chèn html vào gmail

Sau khi truy cập vào STRIPO EMAIL và tạo cho mình 1 template ưng ý, bạn click chuột ra ngoài template và nhấn vào biểu tượng </>. Sao cho ra được toàn bộ code HTML như thế này.

Hướng dẫn chèn html vào gmail

Sau đó bạn tìm đoạn code có tag <table class=”es-wrapper” width=”100%” cellspacing=”0″ cellpadding=”0″>. Nhấn vào nút thu gọn và coppy toàn bộ đoạn code của tag này.

2. ĐƯA CODE HTML VÀO GMAIL ĐỂ GỬI MAIL​

Coppy xong được đoạn code HTML vừa rồi là xong bước 1 nhé. Giờ đến bước quan trọng nhất, làm sao để gửi qua gmail được. Gmail hiện tại chưa có công cụ để bạn có thể tạo ra những giao diện mail marketing đẹp vì vậy chúng ta hãy cùng tự làm nào.

Bước 1: Tìm lại 1 email quảng cáo được nhận từ ngân hàng, khách sạn bất kể email quảng cáo bằng template HTML nào đó bạn được nhận. Và chọn chuyển tiếp Email nhưng không nhấn Gửi nhé.​

Bước 2: Bật F12 và chọn vùng bao quanh HTML của template như hình dưới.​

Hướng dẫn chèn html vào gmail


Bước 3: Nhấp chuột phải vào tag trên và chon Edit as HTML. Sau đó thay thế toàn bộ code HTML của tag này bằng code HTML mà bạn đã thiết kế trước đó. Lưu ý: Bước 1 rất quan trọng vì chúng ta đang dù ké trên nền của email marketing và đang đánh lừa Gmail nhé.​

Vậy là đã xong đoạn quan trọng nhất, bạn có thể nhấn gửi và xem kết quả của mình nhé.

3. LƯU MAIL HTML VÀO GMAIL LÀM MAIL MẪU​

Từ thiết kế template email marketing cho đến làm sao để gửi mail HTML qua Gmail là công đoạn rất mất thời gian. Vì vậy, việc lưu mẫu để sử dụng nhiều lần template này là điều nên làm.

Bước 1: Cài đặt tính năng lưu mẫu của Gmail​

Hướng dẫn chèn html vào gmail

Bước 2: Thực hiện chuyển tiếp email marketing mà bạn vừa gửi lúc này Nhưng không nhấn gửi. Sau đó nhấn nhấn lưu mẫu như hình.

Hướng dẫn chèn html vào gmail

Vậy là xong các bước để gửi một email HTML marketing đẹp bằng Gmail. Việc gửi mail qua gmail mang tính hiệu quả rất cao khi mail sẽ có tỉ lệ vào Inbox rất cao. Việc càng cá nhân hóa email thì email marketing của bạn càng đạt hiệu quả.

Cảm ơn bạn đã quan tâm theo dõi nội dung mình vừa chia sẻ. Chúc bạn thành công thực hiện một email marketing đẹp và hiệu quả.

Ngoài ra ACE nào cần tham khảo bảng giá Internet VNPT doanh nghiệp tại đây nhé: http://taphoa.website/lap-dat-internet-vnpt-tai-hcm-internet-van-phong/

Cách sử dụng ứng dụng thư khách để gửi email HTML

Hầu hết các ứng dụng email hiện đại gửi email HTML theo mặc định khi thư đó được viết trong chính ứng dụng email. Ví dụ: Gmail và Yahoo! thư đều có trình soạn thảo WYSIWYG được tích hợp sẵn mà bạn có thể sử dụng để viết các tin nhắn HTML. Nhưng nếu bạn muốn viết HTML của bạn trong một trình soạn thảo bên ngoài và sau đó sử dụng nó trong ứng dụng email của bạn, nó có thể phức tạp hơn một chút.

Các bước đầu tiên để viết HTML của bạn

Nếu bạn định viết các thông điệp HTML của mình trong một trình soạn thảo khác như Dreamweaver hoặc Notepad , có một vài điều bạn nên nhớ để thông điệp của bạn hoạt động.

  • Hình ảnh của bạn nên được lưu trữ trên trang web công cộng. Họ không phải ở trên một trang web, nhưng họ cần phải được nhìn thấy từ internet.
  • Viết các thuộc tính SRC hình ảnh của bạn với URL đầy đủ của hình ảnh. Hãy chắc chắn kiểm tra xem hình ảnh có hiển thị trước khi bạn gửi tin nhắn không.
  • Không sử dụng đường dẫn tương đối trên các liên kết. Bạn cũng nên sử dụng URL đủ điều kiện cho các liên kết.
  • Nếu bạn đang sử dụng CSS, bạn nên nhúng chúng vào HTML bằng cách sử dụng phần tử STYLE hoặc liên kết đến chúng bằng URL đủ điều kiện.
  • Tốt nhất nên tránh JavaScript, nhưng nếu bạn phải sử dụng nó, bạn nên nhúng nó với phần tử SCRIPT.

Bạn cũng nên nhớ rằng trong khi các ứng dụng email đang ngày càng tốt hơn, bạn không thể dựa vào chúng để hỗ trợ các tính năng nâng cao như Ajax, CSS3 hoặc HTML5 . Bạn càng làm cho thông điệp của mình càng đơn giản thì hầu hết khách hàng của bạn sẽ có thể xem được chúng.

Thủ thuật để nhúng HTML bên ngoài vào thư email

Một số ứng dụng email giúp dễ dàng hơn những người khác sử dụng HTML đã được tạo trong một chương trình hoặc trình chỉnh sửa HTML khác. Dưới đây là một số hướng dẫn ngắn về cách tạo hoặc nhúng HTML trong một số ứng dụng email phổ biến.

Gmail

Gmail không muốn bạn tạo HTML bên ngoài và gửi nó trong ứng dụng email của họ. Nhưng có một cách tương đối dễ dàng để nhận email HTML hoạt động — sử dụng sao chép và dán. Đây là những gì bạn làm:

  1. Viết email HTML của bạn trong trình chỉnh sửa HTML. Hãy chắc chắn sử dụng đường dẫn đầy đủ, bao gồm cả URL tới bất kỳ tệp bên ngoài nào được đề cập ở trên.
  2. Khi tệp HTML hoàn tất, hãy lưu tệp đó vào ổ cứng của bạn, không quan trọng ở đâu.
  3. Mở tệp HTML trong trình duyệt web. Nếu có vẻ như bạn mong đợi (hình ảnh hiển thị, kiểu CSS chính xác, v.v.), sau đó chọn toàn bộ trang bằng cách sử dụng Ctrl-A hoặc Cmd-A.
  4. Sao chép toàn bộ trang bằng cách sử dụng Ctrl-C hoặc Cmd-C.
  5. Dán trang vào cửa sổ thư Gmail đang mở bằng cách sử dụng Ctrl-V hoặc Cmd-V.

Khi bạn đã nhận được thư của mình trong Gmail, bạn có thể thực hiện một số chỉnh sửa, nhưng hãy cẩn thận, vì bạn có thể xóa một số kiểu của mình và chúng rất khó mang lại mà không sử dụng các bước tương tự ở trên.

Mac Mail

Giống như Gmail, Mac Mail không có cách nào để nhập HTML trực tiếp vào thư email, nhưng có một tích hợp thú vị với Safari giúp dễ dàng. Dưới đây là cách thực hiện:

  1. Viết email HTML của bạn trong trình chỉnh sửa HTML. Hãy chắc chắn sử dụng đường dẫn đầy đủ, bao gồm cả URL tới bất kỳ tệp bên ngoài nào được đề cập ở trên.
  2. Khi tệp HTML hoàn tất, hãy lưu tệp đó vào ổ cứng của bạn, không quan trọng ở đâu.
  3. Mở tệp HTML trong Safari. Thủ thuật này chỉ hoạt động trong Safari, vì vậy bạn nên quen với việc kiểm tra email HTML của mình trong Safari ngay cả khi bạn sử dụng một trình duyệt khác cho hầu hết các trình duyệt web của mình.
  4. Xác minh rằng email HTML trông như thế nào bạn muốn nó trông, và sau đó nhập nó vào thư với phím tắt Cmd-I.

Sau đó, Safari sẽ mở trang trong ứng dụng thư khách chính xác như được hiển thị trong trình duyệt và bạn có thể gửi trang đó tới bất kỳ ai bạn muốn.

Thunderbird

Bằng cách so sánh, Thunderbird giúp bạn dễ dàng tạo HTML của mình và sau đó nhập nó vào thư của bạn. Dưới đây là cách thực hiện:

  1. Viết email HTML của bạn trong trình chỉnh sửa HTML. Hãy chắc chắn sử dụng đường dẫn đầy đủ, bao gồm cả URL tới bất kỳ tệp bên ngoài nào được đề cập ở trên.
  2. Xem HTML của bạn trong chế độ xem mã, để bạn có thể xem tất cả ký tự . Sau đó chọn tất cả HTML bằng cách sử dụng Ctrl-A hoặc Cmd-A.
  3. Sao chép HTML của bạn bằng cách sử dụng Ctrl-C hoặc Cmd-C.
  4. Mở Thunderbird và bắt đầu một tin nhắn mới.
  5. Nhấp vào Chèn và chọn HTML ...
  6. Khi cửa sổ bật lên HTML xuất hiện, hãy dán HTML của bạn vào cửa sổ bằng cách sử dụng Ctrl-V hoặc Cmd-V.
  7. Nhấp vào Chèn và HTML của bạn sẽ được chèn vào thư của bạn.

Một điều tuyệt vời về việc sử dụng Thunderbird cho ứng dụng thư của bạn là bạn có thể kết nối nó với Gmail và các dịch vụ email trực tuyến khác khiến việc nhập email HTML trở nên khó khăn. Sau đó, bạn có thể sử dụng các bước ở trên để tạo và gửi email HTML bằng Gmail qua Thunderbird.

Hãy nhớ rằng, không phải ai cũng có email HTML

Nếu bạn gửi email HTML đến một người mà ứng dụng email khách không hỗ trợ email, họ sẽ nhận được HTML dưới dạng văn bản thuần túy. Trừ khi họ là một nhà phát triển web , thoải mái với việc đọc HTML, họ có thể nhìn thấy bức thư như rất nhiều gobbledegook và xóa nó mà không cố gắng để đọc nó.

Nếu bạn đang gửi một bản tin email , bạn nên cung cấp cho độc giả của bạn cơ hội để chọn email HTML hoặc văn bản thuần túy. Nếu bạn chỉ sử dụng nó để gửi cho bạn bè và gia đình, bạn nên đảm bảo họ có thể đọc email HTML trước khi gửi cho họ.