Die benutzerdefinierten Schriftarten, die Sie wählen, sind genau so ein Fashion-Statement wie die Kleidung, die Sie tragen. Sie können modern und inspirierend, cool und ruhig oder sogar sehr albern sein *hust* Comic Sans *hust*. Schließlich ist die Schriftart, die Sie wählen, typisch für Sie und Ihren Standpunkt, den Sie vermitteln wollen. Mit diesem raffinierten Tipp der Woche können wir an der Veränderung der Schriftarten in Ihren E-Mail-Vorlagen arbeiten, sodass die von Ihnen gesendeten Nachrichten von diesem Look:
( Abb. 1: langweilige alte Schriftart)
zu diesem übergehen werden:
(Abb 2: eine ziemliche elegante Schriftart)
Um dies zu erreichen, müssen Sie den Inhalts-Platzhalter bearbeiten, der sich in der E-Mail-HTML-Vorlage befindet, um die Standard-Stile zu lokalisieren und sie umzuschreiben. Dazu ersetzen wir den aktuellen Platzhalter {{Inhalt}} mit der Variante der folgenden Vorlage.
{% if content contains "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% else %}
{{content}}
{% endif %}
Ein paar Informationen zu dieser Vorlage:
- Dies funktioniert, wenn der Standard-Inhalt Lucida Sans Unicode, Lucida Grande u.s.w. enthält.
- Wenn es funktioniert, fügt es das Ersetzen der Schrift-Familie, der Schriftgröße und der Farbe durch.
- Wenn es nicht funktioniert, springt es zur ELSE-Anweisung, wo es einfach den Standard-{{Inhalt}} senden wird.
- Die If-Anweisung muss genau erfüllt werden, damit es funktioniert.
- Für das Ersatz-Verfahren müssen Sie den Standard-Stil ausfüllen, dem der gewünschte Stil folgt (z. B. replace: "color:default;", "color:desired;").
Um die Standardeinstellung zu ersetzen, müssen wir zuerst den Standard {{Inhalt}}-Platzhalter lokalisieren. Die einfachste Art, die zu tun, ist sich selbst ein Test-E-Mail zu senden. Ich benutze für dieses Beispiel Gmail. Wenn Sie also ein Gmail-Konto haben, kann es einfacher sein, es dort durchzuführen.
Hinweis: Standard-Inhalt ist nicht notwendigerweise der Standard, der in der E-Mail-HTML-Vorlage sichtbar ist.
Lokalisieren und Ersetzen des {{Inhalt}}-Platzhalters
- Erstellen Sie ein Test-Ticket, auf das Sie antworten können. Antworten Sie auf das Test-Ticket, was den Auslöser „Anfragenden über Kommentarakualisierung benachrichtigen" aktiviert. Ihr Gmail-Konto sollte eine E-Mail von Ihrem Zendesk Support
erhalten. - Suchen Sie in Ihrer E-Mail-Anwendung die Option „Original anzeigen“. Die Gmail-Einstellung dafür wird hier gezeigt:
- Lokalisieren Sie in ihrem ursprünglichen Text den Styling-Text, den Zendesk Support als Standard-{{Inhalt}} verwendet. Dies kann sich etwas schwierig gestalten, aber Sie können es finden, indem Sie nach einem Schlüsselwort oder einem Ausdruck suchen, das/den Sie in Ihrer Ticket-Antwort verwenden (siehe folgendes Bild).
DerAusdruck, nach dem ich gesucht habe, ist gelb markiert, der Standard-Stil wird grün hervorgehoben. - Nachdem wir nun unsere Standard-Inhalts-Stile haben, können wir den Inhalt in der E-Mail-HTML-Vorlage durch unseren eigenen ersetzen. Lokalisieren Sie den Inhalts-Markup in der HTML-Vorlage und fügen Sie die neue Inhaltsvorlage anstelle des ursprünglichen Inhalts ein. Es sollte dem angehängten Screenshot ziemlich ähnlich sehen.
Das ist der schwierigere Teil. Merken Sie sich das Format ( replace: "color:default;", "color:desired;"), denn nun müssen wir die standardmäßigen Stile durch unsere gewünschten Stilen ersetzen. Hier hilft es, die Information, die wir in Schritt 3 lokalisiert haben zu kopieren und in die Standard-Position in Schritt 4 einzufügen. Ich würde bei meinem Beispiel sicherstellen, dass die Standard-Schrifteinstellungen „Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, sans-serif"beinhalten und sie durch meine gewünschten Schriftarten ersetzen. Sehen wir uns diese Vorlage genauer an:
Dies ersetzt meine aktuelle Schriftart durch die flotte Helvetica:
| replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;"
Dies macht meine Schriftgröße gut lesbar:
| replace: "font-size: 14px;", "font-size: 30px;"
Dies ändert die Schriftfarbe in ein schönes, erdiges Braun:
| replace: "color:#2b2e2f;", "color:#333300;"
Schließlich sieht es wie folgt aus:
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
Und dies ist meine gesamte Anweisung für diese Änderungen.
{% if content contains "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% else %}
{{content}}
{% endif %}Nachdem ich meine Inhalts-Platzhalter dadurch ersetzt habe, werden meine E-Mails keine Zendesk Support E-Mail-Vorlage mehr haben. Stattdessen haben sie meine benutzerdefinierte Schrift, Farbe und Größe. Jetzt haben wir die volle Kontrolle über unsere E-Mail-Vorlage und entscheiden, wie unsere Nachrichten aussehen! Denken Sie daran, dass mit mehr Macht auch mehr Verantwortung einhergeht – ich möchte also nicht zu viele E-Mails mit einer Papyrus-Schriftart sehen.