Lưu ý : bạn phải đăng ký làm thành viên thì mới có thể download tại diễn đàn này ^-^
Người đẹp
Social bookmarking
Tìm kiếm
Latest topics
Thủ thuật và Kinh nghiệm thiết kế email HTML cho Outlook 2007, 2010
Trang 1 trong tổng số 1 trang
Thủ thuật và Kinh nghiệm thiết kế email HTML cho Outlook 2007, 2010
Thiết kế Email , 4rum dvkd
trong khi Microsoft đã có những cải tiến lớn về các tiêu chuẩn web ở IE, thì dường như họ đang đi ngược lại trong việc hỗ trợ email HTML
ở Outlook. Trong phiên bản Outlook 2007, họ đã chuyển chế độ dàn trang
HTML từ bằng nhân IE sang bằng nhân Word (có lẽ là vì lý do bảo mật),
điều đó làm tê liệt hoàn toàn các email HTML so với trước. Đối với bất kỳ ai làm mail marketing và cần thiết kế, lập trình các email HTML hấp dẫn, quyết định này chẳng khác nào buộc họ phải giơ nắm đấm và nguyền rủa Bill Gates.
Và tất cả đều hy vọng rằng, trong phiên bản Outlook 2010, Microsoft
sẽ quay trở lại với nhân IE, nhưng rốt cuộc, họ vẫn gắn bó với nhân
Word. Những cái đinh ba và ngọn đuốc giận dữ đang vung lên, nhưng dường
như chúng ta vẫn phải chung sống với nhân Word trong nhiều năm nữa. Thậm
chí nếu sắp tới Microsoft chuyển sang dùng nhân IE cho phiên bản
Outlook 2012, chúng ta sẽ vẫn còn những khách hàng đang dùng Outlook
2007, 2010. Vậy là nếu bạn chưa từng học cách thiết kế email HTML cho
Outlook, bây giờ là lúc để học.
BlinkContact đã thiết kế rất nhiều email HTML cho các khách hàng quan
trọng, và chúng tôi đã thực hiện hàng nghìn chiến dịch trong nhiều năm,
vì thế chúng tôi có nhiều kinh nghiệm trong việc test email HTML với
các chương trình đọc khác nhau và thu được nhiều kỹ thuật cần thiết. Với
Outlook 2007, chúng ta đang đối mặt với chương trình đọc email khó tính
nhất, và nói chung, nếu email HTML của bạn hiển thị tốt trên Outlook
thì gần như chắc chắn nó hiện tốt ở tất cả các chương trình khác.
Hạn chế của Outlook với email HTML
Điều đầu tiên bạn cần phải hiểu khi thiết kế và code cho Outlook là
các quy tắc thông thường thông thể áp dụng được ở đây. Hãy quên đi tất
cả những thói quen dùng CSS – tưởng tưởng bạn đang quay trở lại năm 2001
với những tag HTML lúc đó. Lưu ý rằng một số thứ trong CSS có thể vẫn
chạy được trong Outlook, nhưng tôi khuyên bạn tránh dùng chúng vì theo
kinh nghiệm của tôi, chúng thường không hiển thị nhất quán, và thật xấu
hổ khi nhận được một email phản hồi từ khách hàng của bạn hỏi rằng tại
sao email HTML lại bị vỡ khi họ gửi đi. Vậy nên hãy tin tưởng và làm
theo những gì tôi nói.
Những kinh nghiệm chung với Outlook 2007
Hãy xem qua ví dụ dưới đây:
Hãy xem đoạn text đầu tiên để hiểu cách email HTML nên được code cho phù hợp với Outlook.
Lưu ý rằng chúng ta đang dùng table để phân chia bố cục, không dùng
CSS, và chúng ta đang dãn các ô bằng các ảnh GIF trống. Tất cả các style
được đưa thẳng vào từng tag tương ứng, không đưa vào tag
chung toàn cục. Cũng lưu ý rằng chúng ta đang bố trí khoảng
trống dọc bằng margin, không dùng padding.
Nhiều người thiết kế website chê cười những công cụ như Dreamweaver
vì nó không cung cấp chế độ design chính xác cho CSS nâng cao. Nhưng
Dreamweaver thực sự là một công cụ tốt cho email, và nó có thể hiển thị
email khá chính xác. Ban đầu nó được thiết kế để tạo website trước cả
khi các web nhiều màu sắc được phổ biến, tức là rất phù hợp với mục đích
của chúng ta. Nó chắc chắn sẽ giúp bạn tạo các table, nên đừng ngại
dùng nó.
Test email HTML của bạn [Dịch vụ kinh doanh]
Có 3 cách để test email HTML:
Cách thứ nhất đem lại kết quả chính xác nhất nhưng có trở ngại là khó thực hiện, về cơ bản bạn có thể dùng hai cách sau.
Nếu bạn đang sử dụng Windows và có cài Outlook trong trong máy, cách
test nhanh nhất dù cẩu thả là mở mẫu email HTML của bạn trong IE, và
chọn File > Send > Page by email. Một cửa sổ email Outlook sẽ mở
ra, bạn chèn code chính xác vào đó. Đừng tin vào những gì hiển thị khi
bạn đang soạn email, hãy gửi nó cho chính bạn, sau đó bạn có thể xem
email trông như thế nào.
Nếu bạn là một người dùng Mac, mẹo này không làm được, bạn có thể sẽ
muốn dùng một dịch vụ test trình duyệt có bao gồm cả test email HTML.
Tôi dùng Limus, nó cho phép bạn test email HTML với hàng tá webmai và
chương trình đọc email để chắc rằng email HTML của bạn hiển thị đúng. Nó
cũng cho phép bạn test email HTML trong chế đọ bật hoặc tắt ảnh. Dịch
vụ này đắt, nhưng nếu bạn dùng nhiều, nó thật đáng giá. Các chương trình
đọc email HTML có nhiều vấn đề về tương thích hơn cả các bản sao mô
phỏng chúng trên trình duyệt, có thể bạn sẽ cần test nhiều hơn.
Chắc chắn đây không phải là một bài viết đầy đủ về thiết kế email
HTML cho Outlook, nhưng nó sẽ tạo cho bạn một nền tảng tốt. Giống như
mọi thứ trên web, bạn chắc chắn sẽ tìm thêm nhiều thói quen khác, nhưng
làm theo các hướng dẫn trên đây sẽ giúp bạn 90% đó trong việc thiết kế
email HTML.
Dịch vụ kinh doanh
Nguồn: blinkcontact.com
trong khi Microsoft đã có những cải tiến lớn về các tiêu chuẩn web ở IE, thì dường như họ đang đi ngược lại trong việc hỗ trợ email HTML
ở Outlook. Trong phiên bản Outlook 2007, họ đã chuyển chế độ dàn trang
HTML từ bằng nhân IE sang bằng nhân Word (có lẽ là vì lý do bảo mật),
điều đó làm tê liệt hoàn toàn các email HTML so với trước. Đối với bất kỳ ai làm mail marketing và cần thiết kế, lập trình các email HTML hấp dẫn, quyết định này chẳng khác nào buộc họ phải giơ nắm đấm và nguyền rủa Bill Gates.
Và tất cả đều hy vọng rằng, trong phiên bản Outlook 2010, Microsoft
sẽ quay trở lại với nhân IE, nhưng rốt cuộc, họ vẫn gắn bó với nhân
Word. Những cái đinh ba và ngọn đuốc giận dữ đang vung lên, nhưng dường
như chúng ta vẫn phải chung sống với nhân Word trong nhiều năm nữa. Thậm
chí nếu sắp tới Microsoft chuyển sang dùng nhân IE cho phiên bản
Outlook 2012, chúng ta sẽ vẫn còn những khách hàng đang dùng Outlook
2007, 2010. Vậy là nếu bạn chưa từng học cách thiết kế email HTML cho
Outlook, bây giờ là lúc để học.
BlinkContact đã thiết kế rất nhiều email HTML cho các khách hàng quan
trọng, và chúng tôi đã thực hiện hàng nghìn chiến dịch trong nhiều năm,
vì thế chúng tôi có nhiều kinh nghiệm trong việc test email HTML với
các chương trình đọc khác nhau và thu được nhiều kỹ thuật cần thiết. Với
Outlook 2007, chúng ta đang đối mặt với chương trình đọc email khó tính
nhất, và nói chung, nếu email HTML của bạn hiển thị tốt trên Outlook
thì gần như chắc chắn nó hiện tốt ở tất cả các chương trình khác.
Hạn chế của Outlook với email HTML
Điều đầu tiên bạn cần phải hiểu khi thiết kế và code cho Outlook là
các quy tắc thông thường thông thể áp dụng được ở đây. Hãy quên đi tất
cả những thói quen dùng CSS – tưởng tưởng bạn đang quay trở lại năm 2001
với những tag HTML lúc đó. Lưu ý rằng một số thứ trong CSS có thể vẫn
chạy được trong Outlook, nhưng tôi khuyên bạn tránh dùng chúng vì theo
kinh nghiệm của tôi, chúng thường không hiển thị nhất quán, và thật xấu
hổ khi nhận được một email phản hồi từ khách hàng của bạn hỏi rằng tại
sao email HTML lại bị vỡ khi họ gửi đi. Vậy nên hãy tin tưởng và làm
theo những gì tôi nói.
Những kinh nghiệm chung với Outlook 2007
- Quên đi việc tách nội dung bằng CSS. Chỉ tạo email HTML với các
table và ảnh GIF trống. Không thẻ . Hãy xem ví dụ dưới đây… - Không dùng background, chỉ dùng màu nền.Nếu bạn muốn đặt text lên
trên ảnh trong email HTML, bạn sẽ phải tạo một vùng phía sau phần text
với một màu nền duy nhất, rồi cắt nhỏ ảnh theo bố cục. - Bạn có thể dùng các style cơ bản, nhưng hãy dùng chúng thẳng trong
từng tag, đừng để trong phần header. Đừng cố tưởng tượng, rất nhiều thứ
chạy tốt trên trình duyệt nhưng không chạy được trên Outlook.
- Đừng dùng padding, chỉ dùng margin. Padding sẽ không hiển thị chuẩn.
- Dùng code càng đơn giản càng tốt.
- Tối ưu hóa email HTML của bạn cho chế độ ‘tắt ảnh’, đó thường là chế
độ mặc định khi người nhận mở email. Nếu bạn không khai báo chiều cao
của ảnh, email HTML sẽ bị co lại theo chiều dọc, đẩy phần nội dung text
lên phía trên,dù cho bạn đã xác định chiều rộng ảnh.
Hãy xem qua ví dụ dưới đây:
Hãy xem đoạn text đầu tiên để hiểu cách email HTML nên được code cho phù hợp với Outlook.
Lưu ý rằng chúng ta đang dùng table để phân chia bố cục, không dùng
CSS, và chúng ta đang dãn các ô bằng các ảnh GIF trống. Tất cả các style
được đưa thẳng vào từng tag tương ứng, không đưa vào tag
chung toàn cục. Cũng lưu ý rằng chúng ta đang bố trí khoảng
trống dọc bằng margin, không dùng padding.
Nhiều người thiết kế website chê cười những công cụ như Dreamweaver
vì nó không cung cấp chế độ design chính xác cho CSS nâng cao. Nhưng
Dreamweaver thực sự là một công cụ tốt cho email, và nó có thể hiển thị
email khá chính xác. Ban đầu nó được thiết kế để tạo website trước cả
khi các web nhiều màu sắc được phổ biến, tức là rất phù hợp với mục đích
của chúng ta. Nó chắc chắn sẽ giúp bạn tạo các table, nên đừng ngại
dùng nó.
Test email HTML của bạn [Dịch vụ kinh doanh]
Có 3 cách để test email HTML:
- gửi nó cho chính bạn và xem trên các máy tính khác nhau với những chương trình đọc khác nhau
- sử dụng dịch vụ test như Litmus
- và dùng mẹo ‘Send page as Email’ (chỉ với Window/IE).
Cách thứ nhất đem lại kết quả chính xác nhất nhưng có trở ngại là khó thực hiện, về cơ bản bạn có thể dùng hai cách sau.
Nếu bạn đang sử dụng Windows và có cài Outlook trong trong máy, cách
test nhanh nhất dù cẩu thả là mở mẫu email HTML của bạn trong IE, và
chọn File > Send > Page by email. Một cửa sổ email Outlook sẽ mở
ra, bạn chèn code chính xác vào đó. Đừng tin vào những gì hiển thị khi
bạn đang soạn email, hãy gửi nó cho chính bạn, sau đó bạn có thể xem
email trông như thế nào.
Nếu bạn là một người dùng Mac, mẹo này không làm được, bạn có thể sẽ
muốn dùng một dịch vụ test trình duyệt có bao gồm cả test email HTML.
Tôi dùng Limus, nó cho phép bạn test email HTML với hàng tá webmai và
chương trình đọc email để chắc rằng email HTML của bạn hiển thị đúng. Nó
cũng cho phép bạn test email HTML trong chế đọ bật hoặc tắt ảnh. Dịch
vụ này đắt, nhưng nếu bạn dùng nhiều, nó thật đáng giá. Các chương trình
đọc email HTML có nhiều vấn đề về tương thích hơn cả các bản sao mô
phỏng chúng trên trình duyệt, có thể bạn sẽ cần test nhiều hơn.
Chắc chắn đây không phải là một bài viết đầy đủ về thiết kế email
HTML cho Outlook, nhưng nó sẽ tạo cho bạn một nền tảng tốt. Giống như
mọi thứ trên web, bạn chắc chắn sẽ tìm thêm nhiều thói quen khác, nhưng
làm theo các hướng dẫn trên đây sẽ giúp bạn 90% đó trong việc thiết kế
email HTML.
Dịch vụ kinh doanh
Nguồn: blinkcontact.com
ketban2424- Admin
- Tổng số bài gửi : 459
Points : 1723
Reputation : 8
Join : 04/08/2011
Similar topics
» Thiết kế Email Marketing với HTML
» Kinh doanh ngành dịch vụ ăn uống khi chưa có kinh nghiệm
» Làm sao thiết kế mẫu email marketing hiệu quả
» Kinh nghiệm cho nhà tư vấn SEO chuyên nghiệp
» Mẫu email , Email Templates của blinkcontact
» Kinh doanh ngành dịch vụ ăn uống khi chưa có kinh nghiệm
» Làm sao thiết kế mẫu email marketing hiệu quả
» Kinh nghiệm cho nhà tư vấn SEO chuyên nghiệp
» Mẫu email , Email Templates của blinkcontact
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
Tue Jul 28, 2015 10:41 pm by wm1933
» Hakoiri Shoujo: Virgin Territory, anime hentai 18+ , vietsub by Baka-sub
Fri Feb 14, 2014 12:37 pm by jake9x
» Learn English Vocabulary - GRE (145 Lesson / 5') part1
Fri Nov 22, 2013 11:37 am by tien02ltck2
» BEN 10 [Mediafire + vietsub ]
Thu Sep 19, 2013 11:39 am by cucphamdangian
» Panty Flash Teacher, hoạt hình người lớn 18+ , vietsub by Baka-sub
Wed May 01, 2013 2:48 pm by lahan42012
» Game Ninja Legend of Kage (Free) dành cho Smartphone Android và Tablet…
Tue Oct 30, 2012 9:38 am by thejovialman
» Bán website nông nghiệp
Wed Oct 03, 2012 6:25 am by mshuong
» Anime NARUTO 50 MB/ep + SS1+SS2+ 7 The Movie, update thường xuyên!!!
Tue Sep 25, 2012 6:46 am by dionelam
» Viết ứng dụng Facebook
Mon Sep 24, 2012 5:13 pm by it24seo24