Wie gestalte ich das Newsletter-Design?

Hallo,

ich möchte das Layout/Design für einen Newsletter erstellen, allerdings habe ich noch ein paar grundlegende Fragen dazu:

• Das Layout erstelle ich indem ich z.B. das Template mail_default bearbeite und dort meine DIVs usw. einsetze
• Kann ich mit einer Stylesheet arbeiten, welchen in Typolight hinterlegt ist, oder muss ich die Styles alle direkt in die Datei schreiben

Bisher habe ich mit Typo3 und DirectMail gearbeitet und dort musste man alle Links und Bilder mit absoluten Pfad eingeben und alle Styles direkt in die Datei schreiben, da die ansonsten nicht angezeigt wurden.

Gruß
Chris

Wenn du im Stylesheetgenerator von TYPOlight ein Stylesheet namens newsletter.css erstellst, wird dieses von TYPOlight automatisch für den Newsletter genutzt.

Achte aber darauf, dass du nur sehr einfaches HTML/CSS einsetzt, da die meisten Mailprogramme nur sehr grundlegende Befehle beherrschen.

Ich habe nun einen Stylesheet "newsletter" angelegt und dort die Styles definiert. Anschließend habe ich die DIVs mit den entsprechenden Styles in das mail_default Template eingefügt. Dann habe ich einen Test-Newsletter gesendet, allerdings übernimmt er keinen einzigen Style...

Er zeigt mir die in den Styles verwendeten Hintergrundbilder lediglich als Anhänge der E-Mail an.

Kann man überhaupt Hintergründe über CSS in Newslettern definieren, oder können die Mailprogramme nicht damit umgehen?

Edit: Ok, man muss wohl Tabellen verwenden und anscheinend gehen auch keine Hintergrundbilder und Styles gar nicht?

CSS geht schon, aber halt eingeschränkt. Ich hab das allgemein bekannte Problem mit HTML-Mails mal hier zum Thema "Outlook 2007 und HTML-Newsletter" beschrieben.

Und ja, so gruselig es auch ist: Für HTML-Newsletter weicht man auch 2010 gezwungenermaßen zumindest teilweise immer noch auf Tabellenlayout aus :(

Was die Bilder angeht. Kann man die Mitschicken, indem man sie einfach per CSS als background-image einbindet?

Das hätte ich noch nie gehört, aber ich kenne mich da nicht aus - von daher würde es mich auch interessieren :D

Kann mir aber das nicht so vorstellen...ich würde die Bilder jedenfalls als Bild via <img /> einbinden...:)

Wenn man Bilder im Newsletter WYSIWYG-Editor z. B. bei Beiträgen direkt einbindet, werden sie danach korrekt mitgesandt.

Vielleicht auch hilfreich in dem Zusammenhang.

CSS-Anweisung müssen für E-Mails direkt in den HTML-Code eingebunden werden. Eine externe (im HTML inkludierte) CSS-Datei hat keinerlei Auswirkungen!

Hallo,

ich bin auch gerade über ein Design für einen Newsletter. Als Grundlage habe ich mir die Vorlagen von MailChimp (http://www.mailchimp.com/resources/h...ail_templates/) angeschaut.

Das Ergebniss findet Ihr im Screenshot. Wenn Du Hilfe brauchst, dann einfach melden...

Gruß
Frank

Ich klinke mich mal kurze in dieses Thema ein.

Zitat:

---

Zitat von Nina

Wenn man Bilder im Newsletter WYSIWYG-Editor z. B. bei Beiträgen direkt einbindet, werden sie danach korrekt mitgesandt.

---

Habe ich gerade probiert. Das Bild wird korrekt als Boundary in die E-Mail eingebunden, jedoch wird es im HTML falsch ersetzt.

Das sieht danach dann im Quellcode etwa so aus:

HTML-Code:

---

<img title="cid:1268930525.4ba257ddb9248@www.example.org"
  src="http://www.example.org/tl_files/bild.jpg"
  alt="cid:1268930525.4ba257ddb9248@www.example.org"
  width="580" height="820" />

---

Damit wird trotzdem versucht, das Bild online zu landen und wenn das nicht klappt, wird die Boundary-ID angezeigt. Richtig müsset es so aussehen:

HTML-Code:

---

<img src="cid:1268930525.4ba257ddb9248@www.example.org"
  alt="" width="580" height="820" />

---

Ist das jetzt ein Bug in TL 2.8.1 oder war das schon immer so?

Gruß

Zitat:

---

Zitat von fh_jung

Hallo,

ich bin auch gerade über ein Design für einen Newsletter. Als Grundlage habe ich mir die Vorlagen von MailChimp (http://www.mailchimp.com/resources/h...ail_templates/) angeschaut.

Das Ergebniss findet Ihr im Screenshot. Wenn Du Hilfe brauchst, dann einfach melden...

Gruß
Frank

---

Hallo,

ich versuche auch gerade einen Newsletter Design zu basteln. Weiß nur nicht so recht wie ich anfangen soll. Wäre schön, wenn Du mir Dein Beispiel mal schicken könntest.

gruß

zu diesem Thema hab ich auch eine Frage:
ist es eigentlich möglich für verschiedene Newsletter-Verteiler
auch verschiedene Designs zu hinterlegen, wenn ich das richtig sehe wird ja jedem Verteiler ein Modul Newsletterleser "mod_nl_reader" zugeordnet, richtig?

Ich frage das, weil sich mir eventuell die Aufgabe stellt, für eine Bürogemeinschaft eine Seite aufzusetzen, die dann wiederum für jede Firma dieser Bürogemeinschaft einen eigenen Newsletter laufen lassen sollte, mit den entsprechenden Logos ect.
ist das mit den Standard-Erweiterungen möglich?

Gruß Doro

Zitat:

---

Zitat von frank.huettner

ich bin auch gerade über ein Design für einen Newsletter. Als Grundlage habe ich mir die Vorlagen von MailChimp

---

Tolle Vorlagen - danke! Ich glaub, ich kann auch etwas darauf aufbauen!

Eine Frage aber: Wie benutzt du die Vorlage? Hast du sie als ein html-File gespeichert und auf den Webserver in den Ordner tiny_templates kopiert, und fügst sie dann in TinyMCE als Vorlage ein? Oder einfach Copy&Paste aus einen html-Programm?

Hmmmm... Das mit der Vorlage in tinyMCE einfügen scheint mir eher eine suboptimale Variante zu sein. Ich hab festgestellt, dass man den Dateinamen ändern muss, wenn man etwas an der Vorlage ändert, weil sonst irgendwie irgendwo aus dem Cache immer die gleiche "alte" Vorlage verwendet wird, die man zum ersten Mal einfügt...

Mittlerweile "bastle" ich an mit tinyMCE selbst an einer Vorlage. Will heissen, ich erstelle einen Newsletter mit den Namen "Vorlage" und kopiere und ändere diesen zukünftig. tinyMCE kann zwar viel, aber das Arbeiten damit ist eher etwas mühsam - vorallem wenn es darum geht, Tabellen-Zellen oder Elementen irgendwelche CSS-Formatierung hinzufügen. Es geht schon - aber halt nur sehr mühsam und man muss sich den Newsletter regelmässig als Testsendung zustellen, um zu kontrollieren ob das Bild auch dem entspricht, was man sich ausgedacht hat...

Darum meine Frage: Wo und womit erstellt ihr eure Newsletter-Vorlagen. Und wo speichert ihr diese?