E-Mail-Template für Newsletter

[spirelli]

Eine Frage zum Newsletter.

Mir ist nicht ganz klar, was das E-Mail-Template sein soll, welches man unter Template-Einstellungen auswählen kann. Vorlagen gibt es ja auch via Tiny-Editor.
Und die Newsletter-Vorlage kann man ja auch nicht verändern. Mit ist wirklich nicht klar, was das ist, und finde auch nichts drüber. Die Erklärung 'Hier können Sie das E-Mail-Template auswählen' sagt ja wirklich nichts.

Besten Dank!

[Antipitch]

Hi spirelli,
guck mal hier.


cheers
Antipitch

[spirelli]

Die Sache mit dem Tiny-Template und wie man einen HTML newsletter richtig coded ist mir klar.

Auch nach dem Lesen der Beitaege (Link oben) ist mir nicht recht klar, wofuer das E-Mail-Template eingesetzt wird. Kann mir das bitte nochmal jemand kurz sagen?

[Andreas]

Hallo Spirelli,

ich vermute dir geht es um das Template mail_default.tpl

Im BE hast du die Möglichkeit den Inhalt eines Newsletters zu gestallten. Einmal mit HTML im RTE und einmal für einen Plaintext Newsletter. mail_default.tpl liefert dir nur das richtige HTML-Grundgerüst für einen HTML-Newsletter. Schau dir den Inhalt an, was du im BE anfertigst wird bei $this->body eingefügt. Woher das CSS genommen wird weiß ich jetzt nicht, muss nochmal ins Handbuch od. ins Handbuch für Redakteure schauen.

Diese Seite hier ist sehr nützlich, wenn du dir viel Mühe mit HTML-Newslettern machen möchtest: http://www.campaignmonitor.com/css/

Eine Bemerkung noch zu der Aussage "frei: ein Text-Newsletter ist ausreichend" aus dem alten Forum. Ich bin froh, dass der Aldi-Newsletter eine Vorschau der Produkte hat, sonst fände ich ihn sehr reizlos. Man muss also abwägen, wo ein HTML-Newsletter Sinn macht und wo nicht.

Gruß Andreas

ps Ich denke die Templates für die Newsletter-Module sind klar, oder?

[spirelli]

ich vermute dir geht es um das Template mail_default.tpl

Rightig. Vielen Dank für die Antwort. Wie gesagt, der Hilfetext im Backend sagt quasi nichts, aber das ist jetzt klar.

In Sachen Gestaltung kommt beim E-mail-Newsletter sowieso nut Tabellen-Layout und inline CSS in Frage. Also ein externes Stylesheet sollte man lieber lassen.

[Andreas]

Mir fiel gestern noch ein, dass man dieses Template nat. auch dafür nutzt, um den Briefkopf und Footer fertig einzurichten, um dann im BE nur noch die Inhalte anzulegen.

Mit <?php echo $this->css; ?> dürfte eigentlich keine externe CSS-Datei eingebunden werden, probier bitte mal aus. Ich denke hier wird nur der Code aus der Datei ausgelesen und innerhalb des Newsletters eingebunden.

Hast du hier http://www.campaignmonitor.com/css/ mal nachgesehen? Da sieht man ja was möglich ist und was nicht.

Andreas

[OneChance]

Mir fiel gestern noch ein, dass man dieses Template nat. auch dafür nutzt, um den Briefkopf und Footer fertig einzurichten, um dann im BE nur noch die Inhalte anzulegen.
Andreas

Hallo Andreas also dies würde mich sehr interresieren da ich für ein Projekt drei Newsletter machen soll. Die müssen aber nur einen Header und Footer als .png oder .jpg einbinden.
Damit aber die Personen nicht viel machen müssen würde ich gerne dies so einfach wie möglich machen.
Könntest Du mir da Helfen?
mfg Patrick

[Andreas]

Hi Patrick,

im Moment hab ich nicht so viel Zeit dafür, ich hab einen "gestalteten" Newsletter auch noch nicht umgesetzt. Du kannst dir aber schonmal den Beispielnewsletter ansehen, ich meine da werden auch Bilder eingebunden. Und dann mal versuchen nachzubauen.

Gruß von Andreas

[OneChance]

Danke Dir für die Idee !

[Nina]

@Patrick: Am mail-Template musst du dafür gar nichts ändern. Du kannst für den Editor in TYPOlight Vorlagen bauen. Diese musst du dann in den Ordner "tiny_templates" packen.

Ich habe z. B. eine Vorlage namens newsletter_logo.html mit folgendem Inhalt angelegt:

<p id="logo">
<img src="tl_files/img/logo.gif" alt="Firmenlogo" width="220" height="64" /></p>
<p id="ausgabe">Ausgabe 01/2009</p>

Deine Nutzer müssen dann einfach beim Erstellen eines neuen Newsletters im Editor auf den Knopf "Vorgefertigten Vorlageninhalt einfügen" klicken und die gewünschte Vorlage auswählen. So wird automatisch das Bild eingebunden.

In meinem Beispiel habe ich außerdem noch die Ausgabennummer mit ID-Angabe im <p> übergeben. Die Nutzer mussten dann nur noch die Ausgabenummer anpassen. In der newsletter.css habe ich dann noch definiert, wie das gestyled im finalen Newsletter aussehen soll.

