Imparerà
Impari a risolvere i problemi del codice personalizzato quando importa un modello HTML personalizzato o costruisce il suo modello personalizzato.
Raccomandiamo l'uso di HTML personalizzato solo ai marketer tecnicamente esperti, o a chi ha accesso a uno sviluppatore. Sebbene il nostro prodotto supporti l'HTML personalizzato, il nostro team di assistenza non è in grado di aiutarla a creare i suoi modelli personalizzati, oltre ad offrirle le indicazioni generali contenute in questa documentazione.
Per mantenere la sicurezza dei suoi dati, il team di assistenza di Klaviyo non è in grado di aprire i suoi file HTML.
Elementi HTML e CSS personalizzati
Alcuni elementi HTML e CSS utilizzati per rendere interattive le e-mail non sono attualmente supportati. Ad esempio, se sta cercando di rendere la sua e-mail interattiva in Gmail utilizzando alcuni selettori di attributi CSS, il suo modello potrebbe generare un errore in Klaviyo.
Attualmente Klaviyo non supporta alcuni operatori (come ~) nei modelli di e-mail. Questo può limitare l'utilizzo di alcuni HTML e CSS personalizzati. Se il suo modello contiene HTML o CSS non completamente supportati, non sarà in grado di generare un'anteprima della sua e-mail e vedrà invece un messaggio di errore.
Problemi comuni di HTML
Se si accorge che la sua email HTML personalizzata non ha un aspetto corretto, ecco alcuni punti comuni da controllare per individuare eventuali problemi.
Citazioni singole nel carattereCitazioni singole nel carattere
Ovunque stia aggiungendo un attributo font-family nel CSS, cerchi le virgolette singole o le virgolette non necessarie. Rimuova tutte le virgolette quando aggiunge il suo font.
| Problema | Fisso |
| font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Query multimediali
Se le media queries non sono nel formato standard, il rendering non sarà corretto. Segua il formato standard per tutte le media query.
| Formato standard delle query media |
| @media only screen e (max-width: 460px) |
Tag centrali non necessari
Se ha più tag HTML <center> nel suo modello di e-mail, la sua e-mail potrebbe non essere visualizzata correttamente in Gmail. Per risolvere questo problema, rimuova tutti i tag <center> non necessari. È necessario un solo tag <center> nella parte superiore del modello di email, vicino al tag <body>. Tutti i tag <center> aggiuntivi sono superflui.
Klaviyo non supporta le email in JavaScript
La maggior parte dei client di posta elettronica (Gmail, Hotmail, Yahoo, ecc.) considera JavaScript nelle e-mail come una minaccia alla sicurezza. Questo perché gli script possono nascondere contenuti dannosi. Di conseguenza, i principali client di posta elettronica bloccano completamente gli script nelle e-mail. Data l'intrinseca minaccia alla sicurezza associata a JavaScipt nelle e-mail e la mancanza di supporto per tali script da parte della maggior parte dei principali client e-mail, qualsiasi script aggiunto verrà automaticamente rimosso.
Klaviyo non supporta i moduli e i video incorporatiKlaviyo non supporta i moduli e i video incorporati
Klaviyo non supporta moduli, widget o video incorporati nei modelli. Questo perché i nostri test dimostrano che questo tipo di funzioni non vengono rese in modo affidabile in tutti i principali client di posta elettronica. In modo simile agli snippet JavaScript, la maggior parte dei client di posta elettronica considera questi elementi come una minaccia alla sicurezza e li elimina completamente dalle e-mail.
Se è interessato a conoscere le soluzioni a questo problema, consulti questo articolo sull'aggiunta di un video o di una GIF a un'e-mail.
Altri tag e attributi non supportatiAltri tag e attributi non supportati
I tag e gli attributi HTML qui trattati non sono un elenco esaustivo di ciò che Klaviyo assiste. In generale, gli elementi HTML che sono supportati dai principali provider di posta elettronica sono supportati anche da Klaviyo.
Se il suo modello ha un HTML non supportato, Klaviyo tenterà di sostituire l'elemento non supportato con un'alternativa supportata (ad esempio, uno span tag). Se non c'è una sostituzione chiara, quella parte del suo HTML verrà rimossa. Se alcune parti del suo HTML sembrano scomparire dopo averle aggiunte, significa che probabilmente non sono supportate; provi un tag o un attributo HTML alternativo per ottenere un effetto simile.
Risorse aggiuntive