Risoluzione dei problemi relativi a CSS, JavaScript e HTML personalizzati in Klaviyo
Cosa imparerai
Scopri come risolvere i problemi del codice personalizzato quando importi un modello HTML personalizzato o crei un tuo modello con codice personalizzato.
Consigliamo di usare HTML personalizzato solo per chi ha competenze tecniche di marketing o per chi ha accesso a chi sviluppa. Sebbene il nostro prodotto supporti HTML personalizzato, il nostro team di assistenza non è in grado di aiutarti a creare i tuoi modelli personalizzati oltre a offrire le indicazioni generali riportate in questa documentazione.
Al fine di garantire la sicurezza dei tuoi dati, il team di assistenza di Klaviyo non è in grado di aprire i tuoi file HTML.
Elementi HTML e CSS personalizzati
Se stai creando un modello HTML personalizzato, non puoi utilizzare i feed dei prodotti nella tua e-mail.
Al momento, alcuni elementi HTML e CSS utilizzati per rendere le e-mail interattive non sono supportati. Ad esempio, se vuoi rendere la tua e-mail interattiva in Gmail usando determinati selettori di attributi CSS, il tuo modello potrebbe attivare un errore in Klaviyo.
Al momento Klaviyo non supporta alcuni operatori (come ~) nei modelli di e-mail. Questo potrebbe limitare in che misura è possibile usare alcuni HTML e CSS personalizzati. Se il tuo modello contiene HTML o CSS non completamente supportati, non potrai generare un’anteprima della tua e-mail e vedrai invece un messaggio di errore.
Problemi HTML comuni
Se noti che la tua e-mail HTML personalizzata non ha l’aspetto corretto, ecco alcuni punti comuni in cui verificare la presenza di problemi.
Virgolette singole nel font
Ovunque tu stia aggiungendo un attributo font-family in CSS, cerca le virgolette singole o le virgolette non necessarie. Rimuovi tutte le virgolette quando aggiungi il font.
Problema | Fissa |
font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Query multimediali
Se le media query non sono nel formato standard, non verranno visualizzate correttamente. Segui il formato standard per tutte le media query.
Formato Standard per le media query |
@media only screen and (max-width: 460px) |
Tag center non necessari
Se nel tuo modello e-mail sono presenti più tag HTML <center> in diverse posizioni, potrebbe non essere visualizzato correttamente in Gmail. Per risolvere il problema, rimuovi tutti i tag <center> non necessari. È necessario un solo tag <center> nella parte superiore del modello e-mail, vicino al tag <body>. Tutti i tag <center> aggiuntivi sono superflui.
Klaviyo non supporta e-mail JavaScript
La maggior parte dei client di posta (Gmail, Hotmail, Yahoo, ecc.) considera JavaScript nelle e-mail una minaccia per la sicurezza. Questo perché gli script possono nascondere contenuti dannosi. Di conseguenza, questi principali client di posta elettronica bloccano completamente gli script nelle e-mail. Considerata la minaccia intrinseca per la sicurezza associata a JavaScipt nelle e-mail e la mancanza di supporto per questi script da parte della maggior parte dei principali client di posta, qualsiasi script aggiunto verrà rimosso automaticamente.
Klaviyo non supporta moduli o video incorporati
Klaviyo non supporta moduli incorporati, widget o video nei modelli. Questo perché i nostri test mostrano che questi tipi di funzionalità non vengono visualizzati in modo affidabile su tutti i principali client di posta elettronica. Analogamente ai frammenti di JavaScript, la maggior parte dei client di posta elettronica considera questi elementi una minaccia per la sicurezza e li rimuove del tutto dalle e-mail.
Se ti interessa scoprire delle soluzioni alternative per questo, dai un’occhiata a questo articolo sull’aggiunta di un video o di una GIF a un’e-mail.
Altri tag e attributi non supportati
I tag e gli attributi HTML trattati qui non costituiscono un elenco esaustivo di ciò che Klaviyo supporta. In generale, gli elementi HTML che sono supportati dai principali provider di posta in arrivo sono supportati anche da Klaviyo.
Se il modello contiene HTML non supportato, Klaviyo tenterà di sostituire gli elementi non supportati con un'alternativa supportata (ad es. un tag span). Se non esiste una sostituzione chiara, quella parte del tuo HTML verrà rimossa. Se alcune parti del tuo HTML sembrano scomparire dopo averle aggiunte, significa che probabilmente non sono supportate; prova un tag o un attributo HTML alternativo per ottenere un effetto simile.