Mailchimp beeinflusst meine Outlook-spezifischen bedingten Kommentare in HTML

Question

Ich habe Probleme, meine HTML-E-Mail-Vorlage ordnungsgemäß zu rendern, wenn sie von Mailchimp nach Outlook 2007, 2013 und 2016 gesendet wird. Die Sache ist, wenn ich den HTML-Upload direkt Zum Testen auf Lackmus wird die E-Mail in allen Outlook-Vorschauen angezeigt. Wenn ich die Test-E-Mail von Mailchimp an Litmus sende, sieht die E-Mail in Outlook 2007, 2013 und 2016 (für Win7) überproportional aus.

Findet Mailchimp etwas mit meinen Outlook-Targeting bedingten Kommentaren, und wie kann ich das umgehen?

Meine bedingten Kommentare scheinen zu funktionieren manchmal die Breite auf einigen Elementen meiner MC-E-Mail zu beheben . Aber für das Leben von mir, ich kann nicht herausfinden, warum einer arbeitet und der andere nicht, ich schreibe den gleichen Kommentar für beide.

Screenshots:

when Mailchimp sends the email to Outlook (was falsch gelaufen ist)

when the HTML is rendered for Outlook directly (was es aussehen soll)

Bedingte Kommentare:

ich in Outlook gesetzt haben -spezifische bedingte Kommentare wie folgt:

<!--[if (gte mso 9)|(IE)]> 
 
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> 
 
<tr> 
 
<td align="center" valign="top" width="600"> 
 
<![endif]--> 
 

 
<!--BODY TABLE--> 
 
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;"> 
 
... 
 
</table> 
 

 
<!--[if (gte mso 9)|(IE)]> 
 
</td> 
 
</tr> 
 
</table> 
 
<![endif]-->

Vielen Dank für die Hilfe! Schätze es wirklich.

Answer 1

Ich fühle deinen Schmerz, ich habe das gleiche Problem für Vorlagen hatte ich für einen Kunden zu machen. Ich wollte die Icons als Retina-Proof erstellen und den Client jede beliebige Bildgröße hochladen lassen. Leider nach vielen Stunden Debugging en im Web durchsuchen, lese ich das folgende auf einem MailChimp Beitrag:

Outlook erkennt nicht die HTML, die Bilder beschränkt. Das bedeutet Wenn Sie HTML verwenden, um ein Bild zu ändern, das zu einer Kampagne oder Vorlage hochgeladen wird, wird es möglicherweise in der ursprünglichen Größe in Outlook angezeigt. Stellen Sie sicher, dass Sie die Größe Ihrer Bilder ändern, bevor Sie sie auf MailChimp hochladen, oder verwenden Sie unseren eingebauten Bildbearbeitungsprogramm .

Quelle: MailChimp Knowledge Base

ich nicht wirklich glauben, dass dies tatsächlich wahr sein könnte, damit ich immer wieder versucht, die Bilder zu beschränken. Ich habe feste Breite auf dem img, td, tr, Tisch .. nichts geholfen.

Leider kann ich nicht wirklich erklären, was passiert, hoffentlich gibt der Link zum MC-Artikel einen besseren Überblick darüber. Aber meine beste Antwort ist, eine maximale Breite & Breite zu Ihrem img und td sowieso einzustellen. Weisen Sie Ihren Kunden an, die Größe der Bilder auf die zulässige Größe zu ändern. Wenn Sie eine maximale Breite und Breite festlegen, wird auch die #px angezeigt, wenn Sie den Mauszeiger über das bearbeitbare Bild in Ihrem MailChimp-Editor bewegen. Ich fand auch heraus, dass MailChimp eine kleine Warnung ausgibt, wenn Sie eine größere Größe hochladen.

Wenn es in irgendeiner Weise helfen kann; Siehe meinen Code unten, den ich in meinen Vorlagen verwendet habe, um ihn flüssig zu machen.

<table mc:repeatable mc:variant="Item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:650px;"> 
<tr> 
    <td style="padding:30px 20px 40px 20px;" bgcolor="#FFFFFF"> 
    <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
     <td style="padding-bottom:15px;max-width:610px;"> 
      <img src="/images/img.jpg" alt="x" style="width:100%; max-width:610px;" width="610" mc:edit="article_image"> 
     </td> 
     </tr> 
    </tr> 
    </table> 
</td> 

Answer 2

Verwenden Sie Retina-Bilder in Ihren E-Mails? Aus Erfahrung habe ich herausgefunden, dass Outlook, wenn sie ein großes Bild bekommen, es in einer großen Größe anzeigen, wenn dem Img-Tag keine bestimmte Breite zugewiesen ist. Im Folgenden finden Sie ein Beispiel für einen Code, den ich für die Bilder in meinen E-Mails verwende.

<img src="[IMAGE PATH]" width="" height="" style="width:px; height:px;display:block;" border="0"> 

Kannst du auch den img-Tag des beleidigenden Elements posten, damit ich es mir bitte besser ansehen kann?

Prost