Como importar um modelo HTML personalizado
O que você vai aprender
Saiba como importar um modelo HTML personalizado para a Klaviyo.
Recomendamos usar HTML personalizado apenas para profissionais de marketing com conhecimento técnico ou para quem tem acesso a um desenvolvedor. Embora nosso produto seja compatível com HTML personalizado, nossa equipe de suporte não pode ajudar você 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.
Carregue um modelo HTML personalizado
Modelos de HTML personalizados devem ser .html arquivos e devem incluir um link para cancelamento de inscrição (ou seja, uma tag {% unsubscribe %} ou {% unsubscribe_link %}). Saiba mais sobre cancelamento de inscrição na Klaviyo.
- Navegue até Conteúdo > Modelos.
- Selecione a aba Modelos de e-mail.
- Clique em Importar.
- Insira um nome e faça upload do arquivo HTML do seu modelo.
- Faça upload de quaisquer imagens ou ativos referenciados no seu HTML.
- Clique em Importar modelo.
Não é recomendável exportar um modelo criado no editor de arrastar e soltar do Klaviyo e depois importá-lo de volta para o Klaviyo, pois isso pode causar problemas na funcionalidade do modelo.
Remoção de tags de modelo e variáveis sem suporte
Quando você exporta um modelo de um ESP diferente, ele pode conter tags e variáveis que não são compatíveis com o Klaviyo. Antes de importar seu arquivo HTML, remova essas tags (e, se necessário, substitua-as por tags de personalização do Klaviyo).
Por exemplo, veja a mensagem e o HTML abaixo. Esta mensagem foi exportada de outro ESP e contém tags para o ano atual, o endereço de uma empresa e muito mais. Essas tags externas não são compatíveis com a Klaviyo.
As tag de modelo da Klaviyo ficam entre chaves. As variáveis são cercadas por dois pares de chaves (por exemplo, {{ first_name }}), e as tag de modelo são cercadas por um par de chaves e símbolos de porcentagem (por exemplo, {% unsubscribe %}). Se as tag de modelo e as variáveis no seu modelo forem indicadas por outros caracteres, a Klaviyo não vai oferecer suporte a elas.
Adicione imagens e anexos (opcional)
Você pode fazer referência a imagens e anexos fazendo upload de um arquivo .zip que inclua seus anexos e referenciando-os pelo nome do arquivo no seu modelo.
Quando você clica para importar seu modelo, essas imagens e esses recursos são adicionados automaticamente à nossa CDN, e as referências a eles são atualizadas no seu modelo.
Adicione um texto de prévia oculto a um modelo HTML personalizado
Se você quiser definir o texto de pré-visualização de um modelo de HTML personalizado (em vez de deixar as caixas de entrada puxarem o texto de pré-visualização do conteúdo da sua mensagem), adicione o bloco de código abaixo ao seu modelo. Esse código deve ser adicionado imediatamente após a tag <body> de abertura do seu modelo.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insert preview text here.
</div>Emojis e modelos HTML personalizados
Desde fevereiro de 2024, todos os emojis são compatíveis com todos os editores de e-mail do Klaviyo (ou seja, o editor de arrastar e soltar, o editor híbrido, o editor somente texto e o editor de HTML personalizado).