O senhor aprenderá
Saiba como solucionar problemas de código personalizado ao importar um modelo HTML personalizado ou ao criar seu próprio modelo codificado personalizado.
Recomendamos o uso de HTML personalizado apenas para profissionais de marketing tecnicamente experientes ou para qualquer pessoa que tenha acesso a um desenvolvedor. Embora nosso produto seja compatível com HTML personalizado, nossa equipe de suporte não pode ajudá-lo a criar seus modelos personalizados, além de oferecer as orientações gerais abordadas nesta documentação.
Para manter a segurança dos seus dados, a equipe de suporte da Klaviyo não pode abrir seus arquivos HTML.
Elementos HTML e CSS personalizados
Alguns elementos HTML e CSS usados para tornar os e-mails interativos não são suportados no momento. Por exemplo, se o senhor quiser tornar seu e-mail interativo no Gmail usando determinados seletores de atributos CSS, seu modelo poderá gerar um erro no Klaviyo.
Atualmente, a Klaviyo não suporta determinados operadores (como ~) em modelos de e-mail. Isso pode limitar a extensão em que determinados HTML e CSS personalizados podem ser usados. Se o seu modelo contiver HTML ou CSS que não seja totalmente compatível, o senhor não conseguirá gerar uma visualização do e-mail e, em vez disso, verá uma mensagem de erro.
Problemas comuns de HTML
Se o senhor achar que seu e-mail em HTML personalizado não está com a aparência correta, aqui estão alguns locais comuns para verificar se há problemas.
Aspas simples na fonteAspas simples na fonte
Sempre que estiver adicionando um atributo font-family no CSS, procure por aspas simples ou desnecessárias. Remova todas as aspas ao adicionar sua fonte.
| Problema | Fixo |
| font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Consultas de mídia
Se as consultas de mídia não estiverem no formato padrão, elas não serão renderizadas corretamente. Siga o formato padrão para todas as consultas de mídia.
| Formato padrão de consulta de mídia |
| @media only screen and (max-width: 460px) |
Etiquetas centrais desnecessárias
Se o senhor tiver várias tags HTML <center> em todo o seu modelo de e-mail, ele poderá não ser renderizado corretamente no Gmail. Para corrigir esse problema, remova todas as tags <center> desnecessárias. É necessária apenas uma tag <center> na parte superior do modelo de e-mail, perto da tag <body>. Todas as <center> tags adicionais do centro <> são supérfluas.
O Klaviyo não suporta e-mails em JavaScript
A maioria dos clientes de e-mail (Gmail, Hotmail, Yahoo etc.) considera o JavaScript nos e-mails como uma ameaça à segurança. Isso ocorre porque os scripts podem ocultar conteúdo malicioso. Como resultado, esses principais clientes de e-mail bloqueiam totalmente os scripts nos e-mails. Dada a ameaça inerente à segurança associada ao JavaScipt em e-mails e a falta de suporte a esses scripts pela maioria dos principais clientes de e-mail, todos os scripts adicionados serão automaticamente removidos.
O Klaviyo não oferece suporte a formulários ou vídeos incorporadosO Klaviyo não oferece suporte a formulários ou vídeos incorporados
A Klaviyo não oferece suporte a formulários, widgets ou vídeos incorporados em modelos. Isso ocorre porque nossos testes mostram que esses tipos de recursos não são renderizados de forma confiável em todos os principais clientes de e-mail. Semelhante aos snippets de JavaScript, a maioria dos clientes de e-mail considera esses elementos uma ameaça à segurança e os remove completamente dos e-mails.
Se o senhor estiver interessado em aprender soluções alternativas para isso, consulte este artigo sobre como adicionar um vídeo ou GIF a um e-mail.
Outras tags e atributos não suportadosOutras tags e atributos não suportados
A tag e os atributos HTML abordados aqui não são uma lista exaustiva do que o site Klaviyo suporta. Em geral, os elementos HTML compatíveis com os principais fornecedores de caixa de entrada também são compatíveis com o site Klaviyo.
Se o seu modelo tiver HTML não compatível, o site Klaviyo tentará substituir o elemento não compatível por uma alternativa compatível (ou seja, um span tag). Se não houver uma substituição clara, essa parte do seu HTML será removida. Se partes do seu HTML parecerem desaparecer depois de adicioná-las, isso significa que elas provavelmente não são compatíveis; tente uma tag ou atributo HTML alternativo para obter um efeito semelhante.
Recursos adicionais