Como importar um modelo HTML personalizado
O que você vai aprender
Saiba como importar um modelo HTML personalizado para o Klaviyo.
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.
Fazer upload de um modelo HTML personalizado
Os modelos HTML personalizados devem ser .html e deve incluir um link de cancelamento de assinatura (ou seja, uma tag {% unsubscribe %} ou {% unsubscribe_link %}). Saiba mais sobre o cancelamento de assinaturas no Klaviyo.
- Navegue até Content > Templates.
- Selecione a guia modelos de e-mail.
- Clique em Importar.
- Digite um nome e carregue o arquivo HTML do seu modelo.
- Faça upload de todas as imagens ou ativos referenciados em seu HTML.
- Clique em Import Template (Importar modelo).
Exportar um modelo criado no editor de arrastar e soltar do Klaviyo e depois importá-lo de volta para o Klaviyo não é recomendado e pode causar problemas com a funcionalidade do modelo.
Remoção de tags e variáveis de modelo não suportadas
Quando o senhor exporta um modelo de um provedor de serviços de e-mail diferente, ele pode conter tags e variáveis que não são suportadas pela Klaviyo. Antes de importar seu arquivo HTML, remova essas tags (e, se necessário, substitua-as pelas tags de personalização do Klaviyo).
Por exemplo, veja a mensagem e o HTML abaixo. Essa mensagem foi exportada de outro provedor de serviços de e-mail 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 o Klaviyo.
As tags de modelo do Klaviyo estão contidas entre colchetes. As variáveis são cercadas por dois pares de chaves (por exemplo, {{ first_name }}) e as tags de modelo são cercadas por um par de chaves e símbolos de porcentagem (por exemplo, {% unsubscribe %}). Se as tags e as variáveis do seu modelo forem indicadas por outros caracteres, o Klaviyo não as suportará.
Adicionar imagens e anexos (opcional)
O senhor pode fazer referência a imagens e anexos carregando um arquivo zip que inclua os anexos e fazendo referência a eles pelo nome do arquivo no modelo.
Quando o senhor clica para importar o modelo, essas imagens e ativos são automaticamente adicionados à nossa CDN e suas referências são atualizadas no modelo.
Adicionar texto de visualização oculto a um modelo HTML personalizado
Se quiser definir o texto de visualização para um modelo HTML personalizado (em vez de permitir que as caixas de entrada extraiam o texto de visualização do conteúdo da mensagem), adicione o bloco de código abaixo ao seu modelo. Esse código deve ser adicionado imediatamente após a abertura da tag <body> do seu modelo.
<estilo div="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insira o texto de visualização aqui.
</div>Emojis e modelo HTML personalizado
A partir de fevereiro de 2024, todos os emojis serão compatíveis com todos os editores de e-mail Klaviyo (ou seja, o editor de arrastar e soltar, o editor híbrido, o editor somente de texto e o editor HTML personalizado).
Recursos adicionais
- Solução de problemas de CSS, JavaScript e HTML personalizados no Klaviyo
- Como importar um modelo HTML personalizado com suporte a arrastar e soltar