Email có thể phản hồi không?

8

Yêu hay ghét nó, không thể phủ nhận sự phổ biến của email HTML. Và, giống như web trước đó, hộp thư đến đã chính thức chuyển sang điện thoại di động với hơn 50 phần trăm email mở xảy ra trên thiết bị di động.

Vì vậy, email có thể thực sự phản hồi khi xem xét Email HTML Suck như thế nào?

html responsive-design

— Kan Kan
nguồn

Điều đó không phụ thuộc vào ứng dụng email, chủ yếu là mẫu email web sẽ ưu tiên mục tiêu của bạn vì nó bao bọc xung quanh HTML của bạn

— joojaa

Kiểm tra DEVTIPS trên youtube. Tôi khá chắc chắn có một video về Email phản hồi.

— Komental

Tôi thích câu hỏi của bạn nhưng tại thời điểm này bạn có phiền khi chỉnh sửa nó để phù hợp với lĩnh vực "thiết kế" bởi vì điều này có thể phù hợp hơn với SO theo nghĩa người ta sẽ đảm bảo đây là câu hỏi liên quan đến mã chứ không phải là thiết kế câu hỏi liên quan.

— DVᴀᴅᴇʀ

Không phải chỉ là vấn đề sử dụng% trong bảng sao? Tôi đã tạo một mẫu mailchimp chỉ với% khiến nó hoàn hảo cho mọi thiết bị ..

— rwzdoorn

3

Vì vậy, email có thể thực sự được đáp ứng

Câu trả lời đơn giản cho câu hỏi của bạn .. CÓ

Các email HTML nằm trong cùng một quy tắc của các trang web nhưng thông thường chúng khó xử lý hơn và vẫn dựa vào kiểu mã ngày cũ bằng cách sử dụng <table>thẻ. Có một bài viết tuyệt vời của Web Design Tuts mà tôi muốn có xung quanh khi tôi bắt đầu làm email HTML.

Một chút về hướng dẫn là nó thảo luận về cách tạo một email phản hồi và một lưu ý quan trọng khi tạo email HTML là CSS phải được đặt nội tuyến ở cuối. Nó thảo luận về cách nhắm mục tiêu CSS cho Yahoo body[yahoo] .class {}và họ tham khảo bài viết của Tina Ye về " Email phản hồi HTML: Chiến lược khác biệt ".

Vì bài viết của Webdesign Tuts không đi sâu vào chi tiết về bài viết của Tina, tôi khuyên bạn nên đọc nó vì cô ấy đi vào phương pháp thiết kế di động đầu tiên và chỉ ra cách thiết kế cho Lotus 8, Outlook 00-03, Outlook 2007+ và Apple :

Lotus Notes 8 & Outlook 2000-2003

 <!--[if IE]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
      </td>
    </tr>
  </table>
<![endif]-->

Outlook 2007+

<!--[if (gte mso 9)|(IE)]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
<![endif]-->

Thư Apple

@media only screen and (min-device-width: 541px) {
  .content {
    width: 540px !important;
  }
}

Nếu bạn thực hiện tìm kiếm Google cho các mẫu email phản hồi, có một bài viết có tên là " 32 mẫu email phản hồi cho doanh nghiệp nhỏ của bạn " của Mashable.
Nó thảo luận về các mẫu miễn phí và trả phí cho email của bạn và nó đi vào Zurb mà tôi muốn giới thiệu nếu bạn đang sử dụng Foundation cho thiết kế web.

— DVᴀᴅᴇʀ
nguồn

1

Họ chắc chắn có thể! Đây là một mẫu bạn có thể sử dụng để tạo email HTML phản hồi: http://zurb.com/ink/ . Tạo email HTML từ đầu đòi hỏi nhiều kiến thức về cách ứng dụng email phân tích email. Mẫu này đảm bảo rằng email của bạn xuất hiện chính xác trên tất cả các ứng dụng email.

Tất cả những gì bạn cần làm là thay thế nội dung của tệp bằng email của bạn và chạy tệp này thông qua một tập lệnh trong ứng dụng xử lý việc gửi email.

— Nag
nguồn

1

Vui lòng cung cấp thêm thông tin về liên kết bạn đã cung cấp vì tại thời điểm này, đây chỉ là liên kết trả lời và trong tương lai nếu trang web bị sập, bạn có thể nhận được một số lượt tải xuống.

— DVᴀᴅᴇʀ

1

Chỉnh sửa câu trả lời.

— Nag

Đẹp, thực sự thú vị (và tài liệu tốt!) Tài nguyên.

— user56reinstatemonica8

1

Có bạn có thể, nhưng trừ khi bạn có một niềm đam mê lớn cho việc này không làm phiền. Hãy tưởng tượng mã hóa cho IE5 và phải kiểm tra điều đó. Có thể tốt hơn để mua một mẫu cho loại điều này hơn là thực hiện giải pháp bespoke của riêng bạn.

— C3Lawrence
nguồn