2011-12-08 37 views
10

Tôi hiện đang mã hóa email HTML, sử dụng MailChimp để kiểm tra và cuối cùng gửi nó.Phản đối trong email HTML

Email quảng cáo một số lần bán hàng, được hiển thị bằng cách sử dụng thẻ HTML strike. Vì một số lý do, các thẻ strike này không được chuyển đến email kiểm tra đã hoàn thành.

Mã như nó xuất hiện trong MailChimp:

<strike>$12.95</strike> SALE! $9.95 

Mã trong email kiểm tra, lấy ra sử dụng Chrome Web Tools:

$12.95 SALE! $9.95 

Cá nhân tôi đã xác minh rằng điều này xảy ra trong Gmail, Outlook 2007 và Yahoo! Thư. Một kết quả nhanh chóng của kết quả kiểm tra MailChimp Inbox Inspector của tôi cho tôi biết vấn đề chắc chắn không giới hạn trong ba vấn đề này.

Bất kỳ ý tưởng nào tại sao điều này có thể xảy ra? Có một giải pháp thay thế đáng tin cậy hơn mà tôi có thể sử dụng mà không cần sử dụng hình ảnh không?

Trả lời

16

An-line phong cách của text-decoration:line-through là lựa chọn tốt nhất của bạn và nó có vẻ là widely supported . PDF trên trang đó có kết quả lớn hơn nhiều cho nhiều khách hàng hơn.

Ngoài ra, có thể đáng thử ra fractal khi họ xác nhận quyền sở hữu để tối ưu hóa và xác thực e-mail HTML. Tôi đã không sử dụng nó bản thân mình. Hãy nhớ rằng có vẻ như bạn cần phải đăng ký dịch vụ.

+0

Great câu trả lời! Điều này đã thực sự khắc phục vấn đề của tôi. Mặc dù bạn không phải là người đầu tiên, tôi đã chấp nhận câu trả lời của bạn để liên kết với bảng hỗ trợ và Fractal. =) Cảm ơn nhiều! –

+1

+1. Tôi tình cờ gặp vấn đề này và tôi nghĩ chúng ta nên tránh sử dụng thẻ như những kẻ ở [MDN được đề xuất] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike) . –

4

bạn có thể thử các css tài sản text-decoration: line-through; - có thể được chấp nhận rộng rãi hơn ...

4

Hãy thử:

<span style='text-decoration: line-through;'>12.95</span> SALE $9.95 
3

Có nguy cơ bị tước phong cách của bạn khỏi email, bạn có thể thử kiểu nội tuyến trên từng phần tử.

<span style="text-decoration: line-through;">$12.95</span> 

Nhưng điều cần lưu ý trong trường hợp này là bản tin html rất khó và không thể được tạo kiểu giống hệt nhau trong tất cả ứng dụng thư khách. Đó là khá nhiều lý do tại sao nó được đề xuất để hoàn toàn dựa vào phong cách cũ tabled html không có hình ảnh nền hoặc css hiện đại. Trong khi bạn CÓ THỂ thêm phong cách và bạn có thể khiến chúng không bị lột ra, nó vẫn không được đảm bảo trong mọi khách hàng.

Đề xuất của tôi là chuyển tất cả html và tab thô thô thành hình ảnh nếu điều đó quan trọng. Nếu không, hãy soạn danh sách các ứng dụng thư có ý nghĩa nhất đối với bạn và làm cho nó hoạt động tuy nhiên bạn có thể làm tất cả những điều đó và quên đi phần còn lại.

+0

Lời khuyên tốt! Cảm ơn! =) –

+0

Rất hữu ích. Outlook.com hỗ trợ chỉnh sửa html ra khỏi hộp, cho Gmail, người ta phải tạo html ở nơi khác (ví dụ: trên trang web) và sau đó sao chép/dán vào thư, xem http: // webapps.stackexchange.com/a/3561/24599. –

4

Đây là những phong cách để tô màu cho chữ và srikethrough đoạn Phúc Âm:

<span style="color:red; text-decoration:line-through;"> 
    <span style="color:black;">black with red strikethrough</span> 
</span>