Quasi tutte le notifiche email inviate dal tuo account, come ticket e articoli del centro assistenza, sono controllate da modelli email. Le notifiche email delle conversazioni laterali non usano i tuoi modelli email.
I modelli sono formattati sia per le email in formato HTML che per quelle in solo testo. Entrambi i formati sono inclusi in ogni email. La versione che gli utenti finali vedono dipende dalle impostazioni delle preferenze dei loro client email.
Puoi personalizzare il modello HTML di modo che corrisponda al tuo branding apportando alcune semplici modifiche allo stile. Puoi anche modificare le informazioni nelle versioni di testo delle email.
Articoli correlati:
Modifica di modelli email
Puoi personalizzare l’aspetto delle notifiche email inviate ai clienti. Le notifiche hanno un modello HTML e un modello di solo testo.
Con il piano Enterprise, puoi modificare e testare le modifiche alle email in una sandbox prima di distribuirle pubblicamente (consulta Test delle modifiche nella sandbox).
- Nel Centro amministrativo, fai clic su
Canali nella barra laterale, quindi seleziona Talk ed email > Email. - Modifica il modello HTML come necessario.
- Modifica il modello di testo come necessario.
- Se vuoi ricominciare con la versione predefinita, fai clic su Ripristina prdefinito sotto uno dei modelli.
- Fai clic su Salva in fondo alla pagina.
I modelli email sono aggiornati.
- Visualizzazione delle foto del profilo utente
- Aggiunta o rimozione di link di ticket
- Aggiunta e rimozione del delimitatore di email nelle notifiche
-
Uso di Liquid markupNota: Liquid markup è supportato in macro, trigger e automazioni per le notifiche dei ticket, ma non per le notifiche degli articoli del centro assistenza, come le notifiche email inviate ai follower. Anziché usare Liquid per cambiare l'aspetto delle notifiche email, puoi seguire la procedura per usare il modello email con più brand.
Modifica del modello HTML
Puoi cambiare l'aspetto delle email HTML modificando il codice HTML e CSS nel modello HTML.
Questa sezione tratta i seguenti argomenti:
Modifica dell'aspetto delle email HTML
Il modello HTML è composto da tag DIV e segnaposto di sistema.
I segnaposto forniscono la maggior parte del contenuto dell'email:
-
{{content}}è obbligatorio e non deve essere eliminato -
{{delimiter}}è obbligatorio solo se usi il delimitatore di email nelle notifiche -
{{styles}}e{{attributes}}sono per un uso futuro e a volte sono usati dal sistema per includere stili e attributi allo scopo di supportare le impostazioni locali con scrittura da destra a sinistra -
{{footer}}è facoltativo
I tag DIV applicano gli stili CSS al contenuto. Aggiungendo o modificando gli stili CSS, puoi modificare globalmente l'aspetto di email, delimitatore o piè di pagina.
Se stai cambiando il colore del testo, utilizza un contrasto di colore sufficiente a garantire l'accessibilità. Segui i Suggerimenti sulle linee guida per l’accessibilità dei contenuti web (WCAG) e usa strumenti come Verifica contrasto dei colori WebAIM per controllare il rapporto di contrasto tra il testo e lo sfondo.
- Nel Centro amministrativo, fai clic su Canali nella barra laterale, quindi seleziona Talk ed email > Email.
- Nella sezione Modelli email, modifica il modello HTML come necessario.
Se vuoi usare uno dei segnaposto di modello standard, inizia a digitarne il nome, quindi scegli una delle opzioni disponibili visualizzate.
- Fai clic su Salva.
Ad esempio, il codice seguente cambia il colore del carattere del piè di pagina in verde acqua:
...
<div style=" color: #009966;
margin: 10px 0 14px 0;
padding-top: 10px;
border-top: 1px solid #eeeeee;" >
{{footer}}{{footer_link}}
</div>
...
Il colore del carattere è impostato sul valore esadecimale del colore verde acqua con la seguente dichiarazione di stile:
color: #009966;
a:hover {color:#FF00FF;}. Purtroppo, le pseudo classi CSS non sono supportate nel codice CSS incorporato e i principali client email come Gmail eliminano tutto il codice CSS non incorporato. Per aggiungere un'immagine al modello, ad esempio il logo di un'azienda, inserisci un tag IMG che fa riferimento all'immagine. Esempio:
<img src="http://YOURWEBSITE.com/logo.png"/>
<a href="http://YOURACCOUNT.zendesk.com"><img src="http://YOURWEBSITE.com/logo.png"></a>
- Portale CSS in Mozilla Developer Network
- Guida CSS per il centro assistenza
Linee guida per la personalizzazione delle email HTML
Puoi personalizzare ampiamente il modello HTML, ma tieni presente che Zendesk non fornisce supporto per la codifica personalizzata. Se il tuo account è stato creato dopo il 15 giugno 2022, il modello è conforme a HTML5. Per ulteriori informazioni sui tag HTML5 supportati, consulta Informazioni di riferimento sugli elementi di HTML5 all’indirizzo www.w3docs.com.
La progettazione di email HTML non è semplice a causa del modo in cui viene eseguito il rendering del codice HTML e CSS nei diversi browser web e client email. Alcuni tipi di formattazione possono persino essere interpretati come spam.
- Non usare dichiarazioni di stile CSS3. Usa CSS1 o 2.
- Non aggiungere ulteriori sezioni DIV.
- Riduci al minimo la formattazione del testo. La presenza di una grande quantità di testo in grassetto può attivare i filtri anti-spam.
- Non aggiungere molte immagini (un altro trigger per filtri anti-spam) e riduci le dimensioni delle immagini che usi.
- Usa il tag ALT in tutte le immagini. Il tag visualizza una descrizione dell'immagine prima che gli utenti consentano la visualizzazione delle immagini.
- Se conosci la larghezza e l'altezza dell'immagine, indicale. Ciò forza il client email a riservare lo spazio dell'immagine nel layout dell'email prima di scaricare le immagini.
- Le immagini di sfondo non sono supportate in tutti i client email, quindi non fare affidamento su di esse per informazioni o la progettazione funzionale.
- Non creare link alle immagini in un account Zendesk chiuso. Se il destinatario non è un utente registrato e connesso, i link non funzioneranno.
Modifica del modello di testo
Il modello di testo delle email viene usato quando l'utente sceglie di non leggere i messaggi email in formato HTML. Il modello è composto da due segnaposto di sistema:
{{content}}
{{footer}}
Il segnaposto {{content}} inserisce il delimitatore di testo, il titolo del ticket, il testo generato dalle regole aziendali (trigger, automazioni o macro) e i commenti nel ticket. Il segnaposto {{footer}} è facoltativo. Se vuoi, puoi rimuoverlo. Per ulteriori informazioni, consulta Segnaposto di sistema.
{{delimiter}} non è obbligatorio nel modello di testo. Il segnaposto {{content}} contiene il testo del delimitatore.Per aggiungere una riga alle email, aggiungila al modello.
Thanks for contacting MondoCam Support!
{{content}}
{{footer}}
Per modificare il modello di testo
- Nel Centro amministrativo, fai clic su Canali nella barra laterale, quindi seleziona Talk ed email > Email.
- Scorri verso il basso fino alla sezione Modelli email.
- Modifica il modello di testo come necessario.
- Fai clic su Salva in fondo alla pagina.
Segnaposto di sistema
La maggior parte dei contenuti delle email di notifica viene generata dinamicamente dal sistema Zendesk. Il contenuto generato dinamicamente è rappresentato da segnaposto nei modelli email. I segnaposto sono racchiusi tra parentesi graffe doppie, come {{footer}}.
I segnaposto inseriscono il testo del delimitatore, il contenuto dell'email e un piè di pagina.
{{delimiter}}- Visualizza il testo "##- Digita la risposta sopra questa riga -##". Il delimitatore viene usato dal sistema per separare il vecchio contenuto da quello nuovo. Quando una persona risponde a un'email, il nuovo contenuto nella risposta viene aggiunto al ticket come commento. Questo segnaposto è obbligatorio nel modello HTML se usi il delimitatore di email. Consulta Personalizzazione del testo del delimitatore nelle email.
{{content}}- Visualizza il contenuto dell'email, che può includere commenti di ticket e foto del profilo utente. Il contenuto viene definito nel trigger, nell'automazione o in qualsiasi elemento che invia email dal tuo account. Consulta Creazione e gestione di trigger per gli aggiornamenti dei ticket e le notifiche.
{{quoted_content}}- Facoltativo. Visualizza la cronologia dei messaggi. Di solito il contenuto citato viene compresso nell’applicazione email dell’utente, ma l’utente può espanderla. In Gmail, ad esempio, l’utente fa clic sui puntini di sospensione (...). Consulta le Informazioni sulle conversazioni email semplificate.
{{footer}}- Facoltativo. Visualizza il testo "Questa email è un servizio di NomeTuoZendesk.". Nelle email inviate agli agenti visualizza anche le proprietà del ticket, come stato e richiedente. Le proprietà non sono visualizzate nelle email inviate agli utenti finali.
{{footer_link}}- Facoltativo. Visualizza il testo "Fornito da Zendesk". La parola Zendesk è un link a http://www.zendesk.com.
{{styles}}- Facoltativo. Per uso futuro. Attualmente, il sistema usa questo segnaposto per includere stili quando rileva una lingua che si scrive da destra a sinistra.
{{attributes}}- Facoltativo. Per uso futuro. Attualmente, il sistema usa questo segnaposto per inserire attributi quando rileva una lingua che si scrive da destra a sinistra.