Como importar um modelo HTML personalizado

Estimado 3 minuto de leitura
|
Atualizado 29 de ago. de 2024, 16:58 EST
O que você vai aprender

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

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.  

  1. Navegue até Content > Templates.
  2. Clique em Importar modelo.
  3. Digite um nome e carregue o arquivo HTML do seu modelo.
  4. Faça upload de todas as imagens ou ativos referenciados em seu HTML.
  5. 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).

Um modelo com tags não suportadas

O HTML de um modelo que inclui tags não suportadas

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)

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

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>
Emoji e modelos HTML personalizados

Emoji e modelos HTML personalizados

A partir de fevereiro de 2024, todos os emojis serão compatíveis com todos os editores de e-mail da 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

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano