Bestätigungs-Mail von Webform 8.x-5.1 stylen
Eingetragen von tetri999 (153)am 08.03.2019 - 18:49 Uhr in
Hallo,
ich habe ein Kontaktformular als Block in der Sidebar, mit Bestätigungs-Mail an die eingegebene E-Mail-Adresse (vielen Dank für Ihre Mitteilung ...).
Das funktioniert soweit gut.
Das Problem:
Ich schaffe es nicht, diese Mail zu stylen.
Unter Einstellungen[FORM] >> CSS / JS hab ich als benutzdefiniertes CSS eingetragen:
css/mail.min.css (von SASS erzeugt)
In der empfangenen Mail taucht dieses CSS nicht auf.
Wenn ich bei der Mail-Bearbeitung in den Quellcode des Textkörpers direkt eintrage:
<div id="mail" style="font-family:Arial;font-size:13px;"><strong>Sehr geehrte(r) [webform_submission:values:name],</strong> ...
kommt dieser style immerhin an.
ein weiteres Problem:
In der Mail soll ein logo.png enthalten sein.
Wenn ich es im Textkörper-Bearbeitungsformular aus dem IMCE einfüge, wird es dort auch angezeigt - nicht aber in der ankommenden Mail (Das verknüpfte Bild kann nicht angezeigt werden ...).
Wenn ich im Quellcode des Textkörpers den Bild-Link anpasse:
<img alt="" height="139" src="[site:url]sites/default/files/images/logo.png" width="176" />
wird es zwar auch nicht angezeigt, aber immerhin nicht als broken link - siehe Anhang.
Der Eintrag im Mail-Quelltext sieht so aus:
<img alt="" height="139" src="/sites/default/files/images/logo.png" width="176" /><br />
<img alt="" height="139" src="http://DOMAIN.com/sites/default/files/images/logo.png" width="176" /><br /><img src="cid:c3243005ae2f03a72428fd449900e371@DOMAIN.com" height="139" width="176">Da hatte ich die Mail komplett mit PHP erzeugt.
Hat jemand einen Rat, wie das richtig zu machen ist?
mfG, Michael
| Anhang | Größe |
|---|---|
| logo in mail.jpg | 40.38 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
oO da hat jemand das mit den
am 09.03.2019 - 08:53 Uhr
oO da hat jemand das mit den HTML-Mails noch nicht wirklich verstanden. Du solltest definitiv Inline-Css benutzen und gar nicht erst auf die Idee kommen Style-Sheets einbinden zu wollen. Viel wichtiger ist aber, dass du diesen Artikel hier ließt, dann wird dir auch klar warum.
http://maddesigns.de/html-newsletter-1030.html
Analog zum Artikel oben solltest du deine Bilder mit absolutem Pfad in der Mail verlinken. Drupal macht das von Haus aus. Das sollte also klappen.
Styles solltest du wirklich nur Inline setzen. Wenn du dann noch Tabellen statt css-Positionierungsanweisungen benutzt, wird aus deinem Vorhaben ein Schuh.