Fast all von Ihrem Konto aus gesendeten E-Mail-Benachrichtigungen (zum Beispiel Ticketbenachrichtigungen und Benachrichtigungen zu Help-Center-Beiträgen) werden durch E-Mail-Vorlagen gesteuert. E-Mail-Benachrichtigungen zu Nebenkonversationen verwenden keine E-Mail-Vorlagen.
Die Vorlagen werden als HTML- und Textversionen formatiert. Jede E-Mail umfasst beide Formate. Die Version, die Endbenutzer sehen, richtet sich nach den Einstellungen des jeweiligen E-Mail-Clients.
Sie können die HTML-Vorlage an das Branding Ihres Unternehmens anpassen, indem Sie einige einfache stilistische Änderungen vornehmen. Sie können auch die Informationen bearbeiten, die in den Textversionen Ihrer E-Mails erscheinen.
Verwandte Beiträge:
Bearbeiten der E-Mail-Vorlagen
Sie können das Erscheinungsbild der E-Mail-Benachrichtigungen anpassen, die an Ihre Kunden gesendet werden. Für Benachrichtigungen sind eine HTML-Vorlage und eine Nur-Text-Vorlage verfügbar.
Bei einem Enterprise-Konto können Sie E-Mails ändern und die Änderungen in einer Sandbox testen, bevor Sie sie öffentlich bereitstellen (siehe Testen von Änderungen in der Standard-Sandbox).
- Klicken Sie in der Seitenleiste des Admin Centers auf
Kanäle und dann auf Talk und E-Mail > E-Mail. - Klicken Sie im Abschnitt E-Mail-Vorlagen auf Benutzerprofilfotos in E-Mails anzeigen, um Benutzerprofile in E-Mails anzuzeigen.
Nicht in allen E-Mail-Clients werden Bilder standardmäßig angezeigt.
- Nehmen Sie die gewünschten Änderungen an der HTML-Vorlage vor.
- Nehmen Sie die gewünschten Änderungen an der Textvorlage vor.
- Wenn Sie mit der Standardversion ganz neu von vorne beginnen möchten, klicken Sie unter der gewünschten Vorlage auf Standard wiederherstellen.
- Klicken Sie unten auf der Seite auf Speichern.
Die E-Mail-Vorlagen werden aktualisiert.
- Anzeigen von Benutzerprofilfotos in HTML-E-Mails
- Hinzufügen oder Entfernen von Ticketlinks in E-Mails
- Hinzufügen und Entfernen von Trenntext in E-Mail-Benachrichtigungen
-
Verwenden von Liquid MarkupHinweis: Liquid Markup wird in Makros, Auslösern und Automatisierungen für Ticketbenachrichtigungen unterstützt, nicht aber für Benachrichtigungen zu Help-Center-Beiträgen, wie z. B. E-Mail-Benachrichtigungen an Follower. Statt Liquid zu verwenden, um das Erscheinungsbild von E-Mail-Benachrichtigungen zu ändern, können Sie auch die unter Verwenden der E-Mail-Vorlage bei mehreren Marken beschriebenen Schritte ausführen.
Bearbeiten der HTML-Vorlage
Sie können das Erscheinungsbild von HTML-E-Mails ändern, indem Sie den HTML- und CSS-Code in der HTML-Vorlage bearbeiten.
In diesem Abschnitt werden folgende Themen behandelt:
Ändern des Erscheinungsbilds von HTML-E-Mails
Die HTML-Vorlage besteht aus DIV-Tags und Systemplatzhaltern.
Die Platzhalter liefern den Großteil des Inhalts:
-
{{content}}ist erforderlich und darf nicht gelöscht werden. -
{{delimiter}}ist nur erforderlich, wenn Sie den E-Mail-Trenntext in Benachrichtigungen verwenden. -
{{styles}}und{{attributes}}sind für zukünftige Zwecke vorgesehen und werden manchmal vom System verwendet, um Stile und Attribute für die Unterstützung linksläufiger Sprachen einzufügen. -
{{footer}}ist optional.
Durch die DIV-Tags werden CSS-Stile auf den Inhalt angewendet. Durch Hinzufügen und Ändern von CSS-Stilen können Sie das Erscheinungsbild der gesamten E-Mail, den Trenntext oder den Fußbereich anpassen.
Wenn Sie die Textfarbe ändern, achten Sie auf ausreichend hohen Farbkontrast, um Barrierefreiheit zu gewährleisten. Befolgen Sie die Empfehlungen in den Web Content Accessibility Guidelines (WCAG) und verwenden Sie Tools wie WebAIM Color Contrast Checker, um das Kontrastverhältnis zwischen Text und Hintergrund zu überprüfen.
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Talk und E-Mail > E-Mail.
- Gehen Sie zum Abschnitt E-Mail-Vorlagen und nehmen Sie die gewünschten Änderungen an der HTML-Vorlage vor.
Wenn Sie einen Standardvorlagenplatzhalter verwenden möchten, geben Sie die ersten paar Zeichen des Platzhalternamens ein und wählen Sie ihn dann in der eingeblendeten Liste aus.
- Klicken Sie auf Speichern.
So ändern Sie beispielsweise die Schriftfarbe im Fußbereich in Blaugrün:
...
<div style=" color: #009966;
margin: 10px 0 14px 0;
padding-top: 10px;
border-top: 1px solid #eeeeee;" >
{{footer}}{{footer_link}}
</div>
...
Die Schriftfarbe wird mit der folgenden Stildeklaration auf den Hexadezimalwert für Blaugrün gesetzt:
color: #009966;
a:hover {color:#FF00FF;}. CSS-Pseudoklassen werden in Inline-CSS nicht unterstützt. Alle führenden E-Mail-Clients, wie z. B. Google Mail, ignorieren CSS-Code, der nicht inline angegeben ist. Um ein Bild, wie z. B. ein Firmenlogo, zur Vorlage hinzuzufügen, verwenden Sie ein IMG-Tag, das auf das Bild Bezug nimmt. Beispiel:
<img src="http://YOURWEBSITE.com/logo.png"/>
<a href="http://YOURACCOUNT.zendesk.com"><img src="http://YOURWEBSITE.com/logo.png"></a>
- CSS Portal im Mozilla Developer Network
- CSS-Rezeptbuch für das Help Center
Richtlinien zum Anpassen von HTML-E-Mails
Sie können umfassende Anpassungen an der HTML-Vorlage vornehmen. Denken Sie aber daran, dass Zendesk keinen Support für selbst geschriebenen Code bietet. Wenn Ihr Konto am 15. Juni 2022 oder später erstellt wurde, ist die Vorlage HTML5-konform. Weitere Informationen zu unterstützten HTML5-Tags finden Sie in der HTML5-Referenz unter www.w3docs.com (Englisch).
Bedenken Sie aber, dass der Entwurf von HTML-E-Mails nicht unkompliziert ist, da HTML- und CSS-Code in unterschiedlichen Webbrowsern und E-Mail-Clients möglicherweise unterschiedlich dargestellt wird. Manche Formatierung wird u. U. sogar als Spam interpretiert.
- Verwenden Sie keine Stildeklarationen aus CSS3. Halten Sie sich an CSS1 oder 2.
- Fügen Sie keine weiteren DIV-Abschnitte hinzu.
- Verwenden Sie so wenig Textformatierung wie möglich. Viel fettgedruckter Text kann Spamfilter aktivieren.
- Verwenden Sie nicht übermäßig viele Grafiken (ein weiterer Auslöser von Spamfiltern) und skalieren Sie die Grafiken auf die entsprechende Größe.
- Verwenden Sie das ALT-Tag für alle Bilder. Dieses Tag zeigt ein Beschreibung des Bilds an, bevor der Benutzer die Bildanzeige gestattet.
- Wenn Sie die Breite und Höhe der Grafik kennen, geben Sie sie an. Auf diese Weise wird der E-Mail-Client gezwungen, Platz im Layout der E-Mail zu lassen, bevor die Bilder heruntergeladen werden.
- Hintergrundbilder werden nicht von allen E-Mail-Clients unterstützt. Sie sollten sich daher nicht auf sie verlassen, was Informationen oder Funktion anbelangt.
- Geben Sie bei einer geschlossenen Zendesk Support-Instanz keine Links zu Bildern an. Wenn der Empfänger kein registrierter und angemeldeter Benutzer ist, werden die Bilder nicht angezeigt.
Bearbeiten der Textvorlage
Die E-Mail-Textvorlage wird verwendet, wenn der Benutzer E-Mails nicht im HTML-Format liest. Die Vorlage besteht aus zwei Systemplatzhaltern:
{{content}}
{{footer}}
Der Platzhalter {{content}} fügt den Trenntext, den Titel des Tickets, den anhand von Business-Regeln (d. h. von Auslösern, Automatisierungen oder Makros) generierten Text und die Ticketkommentare ein. Der Platzhalter {{footer}} ist optional. Sie können ihn bei Bedarf entfernen. Weitere Informationen finden Sie unter Beschreibung der Systemplatzhalter.
{{delimiter}} ist in der Textvorlage nicht erforderlich. Der Platzhalter {{content}} enthält den Trenntext.Wenn Sie eine Zeile zu Ihren E-Mails hinzufügen möchten, fügen Sie sie zur Vorlage hinzu.
Thanks for contacting MondoCam Support!
{{content}}
{{footer}}
So bearbeiten Sie die Textvorlage
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Talk und E-Mail > E-Mail.
- Blättern Sie nach unten zum Abschnitt E-Mail-Vorlagen.
- Nehmen Sie die gewünschten Änderungen an der Textvorlage vor.
- Klicken Sie unten auf der Seite auf Speichern.
Beschreibung der Systemplatzhalter
Der Großteil des Inhalts von Benachrichtigungs-E-Mails wird vom Zendesk-System dynamisch generiert. In den E-Mail-Vorlagen wird dieser dynamische Inhalt durch Platzhalter dargestellt. Die Platzhalter stehen in doppelten geschweiften Klammern. Beispiel: {{footer}}.
Die Platzhalter fügen den E-Mail-Trenntext, den eigentlichen Inhalt der E-Mail sowie einen Fußbereich ein.
{{delimiter}}- Zeigt die Zeile „##- Bitte geben Sie Ihre Antwort oberhalb dieser Linie ein -##“ an. Das System verwendet den Trenntext, um den neuen Inhalt vom alten abzugrenzen. Wenn jemand auf eine E-Mail antwortet, wird der neue Inhalt in der Antwort als Kommentar zum Ticket hinzugefügt. Dieser Platzhalter ist in der HTML-Vorlage erforderlich, wenn Sie den E-Mail-Trenntext verwenden. Weitere Informationen finden Sie unter Hinzufügen und Entfernen von Trenntext in E-Mail-Benachrichtigungen.
{{content}}- Zeigt den E-Mail-Inhalt an, der Ticketkommentare und Benutzerprofilfotos umfassen kann. Der Inhalt wird durch den Auslöser, die Automatisierung oder eine andere Business-Regel definiert, die E-Mails von Ihrem Konto aus sendet. Weitere Informationen finden Sie unter Erstellen und Verwalten von Auslösern für Ticketaktualisierungen und Benachrichtigungen.
{{quoted_content}}- Optional. Zeigt den Nachrichtenverlauf an. Der zitierte Inhalt ist in der E-Mail-Anwendung des Benutzers normalerweise ausgeblendet, kann bei Bedarf aber eingeblendet werden. In Gmail klickt der Benutzer zu diesem Zweck beispielsweise auf die Auslassungspunkte (…). Weitere Informationen finden Sie im Beitrag Überblick über das vereinfachte E-Mail-Threading.
{{footer}}- Optional. Zeigt die Zeile „Diese E-Mail ist ein Service von NameIhresZendesks.“ an. In an Agenten gesendeten E-Mails erscheinen außerdem Ticketeigenschaften wie Status und Anfragender. In an Endbenutzer gesendeten E-Mails erscheinen die Ticketeigenschaften nicht.
{{footer_link}}- Optional. Zeigt die Zeile „Bereitgestellt von Zendesk“ an. Das Wort „Zendesk“ ist ein Link zu https://www.zendesk.com.
{{styles}}- Optional. Für zukünftige Zwecke. Gegenwärtig wird dieser Platzhalter vom System zum Einfügen von Stilen verwendet, wenn eine linksläufige Sprache erkannt wird.
{{attributes}}- Optional. Für zukünftige Zwecke. Gegenwärtig wird dieser Platzhalter vom System zum Einfügen von Attributen verwendet, wenn eine linksläufige Sprache erkannt wird.