Il tuo account invia regolarmente notifiche email agli utenti finali quando si verificano eventi quali aggiornamenti dei ticket o del centro assistenza. Il contenuto e il formato di quasi tutte queste email sono gestiti mediante due modelli nel Centro amministrativo: un modello HTML e un modello solo testo. Entrambi i formati sono inclusi in tutte le email inviate. La versione che gli utenti finali vedono dipende dalle impostazioni delle preferenze delle loro applicazioni email.
Puoi usare entrambi i modelli così come sono o modificarli per adattarli meglio alle tue esigenze. A differenza del modello solo testo, il modello HTML ti consente anche di personalizzare l'aspetto delle email inviate dal tuo account. Ad esempio, puoi aggiungere il logo della tua azienda o un banner di invito all’azione in linea con l’identità del tuo brand o l’aspetto del centro assistenza.
Limitazioni
- La modifica dei modelli email non è consentita per impostazione predefinita per le versioni di prova e potrebbe non essere consentita per alcuni account. Per abilitare l'opzione di modifica, contatta l'assistenza clienti Zendesk fornendo il tuo sottodominio, un link al sito web della tua azienda e una breve descrizione delle modifiche che vuoi apportare.
- Le notifiche email delle conversazioni laterali non usano i modelli email.
Anatomia dei modelli email
Conoscere la struttura dei modelli HTML e di solo testo è utile per personalizzarli.
Struttura del modello HTML
L’email di notifica HTML standard inviata dal tuo account Zendesk ha il seguente aspetto:
I numeri laterali nella screenshot corrispondono ai seguenti componenti nei modelli email:
|
corpo dell'email |
Il corpo dell’email è rappresentato dal segnaposto
Prima di inviare l’email, il sistema sostituisce il segnaposto Lo stesso corpo dell’email viene definito in un trigger. Nella seguente azione di trigger, il corpo dell’email è evidenziato in rosso:
Nell’esempio, il corpo dell’email è composto da due elementi:
Consulta Personalizzazione dell’email in trigger e automazioni. |
|
piè di pagina standard |
Il piè di pagina standard è composto dai due segnaposto seguenti:
Entrambi i segnaposto sono facoltativi. Puoi eliminarne uno o entrambi dal modello. |
Struttura del modello di solo testo
Il modello email di solo testo 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 testo generato dalle regole aziendali (trigger, automazioni o macro) e i commenti ai ticket. Il segnaposto {{footer}} è facoltativo. Se vuoi, puoi rimuoverlo. Per ulteriori informazioni, consulta Segnaposto di sistema.
Se vuoi aggiungere una riga alle email di solo testo, aggiungila al modello.
Thanks for contacting Mondocam Support!
{{content}}
{{footer}}
Personalizzazione dell’email HTML
Puoi personalizzare l’aspetto delle notifiche email in formato HTML inviate ai clienti. Questa sezione tratta i seguenti argomenti:
- Modifica del modello email HTML
- Esempio - Modifica del colore del testo del piè di pagina
- Esempio - Aggiunta del logo
Per linee guida e istruzioni, consulta la guida alla progettazione delle email in Zendesk.
Modifica del modello email HTML
Puoi modificare l’aspetto delle email HTML modificando il modello email HTML nel Centro amministrativo. La modifica del modello HTML richiede un certo livello di familiarità con HTML e CSS. Per istruzioni, consulta la guida alla progettazione delle email in Zendesk. Per linee guida sulla progettazione, consulta Linee guida HTML per le email.
Le modifiche vengono applicate all’email in uscita non appena vengono salvate. Pertanto, è necessario visualizzare in anteprima e testare le modifiche prima di applicarle al modello. Se hai un piano Enterprise, puoi anche testare le modifiche email in una sandbox prima di distribuirle pubblicamente.
Per modificare il modello HTML
-
Nel Centro amministrativo, fai clic su Canali
nella barra laterale, quindi seleziona Talk ed email > Email.Se hai un piano Enterprise, continua facendo clic su Gestisci impostazioni > Modelli.
- Scorri fino alla casella Modello HTML.
- Modifica il codice HTML del modello in base alle tue esigenze.
Consulta la guida alla progettazione delle email in Zendesk.
- Se vuoi ricominciare con la versione predefinita, fai clic su Ripristina predefinito sotto il modello.
- Se vuoi mostrare le foto degli utenti nelle email, fai clic su Mostra foto del profilo utente nelle email nella sezione Modelli email.
Quando l’opzione è selezionata, le foto del profilo vengono visualizzate nelle email, se la funzione è supportata dal client email. Non tutti i client email visualizzano le immagini per impostazione predefinita.
- Fai clic su Salva.
Esempio: Modifica del colore del testo del piè di pagina
Questo esempio mostra come modificare il colore del carattere del piè di pagina in verde acqua, che ha il codice colore esadecimale #009966. Per altre idee sulla modifica del piè di pagina, consulta le seguenti istruzioni nella guida alla progettazione delle email in Zendesk:
Supponiamo che il piè di pagina del modello sia costituito dai segnaposto {{footer}} e {{footer_link}}. Se il nome della tua azienda è Mondocam, i segnaposto inseriscono la seguente riga nell’email inviata: "Questa email è un servizio di Mondocam. Fornito da Zendesk".
- Nel Centro amministrativo, fai clic su Canali nella barra laterale, quindi seleziona Talk ed email > Email.
- Nella sezione Modelli email, individua i due segnaposto del piè di pagina e il tag
<div>di livello superiore:... <div style="padding: 10px; line-height: 1.5; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color: #aaaaaa; margin: 10px 0 14px 0; padding-top: 10px; border-top: 1px solid #eeeeee;"> {{footer}} {{footer_link}} </div> ... - Modifica il valore di
colorin #009966, che è il codice esadecimale di una tonalità di verde acqua. - Fai clic su Salva.
:hover. Esempio: 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.
Quando modifichi 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.
Esempio: Aggiunta del logo
Puoi aggiungere il logo della tua azienda nella parte superiore delle notifiche email, ma tieni presente che, per impostazione predefinita, alcuni client email non visualizzano le immagini.
Per aggiungere il logo della tua azienda alle notifiche email
- Inserisci un tag
<img>(<img src="">) dopo il tag<body>ma prima del tag di contenuto<div>.
- Specifica l’URL dell’immagine del logo come valore dell'attributo
src. Esempio:<img src="https://mondocam.com/assets/logo.png"/>
- Se vuoi aggiungere un collegamento ipertestuale al logo, includi il tag
<img>in un tag di ancoraggio, come in questo esempio:<a href="https://mondocam.com/home"><img src="https://mondocam.com/assets/logo.png"></a>
Per personalizzare il logo in modo più dettagliato, consulta Procedura: aggiungi il logo della tua azienda nella guida alla progettazione delle email in Zendesk.
Personalizzazione dell'email di solo testo
Non potendo usare il codice HTML, non puoi personalizzare l’aspetto delle notifiche email di solo testo inviate ai clienti. Tuttavia, puoi aggiungere informazioni alle tue email.
Per personalizzare il modello di solo 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.
- Se vuoi ricominciare con la versione predefinita, fai clic su Ripristina predefinito sotto il modello.
- Fai clic su Salva.
Personalizzazione dell'email in trigger e automazioni
I trigger e le automazioni possono includere azioni che inviano email agli utenti. Puoi aggiungere HTML e Liquid markup alle azioni di trigger o automazioni anziché al modello email per personalizzare il corpo dell’email. Esempio:
Personalizzazione dell’email per più brand
Per personalizzare le notifiche email per più brand, devi personalizzare il corpo dell’email nelle azioni di trigger e automazioni, ma mantenere il modello email il più generico possibile perché ne hai solo uno. In altre parole, usi un unico modello per tutti i brand, ma personalizzi le diverse azioni per ciascun brand. Per ulteriori informazioni, consulta le seguenti risorse:
- Utilizzo del modello email con più brand
- Come strutturare il modello email in modo da usare layout HTML personalizzati per ciascuno dei molteplici brand, un suggerimento di Andrew Soderberg
Riferimento al segnaposto per il modello email HTML
La maggior parte dei contenuti delle email di notifica viene generata dinamicamente dal sistema Zendesk. Il contenuto generato è rappresentato da segnaposto nei modelli email. I segnaposto sono racchiusi tra parentesi graffe doppie, come {{footer}}.
I segnaposto inseriscono il contenuto dell’email e il testo del piè di pagina.
{{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.
{{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.
{{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.