PS: So eine Vorlage habe ich auch für das Ende des Newsletters erstellt. Darin übergebe ich per Vorlage automatisch die Impressum-Angaben für den Newsletter und den Link zur Abbestellseite.

[OneChance]

So einige werden mich jetzt wahrscheinlich steinigen aber nach knapp zwei stunden suchen und probieren musste ich einfach meine Frage noch mal an alle stellen.

Ich habe ein Projekt wo ich drei Newsletter brauche die alle anders aussehen sollten. Sie sollten auch vom Design her nicht so mega komplex sein ich brauche nur einen header und einen footer die auch gerne nur ein Bild sein können.
Ich weiss ich könnte die Bilder Fertigen und per WYSYWIG immer einfügen.
Aber ich bin nicht derjenige die diese dann immer macht.
Habe das mail_default schon drei mal abgespeichert und umgeschrieben nur weiss ich nicht wie die CSS Steuerung jetzt da einbauen soll?
Kann mir da einer Helfen?

Danke im Voraus Patrick

[Nina]

Siehe ein Beitrag höher.
Ich habe die zwei Themen gleich mal wieder zusammengeführt, da das nur eine Dopplung wäre und ich jetzt oben eh gerade eine Lösung gepostet habe

[OneChance]

Sorry Nina war wieder mal zu ungeduldig.

Aber daran habe ich schon gedacht aber die Hintergrundfarbe und dieverse andere Sachen MÜSSEN drei mal anders sein. Wenn ich jetzt aber das ganze nur mit einer CSS steuere bin ich doch irgendwie an einem Design gebunden.

Oder versteh ich da was falsch?

[Nina]

Mach einfach drei Vorlagen mit dem grundsätzlich identischen Inhalt, aber unterschiedlichen darin definierten IDs. So können die Redakteure immer die gerade benötigte Vorlage in den Newsletter einbauen. In der newsletter.css kannst du dann je nach ID unterschiedliche Farben definieren.

Wenn du hingegen Global den Newsletter anders ausschauen lassen willst, müsstest du imho doch mit dem mail_default.tpl Template arbeiten. Lege davon eine Kopie an und nenne sie mail_variante1.tpl. Dann bearbeite das neue Template und mach aus <body> das: <body id="variante1">. Danach Speichern und Schließen.

Das machst du jeweils nochmal für die anderen Varianten die du benötigst.

Wenn die Redakteure nun einen Newsletter erstellen finden Sie unter den Eingabefeldern für den Inhalt bei "Template-Einstellungen" das Auswahlfeld für das "E-Mail Template" vor. Je nach Bedarf müssen sie dann statt dem Standard mail_default.tpl das gewünschte Varianten-Template (z. B. mail_variante1.tpl) auswählen.

Du kannst per CSS dann die Farben individualisieren. Z. B.

#variante1 h1 { color: #ff0000; }
#variante2 h1 { color: #00ff00;

[OneChance]

Oh man manchmal Denk ich echt zu komplieziert.
Aber das ist mein erstes wirklich grösseres Projekt das ich am Start habe und ich arbeite schon 4monate daran. Jetzt ist echt langsam der Zeitpunkt gekommen wo ich wieder mal ne Pause brauche.

Danke noch mal das Du mir die Augen geöffnet hast.
Mfg Patrick

[Nina]

Immer gerne

[OneChance]

Wenn du hingegen Global den Newsletter anders ausschauen lassen willst, müsstest du imho doch mit dem mail_default.tpl Template arbeiten. Lege davon eine Kopie an und nenne sie mail_variante1.tpl. Dann bearbeite das neue Template und mach aus <body> das: <body id="variante1">. Danach Speichern und Schließen.

Äh jetzt bin ich vielleicht doof aber geht das jetzt genau gleich für header und footer, oder wie sieht es da aus?

Denn wenn das noch geht wäre es einfach genau das was ich brauche!

[Nina]

Äh jetzt bin ich vielleicht doof aber geht das jetzt genau gleich für header und footer, oder wie sieht es da aus?

Du könntest z. B. das mail_vorlage1.tpl so anpassen:

<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 3.2//EN\">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>">
<meta name="Generator" content="TYPOlight webCMS">
<title><?php echo $this->title; ?></title>
<?php echo $this->css; ?>
</head>
<body id="variante1">
<div id="rahmen">
<?php echo $this->body; ?>
</div>
</body>
</html>

und wenn du mehrere Varianten hast könntest du das jeweils anpassen indem du im entsprechenden Varianten-Template aus "variante1" ein "variante2", "variante3", usw. machst. Das CSS kannst du dann entsprechend variieren:

#variante1 { an den Body nach oben das erste Bild - Variante 1 definieren }
#variante1 #rahmen { an den unteren Rand dieses DIVs das andere Bild - Variante 1 definieren }

#variante2 { an den Body nach oben das erste Bild - Variante 2 definieren }
#variante2 #rahmen { an den unteren Rand dieses DIVs das andere Bild - Variante 2 definieren }

[k-webdesign]

Hi,

irgendwie bin ich scheinbar zu doof... ich habe das mail_default für die Isotope-Rechnungen angepasst und mein Newsletter soll dasselbe ziehen. Allerdings wird mir per NL der reine this->body gesendet. Was mache ich denn falsch?!

Contao 2.11.9