I caratteri personalizzati che scegli sono una dichiarazione di moda tanto quanto i vestiti che indossi. Possono essere taglienti e stimolanti, simpatici e calmi, o anche esageratamente sciocchi * comiche * comiche *. Alla fine, tuttavia, il carattere che scegli ti definisce e illustra il punto che stai cercando di trasmettere. Bene, con questo utile suggerimento della settimana possiamo lavorare per modificare i caratteri nel modello email in modo che i messaggi inviati possano contenere i seguenti elementi:
( Fig 1: carattere vecchio e noioso)
A questo:
(Fig 2: alcuni caratteri piuttosto curati)
Per raggiungere questo obiettivo, ti consigliamo di modificare il segnaposto del contenuto che si trova all'interno del modello HTML dell'email per individuare gli stili predefiniti e riscriverli. A tal fine, sostituiremo l'attuale {{content}} segnaposto con una variazione del modello seguente.
{% se il contenuto contiene "famiglia di caratteri: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{contenuto | sostituisci: "carattere-famiglia: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "dimensioni carattere: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% altrimenti %}
{{content}}
{% endif %}
Alcune informazioni su questo modello:
- L'istruzione viene eseguita SE il contenuto predefinito contiene Lucida Sans Unicode, Lucida Grande, ecc.
- Quando viene eseguito, attiva la sostituzione della famiglia di caratteri, la sostituzione delle dimensioni del carattere e la sostituzione del colore.
- Se non viene eseguito, passerà a ELSE , dopodiché invierà semplicemente l'impostazione predefinita {{content}}.
- Affinché venga attivata, l'istruzione if deve essere esattamente vera.
- Per il processo di sostituzione è necessario inserire lo stile predefinito seguito dallo stile desiderato (ad es., replace: "color:default;", "color:desired;").
Per sostituire il valore predefinito, dobbiamo prima individuare il valore predefinito di {{content}} segnaposto. Il modo più semplice per farlo è inviare a te stesso un'email di prova. Uso Gmail in questo esempio, quindi se hai un account Gmail potrebbe essere più facile seguirlo.
Nota : Il contenuto predefinito non è necessariamente quello predefinito visibile nel modello HTML dell'email.
Per individuare e sostituire {{content}} segnaposto
- Crea un ticket di prova a cui puoi rispondere. Rispondi al ticket di prova che attiverà il trigger con "Notifica al richiedente dell'aggiornamento del commento". Il tuo account Gmail dovrebbe ricevere un'email dalla tua istanza Zendesk Support.
- Nell'applicazione email, individua la possibilità di "Mostra originale". L'impostazione Gmail per questa operazione è mostrata qui:
- Nel testo originale, individua il testo dello stile usato da Zendesk Support come predefinito {{content}}. Può essere un po' complicato, ma può essere trovato cercando una parola chiave o una frase usata nella risposta del ticket, come mostrato nell'immagine qui sotto.
La frase che ho cercato è in giallo, lo stile predefinito è evidenziato in verde. - Ora che abbiamo i nostri stili di contenuto predefiniti, possiamo sostituire il contenuto nel modello HTML dell'email con il nostro. Individua il markup del contenuto nel modello HTML e incolla il nuovo modello di contenuto al posto del contenuto originale. Dovrebbe essere abbastanza simile allo screenshot allegato.
Questa è la parte più esigente. Tenendo presente il formato ( replace: "color:default;", "color:desired;") ora dobbiamo sostituire gli stili predefiniti con gli stili desiderati. A questo punto è utile copiare e incollare le informazioni che abbiamo individuato al passaggio 3 nelle posizioni predefinite del passaggio 4. Per il mio esempio, vorrei assicurarmi che il carattere predefinito contenga "Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, sans-serif" e sostituirlo con lo stile di carattere desiderato. Diamo un'occhiata più da vicino al modello qui:
Questo sostituisce il mio carattere attuale con un po 'di Helvetica alla moda:
| sostituisci: "carattere-famiglia: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, con grazie;"
Questo rende le dimensioni del mio carattere abbastanza leggibili:
| sostituisci: "dimensione carattere: 14px;", "dimensioni carattere: 30 pixel;
Questo cambia il colore del carattere in un bel marrone terra:
| replace: "color:#2b2e2f;", "color:#333300;"
Tutto insieme crea questo:
{{contenuto | sostituisci: "carattere-famiglia: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "dimensioni carattere: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
E questa è tutta la mia affermazione che porterà a questi cambiamenti.
{% se il contenuto contiene "famiglia di caratteri: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{contenuto | sostituisci: "carattere-famiglia: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "dimensioni carattere: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% altrimenti %}
{{content}}
{% endif %}Dopo aver sostituito il segnaposto per i miei contenuti con questo, le mie email non avranno più il modello email predefinito di Zendesk Support, ma avranno carattere, colore e dimensioni personalizzati. Ora abbiamo il pieno controllo del nostro modello email e dell'aspetto dei nostri messaggi. Ricorda che da grandi poteri derivano grandi responsabilità, quindi non voglio vedere troppe email con caratteri Papyrus in giro.
Avvertenza sulla traduzione: questo articolo è stato tradotto usando un software di traduzione automatizzata per fornire una comprensione di base del contenuto. È stato fatto tutto il possibile per fornire una traduzione accurata, tuttavia Zendesk non garantisce l'accuratezza della traduzione.
Per qualsiasi dubbio sull'accuratezza delle informazioni contenute nell'articolo tradotto, fai riferimento alla versione inglese dell'articolo come versione ufficiale.