2014-06-05 9 views
5

Mein Kunde möchte eine reaktionsschnelle E-Mail, in der der Text nicht vollständig angezeigt wird, aber bereits im Textkörper der E-Mail eingebettet ist. Wenn der Benutzer auf "Mehr klicken" klickt, wird der Text erweitert und der gesamte Text wird sichtbar. Ist das möglich?Ist Akkordeon bei reaktionsfähiger HTML-E-Mail möglich?

Soweit ich weiß, sind Pseudo-Klassen auf E-Mail-Clients nicht möglich, und das Erstellen eines Akkordeons mit Inline-Codierung ist technisch sehr schwierig. Irgendwelche Ideen?

+3

Ich kann mir nicht vorstellen, dass es funktioniert, da Akkordeon-Effekte entweder auf Javascript oder modernen CSS basieren. Beide werden in E-Mail-Clients nicht unterstützt: http://www.campaignmonitor.com/css/ http://stackoverflow.com/questions/14141374/using-css-before-and-after-pseudo-elements -mit-inline-css –

+4

Ihr bestes Bestes wird HTML-Anker verwenden, und die "Klicken Sie auf mehr" -Links verwenden, um Sie weiter unten die E-Mail http://StackOverflow.com/a/1088037/74585 –

+0

Und bitte sagen sie lesen dort immer noch nur den txt-teil einer e-mail. – Mathias

Antwort

2

Das ist ziemlich alt, aber Matthew hat Recht. Sie können (sollten Sie lieber nicht) versuchen, E-Mails mit Akkordeons arbeiten zu lassen, da diese entweder JS oder Advanced CSS3 benötigen. Beide haben wenig oder keine Unterstützung in E-Mail-Clients, sogar neue.

Das nächste, das ich finden konnte, als ich eine ähnliche Anfrage hatte, war ein CSS-Design von Responsive Email Patterns Es funktioniert auf einigen Clients, aber nicht alle von ihnen.

Anstelle eines Akkordeons können Sie auch "Tabs" verwenden. Dies ist zwar nicht 100% kugelsicher, wird aber von mehr Clients unterstützt. Ein Beispiel finden Sie in here.

(Dem Vorschlag von Leon folgend) Einfach ausgedrückt: Wenn Sie nicht mit einfachem CSS arbeiten, sollten Sie Reaktionsfähigkeit und komplexe Interaktionen außer der Anpassung von Breiten und ähnlichem wirklich vergessen.

Es ist viel einfacher, entweder Anker zu verwenden, um den vollständigen Artikel von oben zu verknüpfen oder externe Links zu verwenden. Responsive E-Mails werden überschätzt und bringen zu viel Komplexität zu etwas, was die Leute für einfach halten: eine E-Mail lesen.

+2

+1 für die 6 Monate danach - aber markieren Sie, dass neben CSS-Unterstützung ist es schwer, auf E-Mail-Client zu bekommen. Javascript-Unterstützung ist fast unmöglich zu erreichen :: (um ehrlich zu sein) zu Recht. Niemand würde E-Mails mit Bestätigungen (zum Beispiel) oder so etwas wollen. Vergessen Sie "responsive" E-Mails – Leon