wordpress - Woocommerce 中损坏的 HTML 电子邮件

问题描述

我从今天开始使用 Woocommerce 并开始设置我们的商店。除电子邮件外，一切正常。正如您在下面看到的，它们相当拙劣。该问题出现在 Thunderbird 和 Yahoo webclient 中，但未出现在其他一些 weblclients 中（例如 posteo）。

我已经尝试使用默认电子邮件（导致空白电子邮件）和
至少显示一些内容的 Kadence WooCommerce 电子邮件设计器（见上文）。我查看了电子邮件的源代码，它显示为：

Message-ID: <39321b957d30d5e35cbf37b35fe0679c@www.blumenwandl.at>
X-Mailer: PHPMailer 5.2.27 (https://github.com/PHPMailer/PHPMailer)
MIME-Version: 1.0
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE html>=0A<html lang=3D"de-DE" style=3D"height: 100%; position: rel=

ative;">=0A<head>=0A<meta http-equiv=3D"Content-Type" content=3D"text/html;=

 charset=3DUTF-8">=0A<title>Blumen Wandl</title>=0A</head>=0A<body leftmarg=

in=3D"0" marginwidth=3D"0" topmargin=3D"0" marginheight=3D"0" offset=3D"0" =

class=3D"kt-woo-wrap order-items-normal k-responsive-fluid title-style-none=

 email-id-customer_completed_order" style=3D"height: 100%; position: relati=

ve; background-color: #e2e8f0; margin: 0; padding: 0;">=0A=09=09<div id=3D"=

wrapper" dir=3D"ltr" style=3D"background-color: #e2e8f0; padding: 70px 0 70=

px 0; width: 100%; padding-top: 5px; padding-bottom: 30px; -webkit-text-siz=

e-adjust: none; margin: 0 auto;">=0A=09=09=09<table border=3D"0" cellpaddin=

g=3D"0" cellspacing=3D"0" height=3D"100%" width=3D"100%"><tr>=0A<td align=

=3D"center" valign=3D"top">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09<table=

 id=3D"template_header_image_container" style=3D"width: 100%; background-co=

lor: #e2e8f0;"><tr id=3D"template_header_image" style=3D"width: 100%; min-w=

idth: 320px;">=0A<td align=3D"center" valign=3D"middle">=0A=09=09=09=09=09=

=09=09=09=09=09<table border=3D"0" cellpadding=3D"0" cellspacing=3D"0" widt=

h=3D"100%" id=3D"template_header_image_table"><tr>=0A<td align=3D"center" v=

align=3D"middle" style=3D"text-align: center; padding-top: 10px; padding-bo=

ttom: 10px;">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09<p style=3D"margin-b=

ottom: 0; margin-top: 0;"><img src=3D"http://themes.kadencethemes.com/ascen=

d-premium-3/wp-content/uploads/2019/08/example_email_logo_acme.png" alt=3D"=

Blumen Wandl" width=3D"200" style=3D"border: none; display: inline; font-we=

ight: bold; height: auto; outline: none; text-decoration: none; text-transf=

orm: capitalize; font-size: 14px; line-height: 24px; width: 100%; max-width=

: 200px;"></p>=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=09=09=

=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=09=09=09=09=09=09=09</tr></ta=

ble>=0A<table border=3D"0" cellpadding=3D"0" cellspacing=3D"0" width=3D"670=

" id=3D"template_container" style=3D"background-color: #ffffff; overflow: h=

idden; border-style: solid; max-width: 670px; border-top-width: 5px; border=

-color: #4299e1; border-radius: 0px; border-right: 0px solid #e2e8f0; borde=

r-bottom: 0px solid #e2e8f0; border-left: 0px solid #e2e8f0; box-shadow: 0 =

1px 4px 1px rgba(0,0,0,0.1); width: 100%; min-width: 320px;">=0A<tr>=0A<td =

align=3D"center" valign=3D"top">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09<!-- Header -->=0A=09=09=09=09=09=09=09=09=09<table border=

=3D"0" cellpadding=3D"0" cellspacing=3D"0" width=3D"670" id=3D"template_hea=

der" style=3D'border-bottom: 0; font-weight: bold; line-height: 100%; verti=

cal-align: middle; font-family: "Helvetica Neue", Helvetica, Roboto, Arial,=

 sans-serif; background-color: #ffffff; color: #4a5568; max-width: 630px; w=

idth: 100%; min-width: 320px;'><tr>=0A<td id=3D"header_wrapper" style=3D"pa=

dding: 36px 48px; display: block; text-align: left; padding-top: 40px; padd=

ing-bottom: 40px; padding-left: 20px; padding-right: 20px;">=0A=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<div class=

=3D"subtitle" style=3D'font-size: 18px; line-height: 24px; font-family: "He=

lvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; fo=

nt-weight: 500; color: #a0aec0;'>THANKS FOR YOUR ORDER</div>=0A=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<h1 style=3D'ma=

rgin: 0; text-align: left; font-size: 30px; line-height: 40px; font-family:=

 "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal=

; font-weight: 600; color: #4a5568;'>ORDER COMPLETE</h1>=0A=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=09=

=09=09=09=09=09=09</tr></table>=0A<!-- End Header -->=0A</td>=0A=09=09=09=

=09=09=09=09</tr>=0A<tr>=0A<td align=3D"center" valign=3D"top">=0A=09=09=09=

=09=09=09=09=09=09<!-- Body -->=0A=09=09=09=09=09=09=09=09=09<table border=

=3D"0" cellpadding=3D"0" cellspacing=3D"0" width=3D"670" id=3D"template_bod=

y" style=3D"max-width: 630px; width: 100%; min-width: 320px;"><tr>=0A<td va=

lign=3D"top" id=3D"body_content" style=3D"background-color: #ffffff; paddin=

g-top: 0px; padding-bottom: 20px;">=0A=09=09=09=09=09=09=09=09=09=09=09=09<=

!-- Content -->=0A=09=09=09=09=09=09=09=09=09=09=09=09<table border=3D"0" c=

ellpadding=3D"20" cellspacing=3D"0" width=3D"100%"><tr>=0A<td valign=3D"top=

" style=3D"padding: 0px 48px 0; padding-left: 20px; padding-right: 20px;">=

=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<div id=3D"body_content_inn=

er" style=3D'color: #575f6d; text-align: left; font-size: 14px; line-height=

: 24px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif=

; font-weight: 400;'>=0A<p style=3D"margin: 0 0 16px;">Hi there. Your recen=

t order on Blumen Wandl has been completed. Your order details are shown be=

low for your reference:</p>=0A=09<div style=3D"clear: both; height: 1px;"><=

/div>=0A=09=09=09<h2 style=3D'display: block; margin: 0 0 18px; font-size: =

20px; line-height: 30px; padding-top: 10px; padding-bottom: 10px; margin-to=

p: 0px; margin-bottom: 10px; font-family: "Helvetica Neue", Helvetica, Robo=

to, Arial, sans-serif; font-style: normal; font-weight: 600; text-transform=

: uppercase; color: #4a5568; text-align: left;'>=0A=09=09=09Bestellnummer 8=

8 (16. M=C3=A4rz 2020)=09=09</h2>=0A=09=0A=09=09=09<div class=3D"email-spac=

ing-wrap" style=3D"margin-bottom: 40px;">=0A=09=09=09<table class=3D"td" ce=

llspacing=3D"0" cellpadding=3D"6" border=3D"1" style=3D'color: #575f6d; bor=

der: 1px solid #e5e5e5; font-family: "Helvetica Neue", Helvetica, Roboto, A=

rial, sans-serif; border-color: #edf2f7; background-color: #f7fafc; border-=

width: 0px; border-style: solid; width: 100%;'>=0A<thead><tr style=3D"backg=

round-color: #edf2f7;">=0A<th class=3D"td" scope=3D"col" style=3D'color: #5=

75f6d; border: 1px solid #e5e5e5; padding: 12px; font-family: "Helvetica Ne=

ue", Helvetica, Roboto, Arial, sans-serif; border-color: #edf2f7; border-wi=

dth: 0px; border-style: solid; padding-top: 14px; padding-bottom: 14px; pad=

ding-left: 20px; padding-right: 20px; text-align: left;'>Produkt</th>=0A=09=

=09=09=09=09=09<th class=3D"td" scope=3D"col" style=3D'color: #575f6d; bord=

er: 1px solid #e5e5e5; padding: 12px; font-family: "Helvetica Neue", Helvet=

ica, Roboto, Arial, sans-serif; border-color: #edf2f7; border-width: 0px; b=

order-style: solid; padding-top: 14px; padding-bottom: 14px; padding-left: =

20px; padding-right: 20px; text-align: left;'>Preis</th>=0A=09=09=09=09=09<=

/tr></thead>=0A<tbody>=0A<tr class=3D"order_item">=0A<td class=3D"td" style=

=3D'color: #575f6d; border: 1px solid #e5e5e5; padding: 12px; font-family: =

"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border-color: #edf2=

f7; min-width: 60px; border-width: 0px; border-style: solid; padding-top: 1=

4px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; text-al=

ign: left; vertical-align: middle; word-wrap: break-word;'>=0A=09=09=09<p s=

tyle=3D"margin: 0 0 16px; margin-bottom: 0;"><strong>Oregano</strong></p>=

=0A<p class=3D"inside-quantity" style=3D"margin: 0 0 16px; margin-bottom: 0=

;">Quantity: 1</p>=09=09=09</td>=0A=09=09=09<td class=3D"td" style=3D'color=

: #575f6d; border: 1px solid #e5e5e5; padding: 12px; font-family: "Helvetic=

a Neue", Helvetica, Roboto, Arial, sans-serif; border-color: #edf2f7; min-w=

idth: 60px; border-width: 0px; border-style: solid; padding-top: 14px; padd=

ing-bottom: 14px; padding-left: 20px; padding-right: 20px; text-align: left=

; vertical-align: middle;'>=0A=09=09=09=09<span class=3D"woocommerce-Price-=

amount amount">5,00=C2=A0<span class=3D"woocommerce-Price-currencySymbol">=

=E2=82=AC</span></span>=09=09=09</td>=0A=09=09</tr>=0A<tr style=3D"backgrou=

nd-color: #edf2f7;">=0A<th class=3D"td tlabel-zwischensumme" scope=3D"row" =

colspan=3D"1" style=3D'color: #575f6d; border: 1px solid #e5e5e5; padding: =

12px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; =

border-color: #edf2f7; border-width: 0px; border-style: solid; padding-top:=

 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; text-=

align: left;'>Zwischensumme:</th>=0A=09=09=09=09=09=09=09=09<td class=3D"td=

 tvalue-zwischensumme" style=3D'color: #575f6d; border: 1px solid #e5e5e5; =

padding: 12px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, san=

s-serif; border-color: #edf2f7; min-width: 60px; border-width: 0px; border-=

style: solid; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; =

padding-right: 20px; text-align: left;'><span class=3D"woocommerce-Price-am=

ount amount">5,00=C2=A0<span class=3D"woocommerce-Price-currencySymbol">=

=E2=82=AC</span></span></td>=0A=09=09=09=09=09=09=09</tr>=0A<tr>=0A<th clas=

s=3D"td tlabel-lieferung" scope=3D"row" colspan=3D"1" style=3D'color: #575f=

6d; border: 1px solid #e5e5e5; padding: 12px; font-family: "Helvetica Neue"=

, Helvetica, Roboto, Arial, sans-serif; border-color: #edf2f7; border-width=

: 0px; border-style: solid; padding-top: 14px; padding-bottom: 14px; paddin=

g-left: 20px; padding-right: 20px; text-align: left;'>Lieferung:</th>=0A=09=

=09=09=09=09=09=09=09<td class=3D"td tvalue-lieferung" style=3D'color: #575=

f6d; border: 1px solid #e5e5e5; padding: 12px; font-family: "Helvetica Neue=

", Helvetica, Roboto, Arial, sans-serif; border-color: #edf2f7; min-width: =

60px; border-width: 0px; border-style: solid; padding-top: 14px; padding-bo=

ttom: 14px; padding-left: 20px; padding-right: 20px; text-align: left;'>Abh=

olung vor Ort</td>=0A=09=09=09=09=09=09=09</tr>=0A<tr style=3D"background-c=

olor: #edf2f7;">=0A<th class=3D"td tlabel-zahlungsmethode" scope=3D"row" co=

lspan=3D"1" style=3D'color: #575f6d; border: 1px solid #e5e5e5; padding: 12=

px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; bo=

rder-color: #edf2f7; border-width: 0px; border-style: solid; padding-top: 1=

4px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; text-al=

ign: left;'>Zahlungsmethode:</th>=0A=09=09=09=09=09=09=09=09<td class=3D"td=

 tvalue-zahlungsmethode" style=3D'color: #575f6d; border: 1px solid #e5e5e5=

; padding: 12px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, s=

ans-serif; border-color: #edf2f7; min-width: 60px; border-width: 0px; borde=

r-style: solid; padding-top: 14px; padding-bottom: 14px; padding-left: 20px=

; padding-right: 20px; text-align: left;'>Credit Card (Stripe)</td>=0A=09=

=09=09=09=09=09=09</tr>=0A<tr>=0A<th class=3D"td tlabel-gesamt" scope=3D"ro=

w" colspan=3D"1" style=3D'color: #575f6d; border: 1px solid #e5e5e5; paddin=

g: 12px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-seri=

f; border-color: #edf2f7; border-width: 0px; border-style: solid; padding-t=

op: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; te=

xt-align: left;'>Gesamt:</th>=0A=09=09=09=09=09=09=09=09<td class=3D"td tva=

lue-gesamt" style=3D'color: #575f6d; border: 1px solid #e5e5e5; padding: 12=

px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; bo=

rder-color: #edf2f7; min-width: 60px; border-width: 0px; border-style: soli=

d; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-rig=

ht: 20px; text-align: left;'><span class=3D"woocommerce-Price-amount amount=

">5,00=C2=A0<span class=3D"woocommerce-Price-currencySymbol">=E2=82=AC</spa=

n></span></td>=0A=09=09=09=09=09=09=09</tr>=0A</tbody>=0A</table>=0A</div>=

=0A=09=09=09<div style=3D"display: none; font-size: 0; max-height: 0; line-=

height: 0; padding: 0; mso-hide: all;"><script type=3D"application/ld+json"=

>{"@context":"https:\/\/schema.org\/","@type":"Order","url":"https:\/\/www.=

blumenwandl.at\/?page_id=3D79&amp;view-order=3D88","orderStatus":"https:\/\=

/schema.org\/OrderDelivered","orderNumber":"88","orderDate":"2020-03-16T15:=

36:13+01:00","acceptedOffer":[{"@type":"Offer","price":5,"priceCurrency":"E=

UR","priceSpecification":{"price":5,"priceCurrency":"EUR","eligibleQuantity=

":{"@type":"QuantitativeValue","value":1}},"itemOffered":{"@type":"Product"=

,"name":"Oregano","sku":"","image":"https:\/\/www.blumenwandl.at\/wp-conten=

t\/uploads\/2020\/03\/oregano-150x150.jpg","url":"https:\/\/www.blumenwandl=

.at\/?product=3Doregano"},"seller":{"@type":"Organization","name":"Blumen W=

andl","url":"https:\/\/www.blumenwandl.at"}}],"discount":0,"discountCurrenc=

y":"EUR","price":"5.00","priceCurrency":"EUR","priceSpecification":{"price"=

:"5.00","priceCurrency":"EUR","valueAddedTaxIncluded":"true"},"billingAddre=

ss":{"@type":"PostalAddress","name":"Arno M","streetAddress":"Street=

123","postalCode":"4040","addressLocality":"Linz","addressRegion":"","a=

ddressCountry":"AT","email":"my@mail.com","telephone":"12345"},=

"customer":{"@type":"Person","name":"Arno M"},"merchant":{"@type":"Organiza=

tion","name":"Blumen Wandl","url":"https:\/\/www.blumenwandl.at"},"potentia=

lAction":{"@type":"ViewAction","name":"View Order","url":"https:\/\/www.blu=

menwandl.at\/?page_id=3D79&amp;view-order=3D88","target":"https:\/\/www.blu=

menwandl.at\/?page_id=3D79&amp;view-order=3D88"}}</script></div>=09<table i=

d=3D"addresses" cellspacing=3D"0" cellpadding=3D"0" border=3D"0" style=3D"b=

order-collapse: collapse; width: 100%; vertical-align: top; margin-bottom: =

40px; padding: 0;"><tr>=0A<td valign=3D"top" style=3D"padding: 12px; min-wi=

dth: 60px; text-align: left; border: 0;">=0A=09=09=09=09<h2 style=3D'displa=

y: block; margin: 0 0 18px; font-size: 20px; line-height: 30px; padding-top=

: 10px; padding-bottom: 10px; margin-top: 0px; margin-bottom: 10px; font-fa=

mily: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: n=

ormal; font-weight: 600; text-transform: uppercase; color: #4a5568; text-al=

ign: left;'>Rechnungsadresse</h2>=0A=0A=09=09=09=09<address class=3D"addres=

s">=0A=09=09=09=09=09<table cellspacing=3D"0" cellpadding=3D"0" border=3D"0=

" style=3D"width: 100%; padding: 0;"><tr>=0A<td class=3D"address-td" valign=

=3D"top" style=3D"border: 1px solid #e5e5e5; background-color: #f7fafc; pad=

ding: 20px; border-width: 0px; border-color: #f7fafc; border-style: solid; =

color: #2d3748; text-align: left; min-width: 60px;">=0A=09=09=09=09=09=09=

=09=09Herr Arno M<br>Street 123<br>4040 Linz=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09<br>12345=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<p style=3D"margin=

: 0;">my@mail.com</p>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09</td>=0A=09=09=09=09=09=09</tr></table>=0A</address>=0A=09=09=09</td>=

=0A=09=09</tr></table>=0A<p style=3D"margin: 0 0 16px;">Danke f=C3=BCr dein=

en Einkauf.</p>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</div>=0A=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=09=09=09=09=09=09=

=09=09=09=09</tr></table>=0A<!-- End Content -->=0A</td>=0A=09=09=09=09=09=

=09=09=09=09=09</tr></table>=0A<!-- End Body -->=0A</td>=0A=09=09=09=09=09=

=09=09</tr>=0A<tr>=0A<td align=3D"center" valign=3D"top">=0A=09=09=09=09=09=

=09=09=09=09=09=09<table border=3D"0" cellpadding=3D"0" cellspacing=3D"0" w=

idth=3D"100%" id=3D"template_footer_container" style=3D"background-color: #=

ffffff;"><tr>=0A<td valign=3D"top" align=3D"center">=0A=09=09=09=09=09<tabl=

e border=3D"0" cellpadding=3D"10" cellspacing=3D"0" width=3D"670" id=3D"tem=

plate_footer" style=3D"max-width: 630px; width: 100%; min-width: 320px;"><t=

r>=0A<td valign=3D"top" id=3D"template_footer_inside" style=3D"padding: 0; =

padding-top: 0px; padding-bottom: 30px; padding-left: 20px; padding-right: =

20px;">=0A=09=09=09=09=09=09=09=09<table border=3D"0" cellpadding=3D"10" ce=

llspacing=3D"0" width=3D"100%">=0A<tr>=0A<td valign=3D"top" style=3D"paddin=

g: 0;">=0A=09=09=09=09=09=09=09=09=09=09=09=09<table id=3D"footersocial" bo=

rder=3D"0" cellpadding=3D"10" cellspacing=3D"0" width=3D"100%" style=3D"bor=

der-bottom-width: 3px; border-bottom-color: #f7fafc; border-bottom-style: s=

olid;"><tr>=0A<td valign=3D"middle" style=3D"padding: 0; padding-top: 15px;=

 padding-bottom: 20px; text-align: center; width: 33.33%;">=0A=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09<a href=3D"https://www.google.com" class=

=3D"ft-social-link" style=3D'font-weight: normal; color: #718096; font-fami=

ly: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; display: block;=

 text-decoration: none;'>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<span class=3D"ft-social-title=

" style=3D"line-height: 24px; padding-left: 5px; font-size: 12px; font-weig=

ht: 600;">CONTACT</span>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</a=

>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<td=

 valign=3D"middle" style=3D"padding: 0; padding-top: 15px; padding-bottom: =

20px; text-align: center; width: 33.33%;">=0A=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09<a href=3D"https://www.google.com" class=3D"ft-social-link" =

style=3D'font-weight: normal; color: #718096; font-family: "Helvetica Neue"=

, Helvetica, Roboto, Arial, sans-serif; display: block; text-decoration: no=

ne;'>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09<span class=3D"ft-social-title" style=3D"line-heigh=

t: 24px; padding-left: 5px; font-size: 12px; font-weight: 600;">ABOUT</span=

>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</a>=0A=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<td valign=3D"middle" st=

yle=3D"padding: 0; padding-top: 15px; padding-bottom: 20px; text-align: cen=

ter; width: 33.33%;">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<a hre=

f=3D"https://www.google.com" class=3D"ft-social-link" style=3D'font-weight:=

 normal; color: #718096; font-family: "Helvetica Neue", Helvetica, Roboto, =

Arial, sans-serif; display: block; text-decoration: none;'>=0A=09=09=09=09=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09<span class=3D"ft-social-title" style=3D"line-height: 24px; padding-left=

: 5px; font-size: 12px; font-weight: 600;">BLOG</span>=0A=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09=09</a>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09</td>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=09=09=09=09=09=09=09=09=

=09</tr>=0A<tr>=0A<td valign=3D"top" style=3D"padding: 0;">=0A=09=09=09=09=

=09=09=09=09=09=09=09<table border=3D"0" cellpadding=3D"10" cellspacing=3D"=

0" width=3D"100%"><tr>=0A<td colspan=3D"2" valign=3D"middle" id=3D"credit" =

style=3D'padding: 0; border: 0; line-height: 125%; padding-left: 0px; paddi=

ng-right: 0px; text-align: center; font-size: 13px; font-family: "Helvetica=

 Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; color: #718=

096; padding-top: 20px; padding-bottom: 0px;'>=0A=09=09=09=09=09=09=09=09=

=09=09=09=09=09=09<p>Blumen Wandl, 185 Berry Street, Suite 550, San Francis=

co CA 94107</p>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=09=09=09=

=09=09=09=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=09=09=09=09=09=09=09=

=09</tr>=0A</table>=0A</td>=0A=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=

=09=09</tr></table>=0A<table class=3D"gmail-app-fix" width=3D"100%" border=

=3D"0" cellpadding=3D"0" cellspacing=3D"0" style=3D"background-color: #ffff=

ff;"><tr>=0A<td>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09<table cellpaddin=

g=3D"0" cellspacing=3D"0" border=3D"0" align=3D"center" width=3D"360"><tr>=

=0A<td cellpadding=3D"0" cellspacing=3D"0" border=3D"0" height=3D"1" style=

=3D"line-height: 1px; min-width: 120px;">=0A=09=09=09=09=09=09=09=09=09=09=

=09=09=09=09=09</td>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<td cel=

lpadding=3D"0" cellspacing=3D"0" border=3D"0" height=3D"1" style=3D"line-he=

ight: 1px; min-width: 120px;">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=

=09</td>=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09<td cellpadding=3D"=

0" cellspacing=3D"0" border=3D"0" height=3D"1" style=3D"line-height: 1px; m=

in-width: 120px;">=0A=09=09=09=09=09=09=09=09=09=09=09=09=09=09=09</td>=0A=

=09=09=09=09=09=09=09=09=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=09=09=

=09=09=09=09=09=09=09=09</tr></table>=0A</td>=0A=09=09=09=09=09=09=09</tr>=

=0A</table>=0A<!-- End template container -->=0A</td>=0A=09=09=09=09</tr></=

table>=0A</div>=0A=09</body>=0A</html>=0A

您在屏幕截图中看到的Content纯文本注释正是由于上述代码中的以下两行：

g-top: 0px; padding-bottom: 20px;">=0A=09=09=09=09=09=09=09=09=09=09=09=09<=

!-- Content -->=0A=09=09=09=09=09=09=09=09=09=09=09=09<table border=3D"0" c=

所以它被分成两行，并且由于某种原因没有正确重组。我尝试了不同的电子邮件布局，但它们都不起作用，因为您总是在某些行中遇到问题，这可能导致 html 拙劣或中间有空格的单词。

我怀疑这个问题可以通过更改内容编码来解决。从上面的长源中可以看出 Content-Transfer-Encoding 是quoted-printable. 是否可以将其切换到 base64、7bit 或其他不受此问题影响的变体？如果是，我需要在哪里切换，这是 wordpress、woocommerce 还是 PHPMailer 问题？

提前致谢，阿诺

标签： wordpresswoocommercephpmailer

wordpress - Woocommerce 中损坏的 HTML 电子邮件

问题描述

解决方案

推荐阅读